一、首先是实现注册功能
1、我们先创建一个存储表单信息的py文件，叫做form.py。然后写一个注册类的表单，用Flask-WTF这个类来实现，具体代码如下：
form.py文件内容
from flask_wtf import FlaskForm
from wtforms import StringField, PasswordField, SubmitField, IntegerField
from wtforms.validators import DataRequired, EqualTo, Length
class RegisterForm(FlaskForm):
"""定义表单类"""
username = StringField(label=u"用户名", validators=[DataRequired(u"用户名不能为空")])
password = PasswordField(label=u"密码", validators=[DataRequired(u"密码不能为空"), Length(8, 128)])
password1 = PasswordField(label=u"验证密码", validators=[DataRequired(u"验证密码不能为空"), EqualTo("password", u"两次密码不一样")])
phone = IntegerField('手机号', validators=[DataRequired()])
submit = SubmitField(label=u"提交")
2、然后我们需要在templates这个文件里创建一个注册的html页面，叫做register.html，内容如下
{% block content_title %}<h1 align="center" >欢迎来到注册页面</h1>{% endblock %}
{% block content %}
<form method="post">
{{ form.csrf_token }}
<div class="form-group">
{{ form.username.label }}
{{ form.username(class='form-control') }}
</div>
<div class="form-group">
{{ form.password.label }}
{{ form.password(class='form-control') }}
</div>
<div class="form-group">
{{ form.password1.label }}
{{ form.password1(class='form-control') }}
</div>
<div class="form-group">
{{ form.phone.label }}
{{ form.phone(class='form-control') }}
</div>
{{ form.submit(class='btn btn-primary') }}
</form>
{% endblock %}
3、最后在主文件里（以我的为例app.py）写注册路由和视图函数，在前端页面上渲染register.html页面,代码如下：
app.py 文件内容
# 注册用户信息
from form import RegisterForm, LoginForm, RichTextForm
from flask import Flask, render_template, redirect, url_for, session, flash, request, abort
from flask_moment import Moment
from flask_wtf import Form
# 这里是设置一个密钥，对数据进行签名以加密数据
app.config["SECRET_KEY"] = "abcdefgh12344ijklmn904opq"
@app.route("/register", methods=["GET", "POST"])
def register():
form = RegisterForm()
if form.validate_on_submit():
print(request.method)
print(form.validate_on_submit())
"""验证通过"""
username = form.username.data
# password = form.password.data
# passwor1d = form.password1.data
session["username"] = username
return redirect(url_for("login"))
# else:
# flash("欢迎注册！")
return render_template("register.html", form=form)
这时候我们运行代码，在前端网页上输入127.0.0.1:5000/register时，如下图所示（我这里用了bootstrap风格，会美化前端页面）
当我们写好用户名、密码、验证密码、手机号时（对了，密码在表单时，要求是8位数字以上），点提交时，会跳转到登录页面。所以第二步写登录功能
二、登录功能的实现
1、在form.py文件内容里加上登录的表单，代码如下：
from flask_wtf import FlaskForm
from wtforms import StringField, PasswordField, SubmitField, IntegerField
from wtforms.validators import DataRequired, EqualTo, Length
class LoginForm(FlaskForm):
"""定义用户登录表单类"""
username = StringField(label=u"用户名", validators=[DataRequired(u"用户名不能为空")])
password = PasswordField(label=u"密码", validators=[DataRequired(u"密码不能为空")])
submit = SubmitField(label=u"提交")
2、然后我们需要在templates这个文件里创建一个登录的html页面，叫做login.html，内容如下:
{% block content_title %}<h1 align="center" >欢迎来到登录页面</h1>{% endblock %}
{% block content %}
<form method="post">
{{ form.csrf_token }}
<div class="form-group">
{{ form.username.label }}
{{ form.username(class='form-control') }}
</div>
<div class="form-group">
{{ form.password.label }}
{{ form.password(class='form-control') }}
</div>
{{ form.submit(class='btn btn-primary') }}
</form>
{% endblock %}
3、最后在主文件里（以我的为例app.py）写登录路由和视图函数，在前端页面上渲染register.html页面,代码如下：
@app.route("/login", methods=["GET", "POST"])
def login():
form = LoginForm()
# print(form.validate_on_submit())
# print(request.method)
if form.validate_on_submit():
print(request.method)
print(form.validate_on_submit())
"""验证通过"""
username = form.username.data
password = form.password.data
session["username"] = username
return redirect(url_for("welcome"))
# else:
# flash("欢迎登录！")
return render_template("login.html", form=form)
@app.route("/welcome")
def welcome():
username = session.get("username", "Stranger")
return "%s 登录成功！" % username
这时候我们运行代码，在前端网页上输入127.0.0.1:5000/login时，如下图所示（我这里用了bootstrap风格，会美化前端页面）
当我们写好用户名、密码时，点提交时，会跳转welcome页面时，会提示用户名谁谁谁登录成功
这里我们并没用去验证登录的用户名和密码，如果想验证的话，就需要添加数据库这一功能，将注册的用户名和密码存到数据库中，然后再登录界面上验证。