如何在Flask框架中使用WTForm表单

今天就跟大家聊聊有关如何在Flask框架中使用WTForm表单,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

运行环境:

如何在Flask框架中使用WTForm表单

python2.7

flask 0.11

flask-wtf 0.14.2

wtform能够通过一个类定义一些字段,这些字段会在前端生成标签,并且通过设置字段的验证规则,自动判断前端输入数据的格式。

一般用于用户登录,用户注册等信息录入。

示例:

fromwtformsimportForm
fromflaskimportFlask,render_template,request,redirect
fromwtforms.fieldsimportcore
fromwtforms.fieldsimporthtml5
fromwtforms.fieldsimportsimple
fromwtformsimportvalidators
fromwtformsimportwidgets
importsys
reload(sys)
sys.setdefaultencoding('utf8')
#python2.7转码用的,避免显示中文为乱码
app=Flask(__name__,template_folder='templates')
app.debug=True
classLoginForm(Form):
name=simple.StringField(
label='用户名',#前端显示中文
validators=[
validators.DataRequired(message='用户名不能为空'),
validators.Length(min=6,max=18,message='用户名长度必须大于%(min)d且小于%(max)d')
],#字段的验证规则
widget=widgets.TextInput(),#页面上显示的标签
render_kw={'class':'form=control'}#给上面插件生成的时候添加属性,比如bootstrap的属性
)
pwd=simple.PasswordField(
label='密码',
validators=[
validators.DataRequired(message='密码不能为空'),
validators.Length(min=8,message='用户名长度必须大于%(min)d'),
validators.Regexp(regex="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*/&]{8,}",
message='密码至少8个字符,至少1个大写字母,1个小写字母'),
],
widget=widgets.PasswordInput(),
render_kw={'class':'from-control'}
)
#字段,内部包含正则表达式
@app.route('/login',methods=['GET','POST'])
deflogin():
ifrequest.method=='GET':
form=LoginForm()
returnrender_template('login.html',form=form)
#将form对象传给前端
else:
form=LoginForm(formdata=request.form)#从请求体from中取值
ifform.validate():#验证
print"用户提交数据通过,提交的值为:",form.data
else:
printform.errors#错误信息
returnrender_template('login.html',form=form)
@app.route('/')
defhello_world():
return'HelloWorld!'
if__name__=='__main__':
app.run()
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metahttp-equiv="x-ua-compatible"content="IE=edge">
<metaname="viewport"content="width=device-width,initial-scale=1">
<title>Title</title>
</head>
<body>
<h2>登陆</h2>
<formmethod="post">
<p>{{form.name.label}}{{form.name}}{{form.name.errors[0]}}</p>
<p>{{form.pwd.label}}{{form.pwd}}{{form.pwd.errors[0]}}</p>
<inputtype="submit"value="提交">
</form>
</body>
</html>

看完上述内容,你们对如何在Flask框架中使用WTForm表单有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注恰卡编程网行业资讯频道,感谢大家的支持。

发布于 2021-04-03 22:31:33
收藏
分享
海报
0 条评论
164
上一篇:迭代器与生成器怎么在Python中使用 下一篇:xmlSerializer怎么在C#项目中使用
目录

    0 条评论

    本站已关闭游客评论,请登录或者注册后再评论吧~

    忘记密码?

    图形验证码