Flask处理Web表单的实现方法

时间:2021-05-22

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

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

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

WTForms支持的HTML标准字段

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

WTForms常用验证函数

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

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

CSRF_ENABLED是为了CSRF(跨站请求伪造)保护。 SECRET_KEY用来生成加密令牌,当CSRF激活的时候,该设置会根据设置的密匙生成加密令牌。在HTML页面中直接写form表单:

<form method='post'> <input type="text" name="username" placeholder='Username'> <input type="password" name="password" placeholder='password'> <input type="submit"></form>

视图函数中获取表单数据:

from flask import Flask,render_template,request@app.route('/login',methods=['GET','POST'])def login(): if request.method == 'POST': username = request.form['username'] password = request.form['password'] print username,password return render_template('login.html',method=request.method)123456789

使用 Flask-WTF 实现表单

配置参数

app.config['SECRET_KEY'] = 'SECRET_KEY'1

模板页面

<form method="post"> #设置csrf_token {{ form.csrf_token() }} {{ form.us.label }} <p>{{ form.us }}</p> {{ form.ps.label }} <p>{{ form.ps }}</p> {{ form.ps2.label }} <p>{{ form.ps2 }}</p> <p>{{ form.submit() }}</p> {% for x in get_flashed_messages() %} {{ x }} {% endfor %}</form>1234567891011121314视图函数#coding=utf-8from flask import Flask,render_template,\ redirect,url_for,session,request,flash#导入wtf扩展的表单类from flask_wtf import FlaskForm#导入自定义表单需要的字段from wtforms import SubmitField,StringField,PasswordField#导入wtf扩展提供的表单验证器from wtforms.validators import DataRequired,EqualToapp = Flask(__name__)app.config['SECRET_KEY']='1'#自定义表单类,文本字段、密码字段、提交按钮class Login(FlaskForm): us = StringField(label=u'用户名',validators=[DataRequired()]) ps = PasswordField(label=u'密码',validators=[DataRequired(),EqualTo('ps2','err')]) ps2 = PasswordField(label=u'确认密码',validators=[DataRequired()]) submit = SubmitField(u'提交')@app.route('/login')def login(): return render_template('login.html')#定义根路由视图函数,生成表单对象,获取表单数据,进行表单数据验证@app.route('/',methods=['GET','POST'])def index(): form = Login() if form.validate_on_submit(): name = form.us.data pswd = form.ps.data pswd2 = form.ps2.data print name,pswd,pswd2 return redirect(url_for('login')) else: if request.method=='POST': flash(u'信息有误,请重新输入!') print form.validate_on_submit() return render_template('index.html',form=form)if __name__ == '__main__': app.run(debug=True)

到此这篇关于Flask处理Web表单的实现方法的文章就介绍到这了,更多相关Flask处理Web表单内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章