本专题目录
-
-
- 一、控制语句
-
- 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.Decimal |
FloatField | 文本字段,值为浮点数 |
BooleanField | 复选框,值为True和False |
RadioField | 一组单选框 |
SelectField | 下拉列表 |
SelectMultipleField | 下拉列表,可选择多个值 |
FileField | 文本上传字段 |
SubmitField | 表单提交按钮 |
FormField | 把表单作为字段嵌入另一个表单 |
FieldList | 一组指定类型的字段 |
2.2 WTForms常用验证器
验证函数 | 说明 |
---|---|
DataRequired | 确保字段中有数据 |
EqualTo | 比较两个字段的值,常用于比较两次密码输入 |
Length | 验证输入的字符串长度 |
NumberRange | 验证输入的值在数字范围内 |
URL | 验证URL |
AnyOf | 验证输入值在可选列表中 |
NoneOf | 验证输入值不在可选列表中 |
2.3 使用
使用Flask-WTF需要配置参数SECRET_KEY。
CSRF_ENABLED是为了CSRF(跨站请求伪造)保护。 SECRET_KEY用来生成加密令牌,当CSRF激活的时候,该设置会根据设置的密匙生成加密令牌。
# coding:utf-8from 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, EqualToapp = 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.datapwd = form.password.datapwd2 = form.password2.dataprint(uname, pwd, pwd2)session["user_name"] = unamereturn 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_nameif __name__ == '__main__':app.run(debug=True)
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><form method="post"><!-- 设置csrf_token以验证CSRF 否则后端无法收到数据 -->{
{ 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>