Flask处理Web表单的实现方法

作者:流芳 时间:2021-10-20 17:13:36 

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-8
from 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,EqualTo
app = 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)

来源:https://www.py.cn/kuangjia/flask/18416.html

标签:Flask,Web表单
0
投稿

猜你喜欢

  • 啥是佩奇?使用Python自动绘画小猪佩奇的代码实例

    2022-02-13 19:46:53
  • Python利用numpy实现三层神经网络的示例代码

    2021-07-29 22:04:46
  • ie6 img onload

    2009-04-08 17:23:00
  • 影响SQL Server性能的三个关键点

    2009-03-09 13:11:00
  • django项目简单调取百度翻译接口的方法

    2023-10-20 18:25:41
  • django框架中间件原理与用法详解

    2022-12-15 03:25:37
  • js中的文档模式-document.compatMode

    2009-08-14 20:30:00
  • 整理及优化CSS代码的七个原则[译]

    2009-04-23 12:35:00
  • PHP实现获取第一个中文首字母并进行排序的方法

    2023-10-30 12:29:08
  • 20行Python代码实现一款永久免费PDF编辑工具

    2023-11-17 23:51:45
  • 按钮表状态还是表动作?

    2009-03-23 18:21:00
  • Python数据类型学习笔记

    2023-02-09 13:42:39
  • Python timeit模块原理及使用方法

    2023-09-22 08:19:18
  • javascript 45种缓动效果(二)

    2009-09-19 18:53:00
  • matplotlib教程——强大的python作图工具库

    2021-05-18 23:42:55
  • python数组中的 k-diff 数对例题解析

    2022-03-30 18:21:47
  • Python中pass的作用与使用教程

    2023-05-05 23:05:05
  • 交互设计实用指南系列(3)—“有效性”之“适时帮助”

    2009-12-25 14:29:00
  • python定时截屏实现

    2021-01-28 22:04:09
  • css学习笔记:DIV水平垂直居中

    2009-06-19 12:45:00
  • asp之家 网络编程 m.aspxhome.com