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 del()函数用法
Mar 24 Python
python实现类的静态变量用法实例
May 08 Python
解析Mac OS下部署Pyhton的Django框架项目的过程
May 03 Python
Python实现统计给定字符串中重复模式最高子串功能示例
May 16 Python
Python实现的查询mysql数据库并通过邮件发送信息功能
May 17 Python
基于python绘制科赫雪花
Jun 22 Python
对python 命令的-u参数详解
Dec 03 Python
Django接收自定义http header过程详解
Aug 23 Python
python+jinja2实现接口数据批量生成工具
Aug 28 Python
Python基于paramunittest模块实现excl参数化
Apr 26 Python
python中的错误如何查看
Jul 08 Python
Python PIL按比例裁剪图片
May 11 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 程式大小
2006/12/06 PHP
使用PHP函数scandir排除特定目录
2014/06/12 PHP
PHP文件上传问题汇总(文件大小检测、大文件上传处理)
2015/12/24 PHP
详解php实现页面静态化原理
2017/06/21 PHP
PHP多维数组指定多字段排序的示例代码
2018/05/16 PHP
PHP PDOStatement::closeCursor讲解
2019/01/30 PHP
THINKPHP5分页数据对象处理过程解析
2020/10/28 PHP
document.compatMode介绍
2009/05/21 Javascript
IE的fireEvent方法概述及应用
2013/02/22 Javascript
火狐textarea输入法的bug的触发及解决
2013/07/24 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
2014/06/16 Javascript
jQuery实现Twitter的自动文字补齐特效
2014/11/28 Javascript
VueJs路由跳转——vue-router的使用详解
2017/01/10 Javascript
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
2019/05/03 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
2020/09/08 Javascript
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
[53:10]Secret vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python如何在终端里面显示一张图片
2016/08/17 Python
python爬取拉勾网职位数据的方法
2018/01/24 Python
Sanic框架异常处理与中间件操作实例分析
2018/07/16 Python
Python使用sorted对字典的key或value排序
2018/11/15 Python
CSS3轻松实现圆角效果
2017/11/09 HTML / CSS
智能钱包:Ekster
2019/11/21 全球购物
Solaris操作系统的线程机制
2015/07/28 面试题
七年级历史教学反思
2014/02/05 职场文书
便利店促销方案
2014/02/20 职场文书
网络技术专业求职信
2014/05/02 职场文书
研究生求职自荐书
2014/06/23 职场文书
信用卡工资证明格式
2014/09/13 职场文书
先进个人事迹材料范文
2014/12/30 职场文书
大学生在校表现评语
2014/12/31 职场文书
杭州西湖英语导游词
2015/02/03 职场文书
python实战之一步一步教你绘制小猪佩奇
2021/04/22 Python
goland 恢复已更改文件的操作
2021/04/28 Golang
vue+spring boot实现校验码功能
2021/05/27 Vue.js
Win10防火墙白名单怎么设置?Win10添加防火墙白名单方法
2022/04/06 数码科技