Flask学习（四）-WTF表单

最新推荐文章于 2021-12-23 18:57:20 发布

前热火球员LeBron James

最新推荐文章于 2021-12-23 18:57:20 发布

阅读量312

点赞数

分类专栏： Flask 文章标签： flask-wtf

本文链接：https://blog.csdn.net/qq_34663267/article/details/111999541

版权

Flask 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

项目结构：
在这里插入图片描述

一、原始简单表单验证：
app.py

from flask import Flask, render_template, request, flash

app = Flask(__name__)
app.secret_key = 'mgosdjg'

'''
flash:给模板传递消息
模板中需要遍历消息
需要对内容加密，因此需要设置secret_key,做加密消息的混淆
'''
@app.route('/', methods=['GET', 'POST'])
def hello_world():
    # request: 请求方式 --> 获取请求方式、数据

    # 1.判断请求方式
    if request.method == 'POST':
        # 2.获取请求的参数
        username = request.form.get('username')
        password = request.form.get('password')
        password2 = request.form.get('password2')

        # 3.判断参数是否填写 & 密码是否相同
        if not all([username, password, password2]):
            # return '参数不完整'
            flash(u'参数不完整')
        elif password != password2:
            # return '密码不一致'
            flash(u'密码不一致')
        else:
            return 'success'

    return render_template('index.html')


if __name__ == '__main__':
    app.run(host='192.168.235.128', port=5000, debug=True)

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form method="post">
    <label>用户名：</label><input type="text" name="username"><br>
    <label>密码：</label><input type="password" name="password"><br>
    <label>确认密码：</label><input type="password" name="password2"><br>
    <input type="submit" value="提交"><br>

    {# 使用遍历获取闪现的消息 #}
    {% for message in get_flashed_messages() %}
        {{ message }}
    {% endfor %}
</form>

</body>
</html>

效果：
在这里插入图片描述
二、使用WTF：
flask-wtf
说明: 是一个用于表单处理，校验的库，提供了csrf等功能
安装：pip3 install flask-wtf
(1) 字段类型
字段类型字段说明

StringField 普通文本字段
SubmitField 提交
PasswordField 密码字段
TextAreaField 多行文本域字段
DateField 日期字段 datetime.date
DateTimeFiled 时间时期 datetime.datetime
HiddenField 隐藏域字段
IntegerField 数值字段
FloatField 小数字段
BooleanField bool字段 True和False
RadioFIeld 单选字段
SelectField 下拉字段
FileField 文件上传字段

(2) 验证器
验证器名称说明

DataRequired 必填
Email 验证邮箱
IPAddress 验证ip地址默认ipv4
Length 验证当前值的长度 min 和max
NumberRange 数值的范围提供了 min 和max
EqualTo 验证俩个输入框的值是否相同
URL 验证是否为有效的url地址
Regexp 正则匹配

app.py

from flask import Flask, render_template, request, flash
from flask_wtf import FlaskForm
from wtforms import StringField, PasswordField, SubmitField
from wtforms.validators import DataRequired, EqualTo

app = Flask(__name__)
app.secret_key = 'mgosdjg'

'''
flash:给模板传递消息
模板中需要遍历消息
需要对内容加密，因此需要设置secret_key,做加密消息的混淆
'''

'''
自定义WTF实现表单
自定义表单类
'''


class LoginForm(FlaskForm):
    username = StringField('用户名', validators=[DataRequired()])
    password = PasswordField('密码', validators=[DataRequired()])
    password2 = PasswordField('确认密码', validators=[DataRequired(), EqualTo('password', '密码填入的不一致')])
    submit = SubmitField('提交')

@app.route('/', methods=['GET', 'POST'])
def login():
    login_form = LoginForm()
    # 1.判断请求方式
    if request.method == 'POST':
        # 2.获取请求的参数
        username = request.form.get('username')
        password = request.form.get('password')
        password2 = request.form.get('password2')

        # 3.验证参数，WTF可以一句话就实现左右的校验
        # 注意前段加 csrf_token
        if login_form.validate_on_submit():
            return 'success'
        else:
            flash('参数有误')

    return render_template('index.html', form=login_form)


if __name__ == '__main__':
    app.run(host='192.168.235.128', port=5000, debug=True)

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<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 }}

    {# 使用遍历获取闪现的消息 #}
    {% for message in get_flashed_messages() %}
        {{ message }}
    {% endfor %}
</form>

</body>
</html>

效果：
在这里插入图片描述

前热火球员LeBron James

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
Flask学习（四）-WTF表单

一、原始简单表单验证：app.pyfrom flask import Flask, render_template, request, flashapp = Flask(__name__)app.secret_key = 'mgosdjg''''flash:给模板传递消息模板中需要遍历消息需要对内容加密，因此需要设置secret_key,做加密消息的混淆'''@app.route('/', methods=['GET', 'POST'])def hello_world():
复制链接

扫一扫