Flask-wtforms类似django中的form组件

Flask-wtforms类似django中的form组件,第1张

概述一.安装 二.简单使用 1.创建flask对象 二.生成form组件 三.路由 四.页面渲染 三.相关属性 1.field字段 WTForms支持HTML字段: | 字段类型 | 说明 | | | | 一.安装

pip3 install wtforms

二.简单使用1.创建flask对象
from flask import Flask,render_template,request,redirectfrom wtforms import Formfrom wtforms.fIElds import simplefrom wtforms import valIDatorsfrom wtforms import Widgetsapp = Flask(__name__,template_folder='templates')app.deBUG = True
二.生成form组件
class LoginForm(Form):    # 字段(内部包含正则表达式)    name = simple.StringFIEld(        label='用户名',#form表单的标签        valIDators=[   #过滤的一些条件            valIDators.Datarequired(message='用户名不能为空.'),valIDators.Length(min=6,max=18,message='用户名长度必须大于%(min)d且小于%(max)d')        ],Widget=Widgets.Textinput(),# 页面上显示的插件        render_kw={'class': 'form-control'}  #form表单页面中显示的类名
三.路由
@app.route('/login',methods=['GET','POST'])def login():    if request.method == 'GET':        form = LoginForm() #生成form对象        return render_template('login.HTML',form=form)  #form对象渲染    else:        form = LoginForm(formdata=request.form)         if form.valIDate():   #进行form校验            print('用户提交数据通过格式验证,提交的值为:',form.data)        else:            print(form.errors)        return render_template('login.HTML',form=form)if __name__ == '__main__':    app.run()
四.页面渲染
<!DOCTYPE HTML><HTML lang="en"><head>    <Meta charset="UTF-8">    <Title>Title</Title></head><body><h1>登录</h1><form method="post">    <p>{{form.name.label}} {{form.name}} {{form.name.errors[0] }}</p>    <p>{{form.pwd.label}} {{form.pwd}} {{form.pwd.errors[0] }}</p>    <input type="submit" value="提交"></form></body></HTML>
三.相关属性1.fIEld字段

WTForms支持HTML字段:

字段类型说明
StringFIEld文本字段, 相当于type类型为text的input标签
TextAreaFIEld多行文本字段
PasswordFIEld密码文本字段
HIDdenFIEld隐藏文本字段
DateFIEld文本字段, 值为datetime.date格式
DateTimeFIEld文本字段, 值为datetime.datetime格式
IntegerFIEld文本字段, 值为整数
DecimalFIEld文本字段, 值为decimal.Decimal
floatFIEld文本字段, 值为浮点数
BooleanFIEld复选框, 值为True 和 False
RadioFIEld一组单选框
SelectFIEld下拉列表
SelectMultipleFIEld下拉列表, 可选择多个值
fileFIEld文件上传字段
submitFIEld表单提交按钮
Formfiled把表单作为字段嵌入另一个表单
FIEldList子组指定类型的字段
2.ValIDators验证器

WTForms可以支持很多表单的验证函数:

验证函数说明
Email验证是电子邮件地址
EqualTo比较两个字段的值; 常用于要求输入两次密钥进行确认的情况
IPAddress验证IPv4网络地址
Length验证输入字符串的长度
NumberRange验证输入的值在数字范围内
Optional无输入值时跳过其它验证函数
Datarequired确保字段中有数据
Regexp使用正则表达式验证输入值
URL验证url
AnyOf确保输入值在可选值列表中
NoneOf确保输入值不在可选列表中
3.字段参数
参数名介绍
label字段别名,在页面中可以通过字段.label展示
valIDators验证规则列表
filters过氯器列表,用于对提交数据进行过滤
description描述信息,通常用于生成帮助信息
ID表示在form类定义时候字段的位置,通常你不需要定义它,默认会按照定义的先后顺序排序。
default默认值
WidgetHTML插件,通过该插件可以覆盖默认的插件,更多通过用户自定义
render_kw自定义HTML属性
choices复选类型的选项
4.局部钩子
#在form类中def valIDate_字段名(self,fIEld):    	#self.data 获得全局字段的一个类似字典的格式		#self.data['字段'],可以获得全局中任意字段        #fIEld.data 当前字段的值        #无需返回值,如果有不满足的情况需要抛错        #如两个密码,有两种情况        # raise valIDators.ValIDationError("密码不一致") # 继续后续验证        #  raise valIDators.StopValIDation("密码不一致")  # 不再继续后续验证
5.再不改变模型情况下修改值
#在form类中    def __init__(self,*args,**kwargs):        super(RegisterForm,self).__init__(*args,**kwargs)        self.字段名.choices = ((1,'篮球'),(2,'足球'),(3,'羽毛球'))
四.写好的模板
from flask import Flask,redirectfrom wtforms import Formfrom wtforms.fIElds import corefrom wtforms.fIElds import HTML5from wtforms.fIElds import simplefrom wtforms import valIDatorsfrom wtforms import Widgetsapp = Flask(__name__,template_folder='templates')app.deBUG = Trueclass RegisterForm(Form):    name = simple.StringFIEld(        label='用户名',valIDators=[            valIDators.Datarequired()        ],render_kw={'class': 'form-control'},default='cxw'    )    pwd = simple.PasswordFIEld(        label='密码',valIDators=[            valIDators.Datarequired(message='密码不能为空.')        ],Widget=Widgets.Passwordinput(),render_kw={'class': 'form-control'}    )    pwd_confirm = simple.PasswordFIEld(        label='重复密码',valIDators=[            valIDators.Datarequired(message='重复密码不能为空.'),valIDators.EqualTo('pwd',message="两次密码输入不一致")        ],render_kw={'class': 'form-control'}    )    email = HTML5.EmailFIEld(        label='邮箱',valIDators=[            valIDators.Datarequired(message='邮箱不能为空.'),valIDators.Email(message='邮箱格式错误')        ],Widget=Widgets.Textinput(input_type='email'),render_kw={'class': 'form-control'}    )    gender = core.RadioFIEld(        label='性别',choices=(            (1,'男'),'女'),),#这句话的意思是上面的choices元组的第一个值是int类型        #如果上上面为(‘1’,(‘2’,则下面的coerce则不用写        coerce=int # “1” “2”     )    #这里是单选框    city = core.SelectFIEld(        label='城市',choices=(            ('bj','北京'),('sh','上海'),)    )	#这里是多选框    hobby = core.SelectMultipleFIEld(        label='爱好',coerce=int    )	#这里是多选的checkBox    favor = core.SelectMultipleFIEld(        label='喜好',Widget=Widgets.ListWidget(prefix_label=False),option_Widget=Widgets.CheckBoxinput(),coerce=int,default=[1,2]    )	#这里可以改值    def __init__(self,**kwargs)        self.favor.choices = ((1,'羽毛球'))    def valIDate_pwd_confirm(self,fIEld):        """        自定义pwd_confirm字段规则,例:与pwd字段是否一致        :param fIEld:        :return:        """        # 最开始初始化时,self.data中已经有所有的值            if fIEld.data != self.data['pwd']:            # raise valIDators.ValIDationError("密码不一致") # 继续后续验证            raise valIDators.StopValIDation("密码不一致")  # 不再继续后续验证@app.route('/register','POST'])def register():    if request.method == 'GET':        #这里可以传默认值        form = RegisterForm(data={'gender': 2,'hobby':[1,]}) # initial        return render_template('register.HTML',form=form)    else:        form = RegisterForm(formdata=request.form)        if form.valIDate():            print('用户提交数据通过格式验证,提交的值为:',form.data)        else:            print(form.errors)        return render_template('register.HTML',form=form)if __name__ == '__main__':    app.run()
总结

以上是内存溢出为你收集整理的Flask-wtforms类似django中的form组件全部内容,希望文章能够帮你解决Flask-wtforms类似django中的form组件所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/1215999.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-05
下一篇 2022-06-05

发表评论

登录后才能评论

评论列表(0条)

保存