简介
Jinja2是Flask框架默认支持的模板引擎,是python的web项目中被广泛应用的一种模板引擎,jinja2的作者与Flask是同一个人。
jinja2具有以下特点:
-
非常灵活,提供了控制结构、表达式与继承等
-
性能好
-
可读性强
渲染一个模板,通过render_template方法即可
语法
引入渲染函数
使用之前需要先通过import 导入
from flask import render_template
注:要将模板文件放置在项目根目录的 templates文件夹中
在Jinja2中,存在三种语法
-
变量取值 {{ }}
-
控制结构(逻辑代码) {% %}
-
注释 {# #}
示例1:变量取值 {{ }}
@app.route("/tmp")
def template_test():
name = "我是字符串"
num =1
mylist = [1,2,3,4]
mydict={"name":"张三","age":33}
mytuple = (1,2,3,4)
return render_template("template.html",name=name,num=num,mylist=mylist,mydict=mydict,mytuple=mytuple)
template.html 模板文件
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<p>字符串:{{ name }}</p>
<p>数字:{{ num }}</p>
<p>列表:{{ mylist }}</p>
<p>列表中的第二个元素:{{ mylist[1] }}</p>
<p>字典:{{ mydict }}</p>
<p>字典的name:{{ mydict['name'] }}</p>
<p>元组:{{ mytuple }}</p>
<p>元组的第2个元素:{{ mytuple[1] }}</p>
</body>
</html>
调用结果
示例2:控制结构 {% %}
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<p>字符串:{{ name }}</p>
<p>数字:{{ num }}</p>
<p>列表:{{ mylist }}</p>
<p>列表中的第二个元素:{{ mylist[1] }}</p>
<p>字典:{{ mydict }}</p>
<p>字典的name:{{ mydict['name'] }}</p>
<p>元组:{{ mytuple }}</p>
<p>元组的第2个元素:{{ mytuple[1] }}</p>
{% if name=='张三' %}
条件满足,我是张三
{% else %}
条件不满足
{% endif %}
循环列表数据:
{% for i in mylist %}
{{ i }}
{% endfor %}
</body>
</html>
调用结果
示例3:注释 {# #}
{# 循环列表数据:#}
{% for i in mylist %}
{{ i }}
{% endfor %}
过滤器
有些时候需要对要在模板中的变量值做一些特殊处理,比如首字母大写,去掉前后空格、字符串拼接等等,这时就可以使用过滤器。
过滤器的使用
通过 | 来使用过滤器,与Linux中的管道类似
例如,将字符串的首字母大写
<p>{{ name | capitalize }}</p>
常用的过滤器
过滤器 | 说明 |
---|---|
safe | 渲染时值不转义 |
capitalize | 首字母大写,其他字母小写 |
lower | 所有字母小写 |
upper | 所有字母大写 |
title | 值中每个单词首字母大写 |
trim | 去除首尾空格 |
striptags | 渲染时删除掉值中所有HTML标签 |
join | 拼接字符串 |
replace | 替换字符串中的值 |
round | 对数据进行四舍五入 |
示例代码
@app.route("/tmp2")
def template_test2():
name = "harRY"
return render_template("template2.html",name=name)
template2.html
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
{# 首字母大写 #}
<p>{{ name | capitalize }}</p>
{# 单词全小写 #}
<p>{{ "Hello World!" | lower }}</p>
{# 去除首尾空格 #}
<p>{{ " Hello World! " | trim }}</p>
{# 四舍五入取整 #}
<p>{{ 1.26 | round }}</p>
{# 四舍五入保留2位小数取整 #}
<p>{{ 1.2666 | round(2) }}</p>
</body>
</html>
调用
自定义过滤器
当遇到现有的过滤无法满足我们的需求时,这时就需要我们自定义一个过滤器了
自定义过滤器有两种方式
方式1:@app.template_filter()
# 第一种方式,用作计算字符串长度
@app.template_filter()
def str_len(args):
return len(args)
方式2: 先定义方法,后采用 app.jinja_env.filters
# 第二种方式, 去除字符串中的空格
def replace_space(args):
return args.replace(" ", "")
app.jinja_env.filters['replace_space'] = replace_space
使用以上自定义的过滤器
@app.route("/tmp3")
def template_test3():
name = "harRY"
aaa="dfs jklf jffff "
return render_template("template3.html", name=name,aaa=aaa)
template3.html
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<p>{{ name | str_len }}</p>
<p>{{ aaa | replace_space }}</p>
</body>
</html>
输出
程序猿与投资生活实录已改名为 程序猿知秋,WX 公众号同款,欢迎关注!!