Python（Web时代）——jinja2模板

简介

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 公众号同款，欢迎关注！!

文章出处登录后可见！

已经登录？立即刷新