Flask 模板 - 变量、过滤器

最新推荐文章于 2024-07-14 17:38:51 发布
最新推荐文章于 2024-07-14 17:38:51 发布
阅读量317 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012887259/article/details/103523098
版权

模板

Flask的视图函数有两个作用：处理业务逻辑和返回响应内容。

在大型应用中，把业务逻辑和表现内容放在一起，会增加代码的复杂度和维护成本。这次的模板内容主要的作用即是承担视图函数的另一个作用，即返回响应内容。

模板其实是一个包含响应文本的文件，其中用占位符（变量）表示动态部分，告诉模板引擎其具体值需要从使用的数据中获取。使用真实值替换变量，再返回最终得到的字符串，这个过程称为“渲染”。

Flask使用Jinja2这个模板引擎来渲染模板。Jinja2能识别所有类型的变量，包括{}。 Jinja2模板引擎，Flask提供的render_template函数封装了该模板引擎，render_template函数的第一个参数是模板的文件名，后面的参数都是键值对，表示模板中变量对应的真实值。

Jinja2官方文档（http://docs.jinkan.org/docs/jinja2/）

模板的基本语法

先来认识下模板的基本语法：

<title>{% block title %}{% endblock %}</title>
<ul>
{% for user in users %}
  <li><a href="{{ user.url }}">{{ user.username }}</a></li>
{% endfor %}
</ul>

下面来写一个简单的示例：

  1. 导入Flask使用模板的方法
from flask import render_template
  1. 在templates创建一个index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h3>name = {{ user_name }}</h3>
    <h3>age = {{ age }}</h3>
</body>
</html>
  1. 编写使用模板的示例代码
from flask import Flask,render_template

# 创建Flask的app应用
app = Flask(__name__)

# index视图函数
@app.route("/index")
def index():
    # 设置模板html，以及设置参数
    return render_template('index.html', user_name='libai', age=18 )

if __name__ == '__main__':
    app.run(debug=True)
  1. 测试访问视图

http://127.0.0.1:5000/index

13423234-639d602552ab5920.png

可以看到，模板成功显示出了参数内容。但是通过上方那样设置参数的话，不是很好。下面修改一下设置参数的方式。

  1. 使用字典来传递参数
from flask import Flask,render_template

# 创建Flask的app应用
app = Flask(__name__)

# index视图函数
@app.route("/index")
def index():
    # 使用字典的方式传递参数
    context = {
        "user_name": 'libai',
        "age": 18,
    }
    return render_template('index.html', **context )

if __name__ == '__main__':
    app.run(debug=True)
  1. 再次访问index
13423234-bb057ba204ac0710.png

可以从上面看到，字典参数的传递是采用**context的方式。

所以 **context 等价于 user_name=libai, age=18 的参数传递。

模板变量

在模板中{{ variable }}结构表示变量，是一种特殊的占位符，告诉模板引擎这个位置的值，从渲染模板时使用的数据中获取；Jinja2除了能识别基本类型的变量，还能识别{}；
其中模板变量可以传递字典dict，列表list，下面再来写几个复杂一些的参数传递示例。

1. 编写视图函数index，设置多几个类型参数

# index视图函数
@app.route("/index")
def index():
    # 使用字典的方式传递参数
    context = {
        "user_name": 'libai',
        "age": 18,
        # 传递字典
        "my_dict" : {
            "key1" : "value1",
            "key2" : "value2",
        },
        # 传递list
        "my_list" : [1,2,3,4,5,6],
        # 传递int类型
        "index" : 0
    }
    return render_template('index.html', **context )

2. 编写index.html，设置多几个参数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h3>name = {{ user_name }}</h3>
    <h3>age = {{ age }}</h3>

    <!--  使用字典参数  -->
    <p>my_dict key1 = {{ my_dict["key1"] }}</p>
    <p>my_dict key2 = {{ my_dict.key2 }}</p>

    <!--  使用列表list参数  -->
    <p>my_list = {{ my_list }}</p>
    <p>my_list[1] = {{ my_list[1] }}</p>
    <p>my_list[0] = {{ my_list[0] }}</p>
    <p>my_list[index] = {{ my_list[index] }}</p>

</body>
</html>

3. 访问index

13423234-7b20c81ad0437bdd.png

可以看到不管是dict还是list类型，都可以使用。

注意：在Django中模板中的变量是无法直接相加等运算操作的，而Flask调用的模板可以。

4. 设置模板变量执行运算

    <!--  变量运算  -->
    <p>my_list[1] = {{ my_list[1] }}</p>
    <p>my_list[2] = {{ my_list[2] }}</p>
    <p>my_list[1] + my_list[2] = {{ my_list[1] + my_list[2] }}</p>
    <p>my_list[1] - my_list[2] = {{ my_list[1] - my_list[2] }}</p>
    <p>my_list[1] * my_list[2] = {{ my_list[1] * my_list[2] }}</p>
    <p>my_list[1] / my_list[2] = {{ my_list[1] / my_list[2] }}</p>
    <p>my_list[1] % my_list[2] = {{ my_list[1] % my_list[2] }}</p>

5. 访问index，查看运算结果

13423234-198bf02730682108.png

可以看出基本运算都可以执行。

过滤器

字符串过滤器

safe：禁用转义；

  <p>{{ '<em>hello</em>' | safe }}</p>

capitalize：把变量值的首字母转成大写，其余字母转小写；

  <p>{{ 'hello' | capitalize }}</p>

lower：把值转成小写；

  <p>{{ 'HELLO' | lower }}</p>

upper：把值转成大写；

  <p>{{ 'hello' | upper }}</p>

title：把值中的每个单词的首字母都转成大写；

  <p>{{ 'hello' | title }}</p>

trim：把值的首尾空格去掉；

  <p>{{ ' hello world ' | trim }}</p>

reverse:字符串反转；

  <p>{{ 'olleh' | reverse }}</p>

format:格式化输出；

  <p>{{ '%s is %d' | format('name',17) }}</p>

striptags：渲染之前把值中所有的HTML标签都删掉；

  <p>{{ '<em>hello</em>' | striptags }}</p>

支持链式使用过滤器

<p>{{ " hello world  " | trim | upper }}</p>

可以多次使用过滤器。

列表过滤器

first：取第一个元素

  <p>{{ [1,2,3,4,5,6] | first }}</p>

last：取最后一个元素

  <p>{{ [1,2,3,4,5,6] | last }}</p>

length：获取列表长度

  <p>{{ [1,2,3,4,5,6] | length }}</p>

sum：列表求和

  <p>{{ [1,2,3,4,5,6] | sum }}</p>

sort：列表排序

  <p>{{ [6,2,3,1,5,4] | sort }}</p>

下面执行一下上面的过滤器，如下：

13423234-d69ae10eb7069043.png
13423234-46a738aa500cd626.png

上面展示禁用转义safe过滤器有些简单，下面再来一个xss攻击的示例。

xss攻击示例

编写一个输入框，允许将输入内容直接在页面展示，查看是否会执行js代码。

1. 编写xss.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="/xss_ex" method="post">
        <label for="textarea"></label><textarea name="textarea" id="textarea" cols="30" rows="10"></textarea>
        <input type="submit" value="提交">
    </form>

    {{ textarea }}

</body>
</html>

2.编写处理xss的视图函数

# xss视图函数
@app.route("/xss_ex",methods=['GET','POST'])
def xss_ex():
    textarea = ""
    if request.method == 'POST':
        textarea = request.form.get("textarea")

    return render_template('xss.html', textarea=textarea)

3.输入js内容，查看是否会执行js

输入<script>alert("hello");</script>，点击提交

13423234-c2fabc8e493c2896.png
13423234-7a7b7a4535e84bbd.png

可以看到默认js代码并不会被执行，而是会被转义显示字符串。那么如果需要执行呢？

这时候就可以增加过滤器safe了。

4.设置禁用转义过滤器safe

13423234-85a4b41cb56ca983.png

5.再次输入内容js

13423234-07cb63a2a5ad6014.png

此时将会执行js，如果这段js是恶意代码，那么就是典型的xss攻击！

语句块过滤(不常用)：

{% filter upper %}
    this is a Flask Jinja2 introduction
{% endfilter %}

自定义过滤器

过滤器的本质是函数。当模板内置的过滤器不能满足需求，可以自定义过滤器。自定义过滤器有两种实现方式：一种是通过Flask应用对象的add_template_filter方法。还可以通过装饰器来实现自定义过滤器。

自定义的过滤器名称如果和内置的过滤器重名，会覆盖内置的过滤器。

实现方式一：通过调用应用程序实例的add_template_filter方法实现自定义过滤器。该方法第一个参数是函数名，第二个参数是自定义的过滤器名称。

def filter_double_sort(ls):
    return ls[::2]
app.add_template_filter(filter_double_sort,'ls_2')

实现方式二：用装饰器来实现自定义过滤器。装饰器传入的参数是自定义的过滤器名称。

@app.template_filter('ls3')
def filter_double_sort(ls):
    return ls[::-3]

上面则是自定义过滤器的两种方式，下面来执行一下这两个自定义过滤器的示例。

1.设置两个自定义过滤器

# 自定义过滤器：方法一
def filter_double_sort(ls):
    return ls[::2]
app.add_template_filter(filter_double_sort,'ls_2')

# 自定义过滤器：方法二
@app.template_filter('ls3')
def filter_double_sort(ls):
    return ls[::-3]

@app.route("/index")
def index():
    # 使用字典的方式传递参数
    context = {
        # 传递list
        "my_list" : [1,2,3,4,5,6],
    }
    return render_template('index.html', **context )

if __name__ == '__main__':
    app.run(debug=True)

2.在index.html使用两个自定义过滤器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    自定义过滤器：
    <p>{{ my_list | ls_2 }}</p>
    <p>{{ my_list | ls3 }}</p>

</body>
</html>

3.页面显示如下

13423234-08fcf788b32772ac.png
13423234-0e3934319aa622f6.png
海洋的渔夫
关注
Flaskjinjia2过滤器
拿着键盘走天涯的博客
04-01 681
因为方便才使用的jinjia2，但是很多时候服务器直接返回的数据不符合我们的需求，那么就可以使用jinjia2的过滤器来洗一下这些数据了 先来一个最实用的 {{ dict | tojson }} 如果服务器直接返回数据而我们直接用jinjia2去接收，输出的时候会变成有Html字符的文本，根本不能用，要使用tojson过滤器把这些数据变成json格式，就可以愉快的玩耍了 根据数据格式列举几个常用...
Flask后端笔记（三）Jinja2模板、过滤器、表单、宏、模板继承、包含
行者
10-27 1211
Flask后端笔记Jinja2模板基本流程 Jinja2模板 基本流程 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Template</title> </head> <body> <h1>hello {{ name }}</h1> </body> </h
Python_Flask 模板语法 模板变量（list、dict、object）
erfan_lang的博客
08-19 1277
当前需要吧客户填写的信息已表格的内容呈现出来，我们创建html页面，name要创建表格，如何时间有多少信息，就创建多少表格呢？我们使用动态创建，就在html页面写python语言，那么谁来翻译呢？引擎 代码基础 import json from flask import Flask, render_template, request, redirect, url_for import settings app = Flask(__name__) app.config.from_object(setting
Flask(jinja2)——过滤器的使用
最新发布
小陈从不熬夜
07-14 554
在Jinja2模板引擎中，过滤器是一种特殊的功能，用于修改变量的输出，从而转换或处理模板中的数据显示。
Flask学习笔记（六）模板（变量）
zyzy123321的博客
07-24 519
在前面的示例中，视图函数的主要作用是生成请求的响应，这是最简单的请求。实际上，视图函数有两个作用：处理业务逻辑和返回响应内容。在大型应用中，把业务逻辑和表现内容放在一起，会增加代码的复杂度和维护成本。本节学到的模板，它的作用即是承担视图函数的另一个作用，即返回响应内容。 模板其实是一个包含响应文本的文件，其中用占位符（变量）表示动态部分，告诉模板引擎其具体值需要从使用的数据中获取。使用真实值替换变量，再返回最终得到的字符串，这个过程称为“渲染”。Flask使用Jinja2这个模板引擎来渲染模板。Jinja2
【Flask专题】09.模板：变量（PyCharm）
懿洺君的博客
05-09 335
模板：变量（PyCharm）
Flask模板01
Allen . Liu
08-10 273
模板 在前面的示例中，视图函数的主要作用是生成请求的响应，这是最简单的请求。实际上，视图函数有两个作用：处理业务逻辑和返回响应内容。在大型应用中，把业务逻辑和表现内容放在一起，会增加代码的复杂度和维护成本。本节学到的模板，它的作用即是承担视图函数的另一个作用，即返回响应内容。 模板其实是一个包含响应文本的文件，其中用占位符（变量）表示动态部分，告诉模板引擎其具体值需要从使用的数据中获取。使用真实...
flask 过滤器与管道命令，url_for，消息闪现flash，变量作用域
weixin_42563968的博客
09-03 451
jinja2模板与python的语句不同 {{ data | length() }} {# 得到data的长度 #} {{ data.name | default(‘wangyudong’) }} {{ data.name == None | default(‘wangyudong’) }} {# True #} default 判断属性是否存在的，而不判断空值，不存在则把defaul...
KODExplorer 芒果云-资源管理器
07-16
- 文件编辑器，文件树目录 上下左右键盘切换 快捷键加入 - 树目录去掉库,改为个人目录等多处文案修改 - 默认打开用户目录 ####fix bug:（bug解决和程序优化） - 桌面任务栏点不中bug - 部分文案问题 - 众多...
web安全-SSTI模板注入漏洞
weixin_61956136的博客
07-31 3683
web安全-SSTI模板注入漏洞
Flask知识点串烧（三）--- JInjia2模板
Geroge_lmx的博客
02-08 643
1. 模板简介 把HTML代码存储在单独的文件中，分离程序的业务逻辑和表现逻辑； 借助模板引擎，我们可以在HTML文件中使用特殊的语法标记变量，这类包含固定内容和动态部分的可重用文件称为模板； Flask默认使用的模板引擎是Jinjia2，它是一个功能齐全的python模板引擎，除了设置变量，还允许我们在模板中添加if判断，执行for迭代，调用函数等，以各种方式控制模板的输出。 2. 模板语...
Python全栈 Web（Flask框架、变量、模板）
weixin_33905756的博客
09-21 253
模板 Templates： 模板中的语法规范 变量： 变量时一种特殊的占位符 告诉模板引擎该位置的 值是从渲染模板时的数据中来获取的 在视图中： @app.route("/temp") def temp(): return render_template("01_temp.html",uname="user nam...
js模板引擎_18. Flask 模板 变量、过滤器
weixin_39863155的博客
12-03 297
模板Flask的视图函数有两个作用：处理业务逻辑和返回响应内容。在大型应用中，把业务逻辑和表现内容放在一起，会增加代码的复杂度和维护成本。这次的模板内容主要的作用即是承担视图函数的另一个作用，即返回响应内容。模板其实是一个包含响应文本的文件，其中用占位符(变量)表示动态部分，告诉模板引擎其具体值需要从使用的数据中获取。使用真实值替换变量，再返回最终得到的字符串，这个过程称为“渲染”。Fl...
flask基础十一之过滤器
feilzhang的博客
07-13 463
过滤器过滤器的本质就是函数。有时候我们不仅仅只是需要输出变量的值，我们还需要修改变量的显示，甚至格式化、运算等等，而在模板中是不能直接调用 Python 中的某些方法，那么这就用到了过滤器。使用方式：过滤器的使用方式为：变量名 | 过滤器。{{variable | filter_name(*args)}} 如果没有任何参数传给过滤器,则可以把括号省略掉{{variable | filter_nam...
flask过滤器
datuan0188的博客
03-24 175
过滤器的本质就是函数。有时候我们不仅仅只是需要输出变量的值，我们还需要修改变量的显示，甚至格式化、运算等等，而在模板中是不能直接调用 Python 中的某些方法，那么这就用到了过滤器。 过滤器的使用方式为：变量名 | 过滤器。 {{ var | reverse}} 对var进行反转 jinja2的模板语言是支持链式调用的，比如 {{ "hello world" | ...
flask模板，变量，标签，转义，过滤器，宏，继承，包含，引用，消息闪现
NLstudy33的博客
04-25 223
- 模板语法（变量，标签，过滤器） - 模板的继承-extends，包含-include，引用-self - 模板的宏定义和使用，消息闪现 import os from datetime import datetime from flask import Flask, g, request,render_template_string, url_for, flash from flask import render_template,redirect mbapp = Flask(__name__
Flask学习笔记之：jinja2变量过滤器以及自定义过滤器
whstudio123的博客
05-20 1504
Flask学习笔记之：jinja2变量过滤器以及自定义过滤器何为变量过滤器变量过滤器的使用方式jinja2内置的变量过滤器自定义变量过滤器 何为变量过滤器 网上解释：  Django和Flask框架中都使用了jinja2模板引擎来渲染模板，通过后端向模板中传递变量，通过过滤器可以修改这些变量，过滤器添加在变量名之后，中间使用竖线分割。 我的理解：  变量过滤器其实就是执行一个函数，把变量传入函数，把函数的返回值填充到这个位置。 变量过滤器的使用方式 （注意，既然我把变量过滤器看作一个函数，这里我对参数个数的
Flask之模板之特殊变量和方法
weixin_30568591的博客
10-14 156
3.6 Flask中的特殊变量和方法： 在Flask中，有一些特殊的变量和方法是可以在模板文件中直接访问的。 config 对象: config 对象就是Flask的config对象，也就是 app.config 对象。 {{ config.SQLALCHEMY_DATABASE_URI }} request 对象: 就是 Flask 中表示当前请求的 r...
Flask框架——模板变量、控制块、过滤器
霖hero
12-03 1162
在上篇文章中，我们学习了Flask框架——重定向(redirect)、url_for，这篇文章我们学习Flask框架——模板变量、控制块、过滤器。模板是包含静态数据和动态数据占位符的文件，模板使用指定的数据生成最终的文档。 Flask框架使用Jinja模板库来渲染模板，是一个 web 开发必备的模块。因为我们在渲染一个网页的时候，并不是只渲染一个纯文本字符串，而是需要使用模板了。在Flask框架中，我们通常使......
Adobe Flash Builder 4.6 中文使用指南
- 确定问题区域和过滤器功能帮助用户定位和排除性能问题。 7. **Unit测试工具** - FlexUnit是FlashBuilder中内置的单元测试框架，支持创建和运行Flex应用程序的测试。 - 创建FlexUnit测试向导简化了测试类的生成...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

海洋的渔夫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值