flask笔记5：模板

Table of Contents

 

01模板与自定义过滤器

02表单WTF原理简介

03 表单模型类与模板使用

04表单接收检验参数

05

06模板宏

07宏定义在外部

08继承、闪现

---

01模板与自定义过滤器

Jinja2模板

from flask import render_template

{{name}}

传单个值

return render_template('index.html', name=result)

Kv方式多值

data={        "name":"python",        "age":18     } return render_template('index.html', **data)

传其他类型变量：

data={        "name":"python",        "my_dict":{"city":"bj"},        "my_int":18,        "my_list":[1,2,3], } return render_template('index.html', **data)

name = {{ name }} my_dict: {{ my_dict["city"] }} my_dict: {{ my_dict.city }} my_list: {{ my_list }} my_list[my_int]: {{ my_list[my_int] }}

过滤器

字符串过滤器：Safe禁用转义

{{ text | safe }}

列表过滤器：length获取列表长度

{{ data | safe | length }}

这功能厉害是厉害，但后端的事还要跑到前端来做么

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

return render_template('index.html', **data) def list_step_2(li):        return li[::2]   #注册过滤器，使用名不是函数名而是注册名 app.add_template_filter(list_step_2, "li2")

02表单WTF原理简介

经典方式：

@app.route('/login',methods=['GET','POST']) def login():        if request.methods == 'POST':               username=request.form['username']               print username               return "success"        else:               return render_template('login.html')

引入Flask-WTF，抽象出一个表单类

需要时创建该类的对象，在模板中使用该对象的属性。可帮助CSRF跨站请求伪造攻击校验

（疑问：前端直接使用对象属性对style设置会不会有影响）

pip install Flask-WTF

03 表单模型类与模板使用

from flask_wtf import FlaskForm

WTForms支持html中的大部分字段Type

from wtforms import StringField,PasswordField,SubmitField

自带有常用的验证函数（DataRequired不为空，EqualTo两值相等）

from wtforms.validators import DataRequired, EqualTo

CSRF校验依赖：请求cookie密钥，请求体中值

app.config["SECRET_KEY"]="miyue123"

定义表单模型类：

class RegisterForm(object):        user_name=StringField(label=u"用户名",validators=[DataRequired(u"用户名不能为空")])        password=PasswordField(label=u"密码",validators=[DataRequired(u"密码不能为空")])        password2=PasswordField(label=u"确认密码",validators=[DataRequired(u"确认密码不能为空"),EqualTo("password","两次密码不一致")]) submit=SubmitField(label=u"提交")

Label为说明文字，validators为校验器，验证函数DataRequired内传入提示信息，EqualTo还需要传入比较的字段名

视图函数使用Form类的对象：

@app.route('/register',methods=['GET','POST']) def register():        form=RegisterForm()        return render_template('register.html',form=form)

前端：

{{form.user_name.label}}     {{form.user_name}}     {%for msg in form.user_name.errors%}     {{msg}} {%endfor%} {{form.submit}}

04表单接收检验参数

不管是get还是post都需要创建表单对象（form=RegisterForm()），flask会把前端发送的数据存放到对象中。可以省略request对get与post判断

判断form中的数据是否合理：

form.validate_on_submit()

如果form中的数据完全满足，返回真

Get方式访问时，此处数据空，不为真，只需判断为真时提取数据处理

user_name=form.user_name.data

CSRF的密钥在表单中也要带

{{form.csrf_token}}

 

@app.route('/register',methods=['GET','POST']) def register():        form=RegisterForm()        if form.validate_on_submit():               user_name=form.user_name.data               print(user_name)               session["user_name"]=user_name               return redirect(url_for("index"))        return render_template('register.html',form=form)

{{form.csrf_token}}     {{form.user_name.label}}     {{form.user_name}}     {%for msg in form.user_name.errors%}     {{msg}}     {%endfor%}     {{form.submit}}

05

因为提交后form中已有数据，所以再次进入填写页面，渲染的用户名会保留上次填写的用户名

06模板宏

在模板中将重复出现的代码定义成宏以复用

{% macro input() %}     {% endmacro %}

{{ input() }}

传入参数

{% macro input(type,value,size) %}     {% endmacro %}

{{ input("password","",50) }}

默认参数

{% macro input(type="text",value="",size=30) %}     {% endmacro %}

{{ input() }}

07宏定义在外部

单独建一个文件，只保留宏定义

{% macro input(type="text",value="",size=30) %}     {% endmacro %}

在模板中导入

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

{{ func.input() }}

08继承、闪现

扩展父模板：父模板挖空，子模版继承，填空

{% extends 'base.html' %} {% block content %} {% endblock content %}

包含子模板：

{% include 'hello.html' %}

特殊变量和方法：config、request、url_for也都能在模板中使用

Flash提供消息数据:

通过flash()传入信息列表，把消息加入到消息队列（存到session）

from flask import flash app.config["SECRET_KEY"]="miyue123"

flash("flash message")

get_flashed_messages()取出

{%for msg in get_flashed_messages()%}     {{msg}} {% endfor %}