用户名:

密码：

manage.py

@app.route('/form/')
defform():
returnrender_template('form1.html')

#接收表单的数据
@app.route('/check/',methods=['POST'])
defcheck():
print(request.form)
return'提交过来了'

将俩个路由地址合并为同一个

@app.route('/form/',methods=['GET','POST'])
defform():
ifrequest.method=='POST':
print(request.form)
returnrender_template('form1.html')

二、使用flask-wtf表单扩展库

作用：是一个用于表单处理的扩展库提供表单的校验csrf的功能

pipinstallflask-wtf

使用

(1)字段类型

(2)验证器

实例

在manage中

fromflaskimportFlask,render_template,request
fromflask_scriptimportManager
fromflask_bootstrapimportBootstrap
#导入自定义表单类的基类
fromflask_wtfimportFlaskForm
#导入表单的字段
fromwtformsimportStringField,PasswordField,SubmitField
#导入验证器
fromwtforms.validatorsimportLength,DataRequired

app=Flask(__name__)
bootstrap=Bootstrap(app)
#加密种子csrf需要使用
app.config['SECRET_KEY']='abcdedff'
manager=Manager(app)

classLogin(FlaskForm):
username=StringField('用户名',validators=[Length(min=6,max=12,message='用户名的长度为6~12为'),DataRequired(message='用户名不能为空!!!')])
userpass=PasswordField('密码',validators=[Length(min=6,max=12,message='用户名的长度为6~12为'),DataRequired(message='密码不能为空!!!')])
submit=SubmitField('登录')

@app.route('/')
defindex():
returnrender_template('index.html')

@app.route('/form/',methods=['GET','POST'])
defform():
#将表单类实例化
form=Login()
ifrequest.method=='POST':
#验证是否存在正确的csrftoken和数据的正确性如果都正确则为真
ifform.validate_on_submit():
#print(request.form)
print(form.username.data)
returnrender_template('form2.html',form=form)
fromflaskimportFlask,render_template,request
fromflask_scriptimportManager
fromflask_bootstrapimportBootstrap
#导入自定义表单类的基类
fromflask_wtfimportFlaskForm
#导入表单的字段
fromwtformsimportStringField,PasswordField,SubmitField
#导入验证器
fromwtforms.validatorsimportLength,DataRequired


app=Flask(__name__)
bootstrap=Bootstrap(app)
#加密种子csrf需要使用
app.config['SECRET_KEY']='abcdedff'
manager=Manager(app)

classLogin(FlaskForm):
username=StringField('用户名',validators=[Length(min=6,max=12,message='用户名的长度为6~12为'),DataRequired(message='用户名不能为空!!!')])
userpass=PasswordField('密码',validators=[Length(min=6,max=12,message='用户名的长度为6~12为'),DataRequired(message='密码不能为空!!!')])
submit=SubmitField('登录')

@app.route('/')
defindex():
returnrender_template('index.html')

@app.route('/form/',methods=['GET','POST'])
defform():
#将表单类实例化
form=Login()
ifrequest.method=='POST':
#验证是否存在正确的csrftoken和数据的正确性如果都正确则为真
ifform.validate_on_submit():
#print(request.form)
print(form.username.data)
returnrender_template('form2.html',form=form)

在模板中

{%extends'common/base.html'%}
{%blocktitle%}
原生表单
{%endblock%}
{%blockpagecontent%}

{{form.csrf_token}}
{{form.username.label()}}{{form.username(style='color:red;',class='userclass',placeholder='请输入用户名')}}
{%ifform.errors%}
{{form.errors.username.0}}
{%endif%}

{{form.userpass.label()}}{{form.userpass()}}
{{form.submit()}}

{%endblock%}

使用bootstrap渲染表单

{%import'bootstrap/wtf.html'aswtf%}
{%blockpagecontent%}

图片
{{wtf.quick_form(form,action="",method="")}}


{%endblock%}

自定义表单验证器

classLogin(FlaskForm):
...
defvalidate_username(self,field):
#print(field)
iffield.data=='zhangsan':
#ifself.username.data=='zhangsan':
raiseValidationError('该用户已存在')

注意：

validate_验证的字段名称为固定格式

所有字段和验证器方法的使用

classLogin(FlaskForm):
username=StringField('用户名',validators=[Length(min=6,max=12,message='用户名的长度为6~12为'),DataRequired(message='用户名不能为空!!!')])
userpass=PasswordField('密码',validators=[Length(min=6,max=12,message='用户名的长度为6~12为'),DataRequired(message='密码不能为空!!!'),EqualTo('confirm',message='俩次密码输入不一致')])
confirm=PasswordField('确认密码')
info=TextAreaField('个人简介',validators=[Length(min=6,max=20,message='内容为6-20个长度'),DataRequired(message='内容不能为空')],render_kw={"style":"resize:none;",'placeholder':"请输入你此刻的感谢..."})
hidde=HiddenField()
birth=DateField('出生日期')
birth=DateTimeField('出生日期')
age=IntegerField('年龄',validators=[NumberRange(min=6,max=99,message='年龄为6~99岁')])
money=FloatField()

sex=RadioField(choices=[('w','女'),('m','男')])
address=SelectField(choices=[('1001','北京'),('1002','上海'),('1003','天津')])

file=FileField('文件上传')

argee=BooleanField('请仔细阅读以上条款')

ip=StringField('IPV4',validators=[IPAddress(message='请输入正确的ip地址')])
url=StringField('url地址',validators=[URL(message='输入正确的url地址')])
email=StringField('email',validators=[Email(message='请输入正确的邮箱地址')])
preg=StringField('手机号码',validators=[Regexp('^[1][3-8][0-9]{9}$',flags=re.I,message='请输入正确的手机号码')])
submit=SubmitField('登录')

三、flash消息的显示

概述：当用户请求或者有消息的显示通过flash,get_flashed_messages来进行操作

导入

fromflaskimportflash,get_flashed_messages

fromflaskimportflash,get_flashed_messages

classLogin(FlaskForm):
username=StringField('用户名',validators=[DataRequired(message='用户名不能为空')])
userpass=PasswordField('密码',validators=[DataRequired(message='密码不能为空')])
submit=SubmitField('登录')

@app.route('/form/',methods=['GET','POST'])
defform():
form=Login()
ifform.validate_on_submit():
ifform.username.data=='zhangsan'andform.userpass.data=='123456':
flash('登录成功')
returnredirect(url_for('index'))
else:
flash('当前用户不存在')
returnrender_template('user/login.html',form=form)

使用

{%formessageinget_flashed_messages()%}
{{message}}
{%endfor%}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

• 返回顶部
• 3162201930
• czq8825@qq.com