在前面的示例中,视图函数的主要作用是生成请求的响应,这是最简单的请求。实际上,视图函数有两个作用:处理业务逻辑和返回响应内容。在大型应用中,把业务逻辑和表现内容放在一起,会增加代码的复杂度和维护成本。本节学到的模板,它的作用即是承担视图函数的另一个作用,即返回响应内容。 模板其实是一个包含响应文本的文件,其中用占位符(变量)表示动态部分,告诉模板引擎其具体值需要从使用的数据中获取。使用真实值替换变量,再返回最终得到的字符串,这个过程称为“渲染”。Flask使用Jinja2这个模板引擎来渲染模板。Jinja2能识别所有类型的变量,包括{}。 Jinja2模板引擎,Flask提供的render_template函数封装了该模板引擎,render_template函数的第一个参数是模板的文件名,后面的参数都是键值对,表示模板中变量对应的真实值。 Jinja2官方文档(http://docs.jinkan.org/docs/jinja2/)
在模板中{{ variable }}结构表示变量,是一种特殊的占位符,告诉模板引擎这个位置的值,从渲染模板时使用的数据中获取;Jinja2除了能识别基本类型的变量,还能识别{};
python代码
# coding:utf-8 from flask import Flask, render_template app = Flask(__name__) @app.route("/index") def index(): # 一般以键值对的方式传参数,若打包成字典,需要解包,否则传过去的是一个字典类型 # 能穿的变量类型有:字符串,数字,字典,列表 data = { "name": "python", "age": 18, "my_dict": {"city": "sz"}, "my_list": [1, 2, 3, 4, 5], "my_int": 0 } return render_template("index.html", **data) # **data是解包 if __name__ == '__main__': app.run(debug=True)前端代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p>name = {{ name }}</p> <p>age = {{ age }}</p> <!-- 字典的两种取值方式 --> <p>my_dict: city= {{ my_dict["city"] }}</p> <p>my_dict: city= {{ my_dict.city }}</p> <!-- 列表的取值方式 --> <p>my_list: {{ my_list }}</p> <p>my_list[0]: {{ my_list[0] }}</p> <p>my_list[my_int]: {{ my_list[my_int] }}</p> <!-- flask 中支持直接使用加法 --> <p>my_list[0] + my_list[1] = {{ my_list[0] + my_list[1] }}</p> <p>{{"hello" + " python" }}</p> </body> </html>过滤器的本质就是函数。有时候我们不仅仅只是需要输出变量的值,我们还需要修改变量的显示,甚至格式化、运算等等,这就用到了过滤器。 过滤器的使用方式为:变量名 | 过滤器。 过滤器名写在变量名后面,中间用 | 分隔。如:{{variable | capitalize}},这个过滤器的作用:把变量variable的值的首字母转换为大写,其他字母转换为小写。 其他常用过滤器如下:
过滤器的本质是函数。当模板内置的过滤器不能满足需求,可以自定义过滤器。自定义过滤器有两种实现方式:一种是通过Flask应用对象的add_template_filter方法。还可以通过装饰器来实现自定义过滤器。 自定义的过滤器名称如果和内置的过滤器重名,会覆盖内置的过滤器。
实现方式一:通过调用应用程序实例的add_template_filter方法实现自定义过滤器。
# 自定义过滤器函数 def filter_double_sort(ls): """切片,隔两个输出一个""" return ls[::2] # 注册过滤器,该方法第一个参数是函数名,第二个参数是自定义的过滤器名称。 app.add_template_filter(filter_double_sort,'double_2')实现方式二:用装饰器来实现自定义过滤器。
#装饰器传入的参数是自定义的过滤器名称。 @app.template_filter('db3') def filter_double_sort(ls): return ls[::-3]