从前慢现在也慢

这个屌丝很懒，什么也没留下！

热门标签

python Flask之JinJa2_flask jinja2

作者：从前慢现在也慢 | 2024-03-05 13:20:19

踩

flask jinja2

文章目录

什么是jinja2

Jinja2是Python下一个被广泛应用的模版引擎,要想使用Jinja2模板，需要从flask导入render_template函数，然后在路由函数中调用render_template函数,如果要传数据给前端用render_template携带参数

前端接收后端传的数据用{{变量名}}

过滤器

过滤器的本质就是函数。有时候我们不仅仅只是需要输出变量的值，我们还需要修改变量的显示，甚至格式化、运算等等，而在模板中是不能直接调用 Python 中的某些方法，那么这就用到了过滤器。

使用方式:

{{variable | filter_name}}
1

常见的过滤器

字符串操作

safe：加上标签就是HTML语法
{{ ‘hello’ | safe }}
capitalize：把变量值的首字母转成大写，其余字母转小写
{{ ‘hello’ | capitalize }}
lower：把值转成小写
{{ ‘HELLO’ | lower }}
upper：把值转成大写
{{ ‘hello’ | upper }}
title：把值中的每个单词的首字母都转成大写　　
{{ ‘hello’ | title }}
reverse：字符串反转
{{ ‘olleh’ | reverse }}
format：格式化输出
{{ ‘%s is %d’ | format(‘name’,17) }}
striptags：渲染之前把值中所有的HTML标签都删掉
{{ ‘hello’ | striptags }}
truncate: 字符串截断
{{ ‘hello every one’ | truncate(9)}}

列表操作

first：取第一个元素
{{ [1,2,3,4,5,6] | first }}
last：取最后一个元素
{{ [1,2,3,4,5,6] | last }}
length：获取列表长度
{{ [1,2,3,4,5,6] | length }}
sum：列表求和
{{ [1,2,3,4,5,6] | sum }}
sort：列表排序
{{ [6,2,3,1,5,4] | sort }}
loop.index :查看下标

自定义过滤器两种方法

当模板内置的过滤器不能满足需求，可以自定义过滤器。自定义过滤器有两种实现方式：

方法一(调用)

def do_listreverse(li):
    # 通过原列表创建一个新列表
    temp_li = list(li)
    # 将新列表进行返转
    temp_li.reverse()
    return temp_li

app.add_template_filter(do_listreverse,'lireverse')
1
2
3
4
5
6
7
8

通过调用应用程序实例的 add_template_filter 方法实现自定义过滤器

该方法第一个参数是函数名，第二个参数是自定义的过滤器名称：
1
2
3

方法二(装饰器)

@app.template_filter('lireverse')
def do_listreverse(li):
    # 通过原列表创建一个新列表
    temp_li = list(li)
    # 将新列表进行返转
    temp_li.reverse()
    return temp_li
1
2
3
4
5
6
7

流程控制语句:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>控制语句</title>
</head>
<body>
    {# 如果姓名name是Warren，就打印名字，否则打印其他信息 #}
    {% if users[0].name == "Warren" %}
        <p>{{ users[0].name }}</p>
        <p>用户名是Warren</p>
    {% else %}
        <p>用户名不是Warren</p>
    {% endif %}

    {# for循环 #}
    <h3>遍历列表</h3>
    <table>
        <thead>
            <th>姓名</th>
            <th>年龄</th>
        </thead>
        <tbody>
            {% for user in users %}
                <tr>
                    <td>{{ user.name }}</td>
                    <td>{{ user.age }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

    <h3>遍历字典</h3>
    {% for key, value in groups.items() %}
        <p>key: {{ key }}；value: {{ value }}</p>
    {% endfor %}
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

总结 : 所有的控制语句都是通过{% statement %}来使用，并且都有一个结束语句{% endstatement %}，Python中的>, <, !=, >=等判断都可以用在if里，也可以通过and, or，not等进行逻辑判断。

模板继承

多个页面具有完全相同的顶部和底部内容或则有完全相同的 html 代码块内容

语法:

{% block top %} {% endblock %}

相当于在父模板中挖个坑，当子模板继承父模板时，可以进行填充。

子模板使用 extends 指令声明这个模板继承自哪个模板

父模板中定义的块在子模板中被重新定义，在子模板中调用父模板的内容可以使用super()
1
2
3
4
5
6
7

父模板代码：

base.html

{% block top %}
  顶部菜单
{% endblock top %}

{% block content %}
{% endblock content %}

{% block bottom %}
  底部
{% endblock bottom %}
1
2
3
4
5
6
7
8
9
10

子模板代码：

extends指令声明这个模板继承父类

{% extends ‘base.html’ %}
{% block content %}
需要填充的内容
如果还要
{% endblock content %}

include标签：

这个标签相当于是直接将指定的模版中的代码复制粘贴到当前位置。

{% include “common/footer.html” %}

宏

可以将它看成时Jinja2中的一个函数，它会返回一个模板或者HTML字符串

可以将相同的重复编写的模板代码封装到宏中

语法:

	{% macro func() %}    
	
	{% endmacro %}
	
调用:
	{{  func()  }}
1
2
3
4
5
6

实例:

创建宏

{% macro input(label='', type='text', name='', value='') %}    
<label>{{ label }}</label><input type="{{ type }}" name="{{ name }}" value="{{ value }}"><br> 
{% endmacro %}
1
2
3

使用宏

<form action="">
    {{ input(label='⽤用户名：', name='user_name') }}    
    {{ input(label='邮箱：', name='email') }}    
    {{ input(label='密码：', type='password', name='password') }}    
    {{ input(label='确认密码：', type='password', name='password2') }}    
    {{ input(type='submit', value='提交') }} 
</form
1
2
3
4
5
6
7

模板中特有的方法(url_for()):

超链接中的反向解析，和重定向中的反向解析用法一致

比如在视图函数中定义了

@app.route('/login') 
def login():
    return "欢迎你的到来"
1
2
3

然后模板中:

<a href="{{ url_for('login') }}">登录</a>
1

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/191367