python Flask之JinJa2

什么是jinja2

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

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

过滤器

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

使用方式:

{{variable | filter_name}}

常见的过滤器

字符串操作
  • 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')
通过调用应用程序实例的 add_template_filter 方法实现自定义过滤器

该方法第一个参数是函数名,第二个参数是自定义的过滤器名称:
方法二(装饰器)
@app.template_filter('lireverse')
def do_listreverse(li):
    # 通过原列表创建一个新列表
    temp_li = list(li)
    # 将新列表进行返转
    temp_li.reverse()
    return temp_li

流程控制语句:

<!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>

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

模板继承

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

语法:

{% block top %} {% endblock %}

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

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

父模板中定义的块在子模板中被重新定义,在子模板中调用父模板的内容可以使用super()

父模板代码:

base.html

{% block top %}
  顶部菜单
{% endblock top %}{% block content %}
{% endblock content %}{% block bottom %}
  底部
{% endblock bottom %}

子模板代码:

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

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

include标签:

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

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

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

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

语法:

	{% macro func() %}    
	
	{% endmacro %}
	
调用:
	{{  func()  }}

实例:

创建宏

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

使用宏

<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

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

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

比如在视图函数中定义了

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

然后模板中:

<a href="{{ url_for('login') }}">登录</a>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值