【Jinja2】控制语句与Web表单

it2024-05-12 46

本专题目录

一、控制语句1.1 if语句1.2 for循环语句二、web表单2.1 WTForms支持的HTML标准字段2.2 WTForms常用验证器2.3 使用

一、控制语句

1.1 if语句

@app.route('/user') def user(): user = 'dongGe' return render_template('user.html',user=user) <html> <head> {% if user %} <title> hello {{user}} </title> {% else %} <title> welcome to flask </title> {% endif %} </head> <body> <h1>hello world</h1> </body> </html>

1.2 for循环语句

@app.route('/loop') def loop(): fruit = ['apple','orange','pear','grape'] return render_template('loop.html',fruit=fruit) <html> <head> <title>hello</title> </head> <body> <h1>hello world</h1> <ul> {% for index in fruit %} <li>{{ index }}</li> {% endfor %} </ul> </body> </html>

二、web表单

web表单是web应用程序的基本功能。

它是HTML页面中负责数据采集的部件。表单有三个部分组成：表单标签、表单域、表单按钮。表单允许用户输入数据，负责HTML页面数据采集，通过表单将用户输入的数据提交给服务器。

在Flask中，为了处理web表单，我们一般使用Flask-WTF扩展，它封装了WTForms，并且它有验证表单数据的功能。

2.1 WTForms支持的HTML标准字段

字段对象说明StringField文本字段TextAreaField多行文本字段PasswordField密码文本字段HiddenField隐藏文本字段DateField文本字段，值为datetime.date格式DateTimeField文本字段，值为datetime.datetime格式IntegerField文本字段，值为整数DecimalField文本字段，值为decimal.DecimalFloatField文本字段，值为浮点数BooleanField复选框，值为True和FalseRadioField一组单选框SelectField下拉列表SelectMultipleField下拉列表，可选择多个值FileField文本上传字段SubmitField表单提交按钮FormField把表单作为字段嵌入另一个表单FieldList一组指定类型的字段

2.2 WTForms常用验证器

验证函数说明DataRequired确保字段中有数据EqualTo比较两个字段的值，常用于比较两次密码输入Length验证输入的字符串长度NumberRange验证输入的值在数字范围内URL验证URLAnyOf验证输入值在可选列表中NoneOf验证输入值不在可选列表中

2.3 使用

使用Flask-WTF需要配置参数SECRET_KEY。

CSRF_ENABLED是为了CSRF（跨站请求伪造）保护。 SECRET_KEY用来生成加密令牌，当CSRF激活的时候，该设置会根据设置的密匙生成加密令牌。

# coding:utf-8 from flask import Flask, render_template, redirect, url_for, session from flask_wtf import FlaskForm from wtforms import StringField, PasswordField, SubmitField from wtforms.validators import DataRequired, EqualTo app = Flask(__name__) # 使用Flask-WTF需要配置参数SECRET_KEY。否则报错 app.config["SECRET_KEY"] = "xhosd6f982yfhowefy29f" # 定义表单的模型类 class RegisterForm(FlaskForm): """自定义的注册表单模型类""" # 字段名字检验器/验证器 user_name = StringField(label=u"用户名", validators=[DataRequired(u"用户名不能为空")]) password = PasswordField(label=u"密码", validators=[DataRequired(u"密码不能为空")]) password2 = PasswordField(label=u"确认密码", validators=[DataRequired(u"确认密码不能为空"), EqualTo("password", u"两次密码不一致")]) submit = SubmitField(label=u"提交") @app.route("/register", methods=["GET", "POST"]) def register(): # 创建表单对象, 如果是post请求，前端发送了数据，flask会把数据在构造form对象的时候，存放到对象中 form = RegisterForm() # 判断form中的数据是否合理 # 如果form中的数据完全满足所有的验证器，则返回真，否则返回假 if form.validate_on_submit(): # 表示验证合格 # 提取数据 uname = form.user_name.data pwd = form.password.data pwd2 = form.password2.data print(uname, pwd, pwd2) session["user_name"] = uname return redirect(url_for("index")) return render_template("register.html", form=form) @app.route("/index") def index(): user_name = session.get("user_name", "") return "hello %s" % user_name if __name__ == '__main__': app.run(debug=True) <!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 }} {{form.user_name}}  {% for msg in form.user_name.errors %} <p>{{msg}}</p> {% endfor %} <br> {{ form.password.label }} {{form.password}} {% for msg in form.password.errors %} <p>{{msg}}</p> {% endfor %} <br> {{ form.password2.label }} {{form.password2}} {% for msg in form.password2.errors %} <p>{{msg}}</p> {% endfor %}  {{form.submit}} </form> </body> </html>

最新回复(0)