由于Django的模板引擎和Flask中的Jinja2模板引擎有很多一样的地方，所以我将一样的地方总结到了独立的文章中

https://www.cnblogs.com/kuxingseng95/articles/9091027.html

变量

构造上下文

构造上下文前

 return render_template('test01_template.html', my_list=my_list, my_int=my_int, my_dict=my_dict)

构造上下文后

return render_template('test01_template.html', context=context)

return render_template('test01_template.html', **context)

比如:

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/index")

def index():

    # 处理业务逻辑

    data = {

        "name": "python",

        "age": 18,

        "my_li": [1, 2, 3, 4, 5, 6, 7],

        "my_int": 0,

        "my_dict": {

            "city": "bj"

        }

    }

    return render_template("code_18_templates.html", **data)

if __name__ == '__main__':

    app.run(debug=True)

和Django不同，在Flask的Jinja2模板引擎中，{{变量}}中是支持计算的

过滤器

jinja2中过滤器可以传入多个参数。

{{参数1 | 过滤器器(*args) }} 
{{ my_list2 | sum(‘age’) }}

而且支持链式调用

 {{ 'hello world' | reverse | upper }}

自定义过滤器

使用装饰器

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")

def index():

    return render_template("code_19_filter.html")

# 自定义过滤器

# 　定义一个切片函数

@app.template_filter("li2")         # 里面的参数表示过滤器的名字

def li_setup2(li):

    # 每隔一个值获取一下

    step = li[::2]

    return step

if __name__ == '__main__':

    app.run()

直接添加到模板过滤器中

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")

def index():

    return render_template("code_19_filter.html")

# 　定义一个切片函数

def li_setup2(li):

    # 每隔一个值获取一下

    return li[::2]

# 自定义过滤器

# 第一个参数：表示自定义的函数名字，

# 第二个参数表示过滤器的名字

app.add_template_filter(li_setup2, "li2")

if __name__ == '__main__':

    app.run()

控制语句

与Django模板不同点

for循环后面可以拼接if语句

比较平时使用时我们需要这样：

{% for index in my_list %}

    {% if index > 5 %}

        {{ index }}

    {% endif %}

{% endfor %}

而Flask中可以这样：

{% for index in my_list if index > 5 %}

    {{index}}

{% endfor %}

比如在判断列表为空的时候

Django和jinja2也不一样

jinja2中

{% for index in my_list %}

    {{index}}

{% else %}

    没有值了

{% endfor %}

django中

{% for index in my_list %}

    {{index}}

{% empty %}

    没有值了

{% endfor %}

宏

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

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

使用

标签

{% macro func() %}

{% endmacro %}

准备宏

{% 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>

封装宏

为了达到宏的复用，我们可以将宏单独的抽取到指定的html文件中

使用封装的宏

{% import 'macro.html' as func %}

<form action="">

    {{ func.input(label='⽤用户名：', name='user_name') }}

    {{ func.input(label='邮箱：', name='email') }}

    {{ func.input(label='密码：', type='password', name='password') }}

    {{ func.input(label='确认密码：', type='password', name='password2') }}

    {{ func.input(type='submit', value='提交') }}

</form>

Flask中特有的模板变量和方法

特有变量

比如：

特有变量：

request：获取请求的数据

session：获取session数据

config：获取配置参数

g：获取视图中g变量存储的值

特有方法

url_for()

@app.route("/order/<order_id>")

def order(order_id):

    return 'order %s' % order_id

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

比如在视图函数中定义了

@app.route('/order')

def order():

    return "order"

然后再模板中

<a href="{{ url_for('order') }}">进⼊入order</a>

可以进行反向的解析

反向的解析传参

@app.route("/order/<order_id>")

def order(order_id):

    return "order %s" % order_id
<a href="{{ url_for('order', order_id=123) }}">进⼊入order</a>

get_flashed_messages()

搭配flask中国的flash()方法使用

flash()用于将视图中准备的提示信息添加到消息队列中

然后模板中使用get_flashed_messages()提取和展示视图中准备的提示信息

使用

{% for message in get_flashed_messages() %}

    {{message}}

{% endfor %}

Flask-WTF表单

首先需要安装 Flask-WTF == 0.14.2

常用模块

表单类

from flask_wtf import FlaskForm

字段

from wtforms import StringField, PasswordField, SubmitField

验证器

from wtforms.validators import DataRequired, InputRequired, EqualTo

例子：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<form method="post">

    {{ form.csrf_token }}

    {{ form.user_name.label }}

    <p>{{ form.user_name }}</p>

    {% for msg in form.user_name.errors %}

    <p>{{ msg }}</p>

    {% endfor %}

    {{ form.password.label }}

    <p>{{ form.password }}</p>

    {% for msg in form.password.errors %}

    <p>{{ msg }}</p>

    {% endfor %}

    {{ form.password2.label }}

    <p>{{ form.password2 }}</p>

    {% for msg in form.password2.errors %}

    <p>{{ msg }}</p>

    {% endfor %}

    {{ form.submit }}

</form>

</body>

</html>

前台代码

from flask import Flask, render_template

from flask import request

from flask_wtf import FlaskForm

from wtforms import StringField, PasswordField, SubmitField

from wtforms.validators import DataRequired, EqualTo

app = Flask(__name__)

class Config(object):

    SECRET_KEY = "fadafsfafsafa"

app.config.from_object(Config)

# FlaskForm:继承flask的表单

class RegisterForm(FlaskForm):

    # StringField :文本输入框

    # validators :用来验证当前的文本输入框

    # DataRequired:必须输入

    user_name = StringField(label="用户名", validators=[DataRequired("必须填写用户名")])

    password = PasswordField(label="密码", validators=[DataRequired("必须填写密码")])

    # EqualTo　:　判断两次密码是否相等

    # password : 　表示跟上面的密码进行判断，判断两次是否一致

    password2 = PasswordField(label="确认密码", validators=[DataRequired("必须填写密码"), EqualTo("password", "两次密码必须一致")])

    submit = SubmitField(label="提交")

@app.route("/register", methods=["GET", "POST"])

def register():

    if request.method == "GET":

        form = RegisterForm()

        return render_template("code_22_wtf.html", form=form)

    else:

        form = RegisterForm()

        if form.validate_on_submit():

            name = form.user_name.data

            pwd = form.password.data

            pwd2 = form.password2.data

            print(name, pwd)

            return "注册成功"

        else:

            return render_template("code_22_wtf.html", form=form)

if __name__ == '__main__':

    app.run(debug=True)

后台代码

关于csrf

关于csrf的简单介绍：https://www.cnblogs.com/kuxingseng95/articles/9092333.html

防护措施

方案一：在FlaskForm中实现校验

在Flask-WTF扩展中，有一套完整的csrf防护体系

<form method="post">

    {{ form.csrf_token() }}

    {{ form.username.label }} {{ form.username }}<br/>

    {{ form.password.label }} {{ form.password }}<br/>

    {{ form.password2.label }} {{ form.password2 }}<br/>

    {{ form.submit }}

</form>

方案二：单独使用

from flask.ext.wtf import CSRFPRrotect

CSRFProtect(app)

使用WTF拓展

同方案一

不使用WTF拓展

自己实现校验的所有逻辑

<form method="post" action="/">

    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" /> 
</form>

flask模板语言的更多相关文章

  1. Flask - 模板语言jinja2 和render_template高级用法

    目录 Flask - 模板语言jinja2 和render_template高级用法 一. 字典传递至前端 二. 列表传入前端Jinja2 模板的操作: 三. 大字典传入前端 Jinja2 模板 四. ...

  2. flask模板语言，装饰器，路由及配置

    1.模板语言jinja2 Flask中默认的模板语言是Jinja2 1.0 模板传参 from flask import Flask,render_template app = Flask(__nam ...

  3. flask模板语言 jinja2 以及render_template 深度用法

    是时候开始写个前端了,Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符 ...

  4. Flask 模板语言，装饰器

      Jinja2模板语言 # -*- coding: utf-8 -*-   from flask import Flask, render_template, request, redirect,  ...

  5. Flask 模板语言

    Flask使用的是Jinja2模板引擎 举个例子: from flask import Flask, render_template app = Flask(__name__) @app.route( ...

  6. 【Flask】 Jinja2模板语言

    Jinja2 Jinja2是Python Web编程中的主流模板语言.因为flask是基于Jinja2和Werkzeug发展而来,在安装flask的时候jinja2自动就被装在上面了. 之前提到了很多 ...

  7. 第四篇flask中模板语言 jinja2

    Flask中默认的模板语言是Jinja2 首先我们要在后端定义几个字符串,用于传递到前端 STUDENT = {, 'gender': '中'}, STUDENT_LIST = [ {, 'gende ...

  8. Flask最强攻略 - 跟DragonFire学Flask - 第四篇 Flask 中的模板语言 Jinja2 及 render_template 的深度用法

    是时候开始写个前端了,Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符 ...

  9. python 全栈开发，Day119(Flask初识,Render Redirect HttpResponse,request,模板语言 Jinja2,用户登录例子,内置Session)

    一.Flask初识 首先,要看你学没学过Django 如果学过Django 的同学,请从头看到尾,如果没有学过Django的同学,并且不想学习Django的同学,轻饶过第一部分 三大主流Web框架对比 ...

随机推荐

  1. git clone 之后 ， 如何复制文件到文件夹 并 上传

    1. 关于 _netrc machine github.com login myid password mypassword machine bitbucket.org login myid pass ...

  2. IT兄弟连 JavaWeb教程 Servlet会话跟踪 Cookie的优缺点

    Cookie技术存储的数据类型只能是字符串,且不支持中文 ●  保存的数据大小有限,4kb ●  太依赖用户浏览器的设置,用户可以禁用Cookie! ●  数据存储在客户端的文本文件中,不安全,不建议 ...

  3. （八）SpringBoot使用mybatis-plus+自动代码生成

    一.SpringBoot使用mybatis-plus+自动代码生成 使用mybatis-plus可以自动帮我们生成通用的 controller,service,dao,mapper 二.加入依赖 &l ...

  4. 通过java调用Http接口上传图片到服务器

    https://blog.csdn.net/jaedons/article/details/78563841 /** * 测试上传png图片 * */ public static void testU ...

  5. OSPF-1-OSPF的数据库交换（4）

    4.DD交换:主/从关系   当两台路由器之间形成了邻居关系后(ExStart),邻居双方需要决定在数据库交换的过程中,哪台路由器的角色是主,哪台路由器的角色是从.主和从这两个角色决定了DD包交换过程 ...

  6. [已读]JavaScript语言精髓与编程实践

    推荐第二章的内容,关于表达式和运算符的内容很独到.

  7. 自己项目中PHP常用工具类大全分享

    <?php /** * 助手类 * @author www.shouce.ren * */ class Helper { /** * 判断当前服务器系统 * @return string */ ...

  8. Centos 7.5源码编译安装zabbix4.0报fatal error: mysql.h: No such file or directory

    系统环境:CentOS 7.5是最小化安装的 编译信息 编译选项: root@Server01 zabbix-]# ./configure --prefix=/usr/share/applicatio ...

  9. 安卓新的联网方式 Volley的使用（一）加载图片与 json

    最近刚接触安卓, 以前搞wp ,一对比起来 ,安卓怎么这么麻烦.联网必须要重新开一个线程才可以.而且加载网络图片也很麻烦...花了很久一直卡在快速滑动加载网络图片的listview上面 ,一直很纠结痛 ...

  10. Nginx 开启目录浏览功能配置

    在server节点下添加 server { listen ; server_name default; #index index.php; # 目录浏览功能 autoindex on; # 显示文件大 ...