Flask处理Web表单的实现方法


Posted in Python onJanuary 31, 2021

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)

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

Python 相关文章推荐
python实现划词翻译
Apr 23 Python
Python实现远程调用MetaSploit的方法
Aug 22 Python
Python中MYSQLdb出现乱码的解决方法
Oct 11 Python
Python松散正则表达式用法分析
Apr 29 Python
python实现图片批量压缩程序
Jul 23 Python
Python 实现Windows开机运行某软件的方法
Oct 14 Python
python实现自动登录后台管理系统
Oct 18 Python
将pandas.dataframe的数据写入到文件中的方法
Dec 07 Python
python3正则提取字符串里的中文实例
Jan 31 Python
Tensorflow不支持AVX2指令集的解决方法
Feb 03 Python
tensorflow pb to tflite 精度下降详解
May 25 Python
pandas中关于apply+lambda的应用
Feb 28 Python
Django中如何用xlwt生成表格的方法步骤
Jan 31 #Python
Django中template for如何使用方法
Jan 31 #Python
python中os.remove()用法及注意事项
Jan 31 #Python
python os.listdir()乱码解决方案
Jan 31 #Python
linux系统下pip升级报错的解决方法
Jan 31 #Python
Linux系统下升级pip的完整步骤
Jan 31 #Python
用python制作个音乐下载器
Jan 30 #Python
You might like
php中echo()和print()、require()和include()等易混淆函数的区别
2012/02/22 PHP
基于PHP常用函数的用法详解
2013/05/10 PHP
ThinkPHP3.1新特性之多数据库操作更加完善
2014/06/19 PHP
document.documentElement &amp;&amp; document.documentElement.scrollTop
2007/12/01 Javascript
Ajax执行顺序流程及回调问题分析
2012/12/10 Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
2013/08/29 Javascript
javascript删除option选项的多种方法总结
2013/11/22 Javascript
js判断变量初始化的三种形式及推荐用的形式
2014/07/22 Javascript
JavaScript控制listbox列表框的项目上下移动的方法
2015/03/18 Javascript
js去除浏览器默认底图的方法
2015/06/08 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
JS提交form表单实例分析
2015/12/10 Javascript
浅谈JavaScript 覆盖原型以及更改原型
2016/08/31 Javascript
基于JS+Canves实现点击按钮水波纹效果
2016/09/15 Javascript
详解微信小程序Radio选中样式切换
2017/07/06 Javascript
Angular实现预加载延迟模块的示例
2017/10/12 Javascript
JavaScript函数绑定用法实例分析
2017/11/14 Javascript
echarts学习笔记之图表自适应问题详解
2017/11/22 Javascript
JavaScript oncopy事件用法实例解析
2020/05/13 Javascript
JavaScript实现动态生成表格
2020/08/02 Javascript
基于javascript原生判断DOM是否加载完毕
2020/10/14 Javascript
对numpy.append()里的axis的用法详解
2018/06/28 Python
Django代码性能优化与Pycharm Profile使用详解
2018/08/26 Python
django 框架实现的用户注册、登录、退出功能示例
2019/11/28 Python
PyCharm设置Ipython交互环境和宏快捷键进行数据分析图文详解
2020/04/23 Python
使用Keras画神经网络准确性图教程
2020/06/15 Python
Python 实现3种回归模型(Linear Regression,Lasso,Ridge)的示例
2020/10/15 Python
Python接口自动化系列之unittest结合ddt的使用教程详解
2021/02/23 Python
For Art’s Sake官网:手工制作的奢华眼镜
2018/12/15 全球购物
一些Unix笔试题和面试题
2012/09/25 面试题
四年的大学生生活自我评价
2013/12/09 职场文书
yy司仪主持词
2014/03/22 职场文书
大专应届毕业生求职信
2014/07/15 职场文书
人民检察院起诉书
2015/05/20 职场文书
python删除csv文件的行列
2021/04/06 Python
Python基本数据类型之字符串str
2021/07/21 Python