1、登录用法
from flask import Flask, render_template, request, redirect
from wtforms import Form,validators,widgets
from wtforms.fields import core,html5,simple
app = Flask(__name__)
class LoginForm(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'} # 生成插件加属性
)
# 字段的定义
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个小写字母，1个数字和1个特殊字符'
)
],
widget=widgets.PasswordInput(),
render_kw={'class': 'form-control'}
)
@app.route("/login", methods=['GET', 'POST'])
def login():
if request.method == 'GET':
form = LoginForm()
return render_template('login.html', form=form)
else:
form = LoginForm(formdata=request.form)
if form.validate():
print('用户提交数据通过格式验证，提交的值为：', form.data)
else:
print(form.errors)
return render_template('login.html', form=form)
-----------------------------------------------------------------------------------------------------------------------------------------
<!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>
############################################################################################################################################
2、注册用法
class RegisterForm(Form):
name = simple.StringField(
label='用户名',
validators=[validators.DataRequired()],
widget=widgets.TextInput(),
render_kw={'class': 'form-control'},
default='小沈' # 黙认值
)
pwd = simple.PasswordField(
label='密码',
validators=[
validators.DataRequired(message='密码不能为空')
],
widget=widgets.PasswordInput(),
render_kw={'class': 'form-control'},
)
pwd_confim = simple.PasswordField(
label='重复密码',
validators=[
validators.DataRequired(message='密码不能为空'),
validators.EqualTo('pwd', message='两次密码输入不一致')
],
widget=widgets.PasswordInput(),
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, '男'),
(2, '女'),
),
coerce=int # 通过它做转换
)
# 单选项下拉框
city = core.SelectField(
label='城市',
choices=(
('bj', '北京'),
('sh', '上海'),
)
)
# 下拉框多选
hobby = core.SelectMultipleField(
label='爱好',
choices=(
(1, '篮球'),
(2, '足球')
),
coerce=int
)
favor = core.SelectMultipleField(
label='喜好',
choices=(
(1, '篮球'),
(2, '足球')
),
widget=widgets.ListWidget(prefix_label=False),
option_widget=widgets.CheckboxInput(),
coerce=int,
default=[1, 2] # 默认都选中
)
# 重写init方法
def __init__(self, *args, **kwargs):
super(RegisterForm, self).__init__(*args, **kwargs)
self.favor.choices = ((1, '篮球'), (2, '足球'), (3, '羽毛球')) # 可以从数据库拿数据，这样可以时实更新
def validate_pwd_confirm(self, field):
"""
自定义pwd_confim字段规则，与pwd字段是否一致
:param field:
:return:
"""
# 最开始初始化时，self.data中已经有所有的值
if field.data != self.data['pwd']: # 继续后续验证
raise validators.StopValidation("密码不一致") # 不再继续后续验证
@app.route("/register", methods=['GET', 'POST'])
def login():
if request.method == 'GET':
form = RegisterForm(data={'gender': 1, 'hobby': [1, 2]}) # 把上面写的gender默认值性别为1 #可以从数据库拿数据也可以放里面
return render_template('login.html', form=form)
else:
form = RegisterForm(formdata=request.form)
if form.validate():
print('用户提交数据通过格式验证，提交的值为：', form.data)
else:
print(form.errors)
return render_template('login.html', form=form)
-----------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>用户注册</h1>
<form method="post">
{% for field in form %} # 可以循环上面的标签
<P>{{ field.label }}:{{ field }}{{ field.errors[0] }}</P>
{% endfor %}
<input type="submit" value="提交">
</form>
</body>
</html>
