Python Flask web 开发中的注册与登录功能实现

一、首先是实现注册功能

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 %}
欢迎来到注册页面
{% endblock %}
{% block content %}
    

       {{ form.csrf_token }}
    

        {{ form.username.label }}
        {{ form.username(class='form-control') }}
    
    

        {{ form.password.label }}
        {{ form.password(class='form-control') }}
    
     

        {{ form.password1.label }}
        {{ form.password1(class='form-control') }}
    
     

        {{ form.phone.label }}
        {{ form.phone(class='form-control') }}
    
    {{ form.submit(class='btn btn-primary') }}
    
{% 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 %}
欢迎来到登录页面
{% endblock %}
{% block content %}
    

       {{ form.csrf_token }}
    

        {{ form.username.label }}
        {{ form.username(class='form-control') }}
    
    

        {{ form.password.label }}
        {{ form.password(class='form-control') }}
    
    {{ form.submit(class='btn btn-primary') }}
    
{% 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页面时，会提示用户名谁谁谁登录成功

这里我们并没用去验证登录的用户名和密码，如果想验证的话，就需要添加数据库这一功能，将注册的用户名和密码存到数据库中，然后再登录界面上验证。