分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

Flask之模板web表单

发布时间:2023-09-06 02:13责任编辑:顾先生关键词:暂无标签

3.3 Web表单:

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下拉列表
SelectMultipleField下拉列表,可选择多个值
FileField文本上传字段
SubmitField表单提交按钮
FormField把表单作为字段嵌入另一个表单
FieldList一组指定类型的字段

WTForms常用验证函数

验证函数说明
DataRequired确保字段中有数据
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)

使用Flask-WTF实现表单。

配置参数:

 app.config[‘SECRET_KEY‘] = ‘silents is gold‘

模板页面:

 <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>

视图函数:

#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(Form): ???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表单

原文地址:https://www.cnblogs.com/alexzhang92/p/9545565.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved