模板
Jinja2简介
引入
视图函数的主要作用是生成请求的响应，这是最简单的请求。实际上，视图函数有两个作用：处理业务逻辑和返回响应内容。在大型应用中，把业务逻辑和表现内容放在一起，会增加代码的复杂度和维护成本。本节学到的模板，它的作用即是承担视图函数的另一个作用，即返回响应内容
- 模板其实是一个包含响应文本的文件，其中用占位符(变量)表示动态部分，告诉模板引擎其具体的值需要从使用的数据中获取
- 使用真实值替换变量，再返回最终得到的字符串，这个过程称为“渲染”
- Flask是使用 Jinja2 这个模板引擎来渲染模板
使用模板的好处：
- 视图函数只负责业务逻辑和数据处理(业务逻辑方面)
- 而模板则取到视图函数的数据结果进行展示(视图展示方面)
- 代码结构清晰，耦合度低
使用
渲染模板函数
Flask提供的 render_template 函数封装了该模板引擎
render_template 函数的第一个参数是模板的文件名，后面的参数都是键值对，表示模板中变量对应的真实值
{{}} 来表示变量名，这种 {{}} 语法叫做变量代码块
用 {% %} 定义的控制代码块，可以实现一些语言层次的功能，比如循环或者if语句
使用 {# #} 进行注释，注释的内容不会在html中被渲染出来
在项目下创建 templates 文件夹，用于存放所有的模板文件，并在目录下创建一个模板html文件 文件名.html
1、 变量代码块
python file 部分：
@app.route('/index1')
def index():
my_list = [1,2,3,4]
my_str = 'hello'
my_int = 13
my_dict = {
'name':'zhangsan',
'age':18
}
# 导入render_template 模块，第一个参数是要渲染html文件
# 后面的参数都是要传入的键值对
return render_template('01_index.html',
my_list = my_list,
my_str = my_str,
my_int = my_int,
my_dict = my_dict)
html部分：
<body>
列表取下标值以及求和:
{{ my_list.1 + 20 }} <br>
{{ my_str.3 }} <br>
整数求和:
{{ my_int + 10}} <br>
字典取键值
{{ my_dict.name }} <br>
</body>
2、过滤器
过滤器的本质就是函数。有时候我们不仅仅只是需要输出变量的值，我们还需要修改变量的显示，甚至格式化、运算等等，而在模板中是不能直接调用 Python 中的某些方法，那么这就用到了过滤器
使用方式：
过滤器的使用方式为：变量名 | 过滤器。
{{variable | filter_name(*args)}}
在 jinja2 中，过滤器是可以支持链式调用的，示例如下：
{{ "hello world" | reverse | upper }}
内建过滤器：
#Python部分
@app.route('/index2')
def index2():
my_str1 = 'you are the best friend'
my_str2 = 'HERO'
my_list = [1,3,5,7]
return render_template('02_index.html',my_str1 = my_str1,
my_list = my_list,my_str2 = my_str2)
# html部分
1.全部大写
{{ my_str1|upper }}<br>
2.首字母大写 其余小写
{{ my_str1|capitalize }}<br>
3.全部小写
{{ my_str2|lower }} <br>
4. 把值中每个单词的首字母大写
{{ my_str1|title }} <br>
5.字符串反转
{{ my_str1|reverse }} <br>
{{ my_str2|reverse }} <br>
6.格式化输出
{{ '%s is %d '|format('zhangsan',17) }}<br>
7.渲染之前把所有的html标签都删掉
{{ '<em>hello</em>'|striptags }}<br>
8.safe是安全的意思. 当你确定这段html代码没有安全问题,就可以使用safe
safe 会使得html标签生效
{{ '<em>hello</em>'|safe }}<br>
9.字符串截断
{{ my_str1|truncate(10,end='###') }} <br>
10.列表操作 第一个元素
{{ my_list|first }}<br>
11.列表 最后一个元素
{{ my_list|last }}<br>
12.列表长度
{{ my_list|length }}<br>
13.列表求和
{{ my_list|sum }}<br>
14.列表排序
{{ my_list|sort }} <br>
15.语句块过滤
{% filter upper %}
sunshine
{% endfilter %}
<br>
自定义过滤器
自定义过滤器有两种实现方式：
- 一种是通过Flask应用对象的 add_template_filter 方法
- 通过装饰器来实现自定义过滤器
注意：自定义的过滤器名称如果和内置的过滤器重名，会覆盖内置的过滤器
举例：添加列表反转的过滤器
方式一实现：
#方式一 使用过滤器 template_filter ,装饰器传入参数是过滤器的名字 随便取.视图函数传的参数是列表名
@app.template_filter('list_reverse')
def my_reverse(my_list):
my_list.reverse()
return my_list
方式二实现：
def my_reverse(my_list):
my_list.reverse()
return my_list
# 传参：第一个是函数名，第二个是过滤器名字
app.add_template_filter(my_reverse,'list_reverse')
3、控制代码块
在html文件中：
循环：
{% for 临时变量 in 列表或者字典 %}
{% endfor %}
判断：
{% if 条件 %}
{% endif %}
if 和 for 可以组合使用
在一个 for 循环块中你可以访问这些特殊的变量：
07.JPG
例子：
<ul>
{% for item in my_list %}
{% if loop.first %}
<li>第一次迭代的值:{{ item.value }}</li>
{% endif %}
{% if loop.last %}
<li>最后一次迭代的值:{{ item.value }}</li>
<li>到循环结束需要迭代的次数:{{ loop.revindex }}</li>
{% endif %}
<li>到循环结束需要迭代的次数:{{ loop.revindex }}</li>
<li>序列中的项目数:{{ loop.length }}</li>
{% endfor %}
</ul>
