Flask搭建登录注册项目（全网最详细教程）

袁太太的小站

已于 2022-04-27 16:01:48 修改

阅读量1.7w

点赞数 52

分类专栏： flask 文章标签： flask

于 2021-05-12 16:22:02 首次发布

本文链接：https://blog.csdn.net/lala_yanzi/article/details/116656754

版权

flask 专栏收录该内容

3 篇文章 4 订阅

订阅专栏

目录结构(mvc模式）
在这里插入图片描述
样式文件/static/style.css

div{
    margin: 0 auto;
    width: 500px;
    height: 400px;
    border: 1px solid red;
    text-align: center;
}

配置文件设计/templates/config.py

#数据库连接配置
import pymysql

conn = pymysql.connect(
        host='192.XXX.XXX.XX',
        port=320xx,
        user='root',
        password='123456',
        database='test_XX'
    )

首页/templates/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet"  type="text/css" href="/static/style.css">
    <title>林家小猪测试小站</title>
</head>
<body>
    <div>
    <h1>您好，{{ username }}，欢迎来到我的小站</h1>
        <a href="{{ url_for('user_login') }}">退出</a>
        <br/>
    </div>
</body>
</html>

登录页面/templates/login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet"  type="text/css" href="/static/style.css">
    <title>登录</title>
</head>
<body>
    <div>
    <h1>用户登录</h1>
    <!--将登陆信息放到一个form中-->
    <form method="POST">
        <input type="text" name="username" placeholder="请输入用户名" />
        <br/>
        <input type="password" name="password" placeholder="请输入密码（小于12位）" />
        <br/>
         <!--jinja2的函数-->
        {% if message %} {{message}} {% endif %}
        <br/>
        <input type="submit" value="登录" />
        <input type="reset" value="重置" />
        <!--跳转到register的页面-->
        <a href="{{ url_for('register') }}">注册</a>
    </form>
    </div>
</body>
</html>

注册页面/templates/register.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet"  type="text/css" href="/static/style.css">
    <title>注册</title>
</head>
<body>
    <div>
    <h1>用户注册</h1>
    <form method="POST">
        <input type="text" name="username" placeholder="请输入用户名" />
        <br/>
        <input type="password" name="password" placeholder="请输入密码（小于12位）" />
        <br/>
        <!--jinja2的函数-->
        {% if message %} {{message}} {% endif %}
        <br/>
        <input type="submit" value="注册" />
        <input type="reset" value="重置" />
        <a href="{{ url_for('user_login') }}">登录</a>
    </form>
    </div>
</body>
</html>

登录校验 /model/check_login.py

from templates.config import conn
cur = conn.cursor()
def is_null(username,password):
	if(username==''or password==''):
		return True
	else:
		return False


def is_existed(username,password):
	sql="SELECT * FROM user WHERE username ='%s' and password ='%s'" %(username,password)
	cur.execute(sql)
	result = cur.fetchall()
	if (len(result) == 0):
		return False
	else:
		return True

def exist_user(username):
	sql = "SELECT * FROM user WHERE username ='%s'" % (username)
	cur.execute(sql)
	result = cur.fetchall()
	if (len(result) == 0):
		return False
	else:
		return True

注册校验 /model/regist_login.py

from templates.config import conn

cur = conn.cursor()

def add_user(username, password):
    # sql commands
    sql = "INSERT INTO user(username, password) VALUES ('%s','%s')" %(username, password)
    # execute(sql)
    cur.execute(sql)
    # commit
    conn.commit()  # 对数据库内容有改变，需要commit()
    conn.close()

最后编辑运行文件
app.py

from flask import Flask,render_template
from flask import redirect
from flask import url_for
from flask import request
from model.check_login import is_existed,exist_user,is_null
from model.check_regist import add_user

app = Flask(__name__)

@app.route('/')
def index():
    return redirect(url_for('user_login'))

@app.route('/user_login',methods=['GET','POST'])
def user_login():
    if request.method=='POST':  # 注册发送的请求为POST请求
        username = request.form['username']
        password = request.form['password']
        if is_null(username,password):
            login_massage = "温馨提示：账号和密码是必填"
            return render_template('login.html', message=login_massage)
        elif is_existed(username, password):
            return render_template('index.html', username=username)
        elif exist_user(username):
            login_massage = "温馨提示：密码错误，请输入正确密码"
            return render_template('login.html', message=login_massage)
        else:
            login_massage = "温馨提示：不存在该用户，请先注册"
            return render_template('login.html', message=login_massage)
    return render_template('login.html')

@app.route("/regiser",methods=["GET", 'POST'])
def register():
    if request.method == 'POST':
        username = request.form['username']
        password = request.form['password']
        if is_null(username,password):
            login_massage = "温馨提示：账号和密码是必填"
            return render_template('register.html', message=login_massage)
        elif exist_user(username):
            login_massage = "温馨提示：用户已存在，请直接登录"
            # return redirect(url_for('user_login'))
            return render_template('register.html', message=login_massage)
        else:
            add_user(request.form['username'], request.form['password'] )
            return render_template('index.html', username=username)
    return render_template('register.html')

if __name__=="__main__":
    app.run()

2022-03-17更新：
最近试了下，注册登录多次之后会报错，报错信息如下
在这里插入图片描述
经过查找资料，发现是数据库断开了
那么就在每条查询的sql后面补充下这个，就不会报错了

	conn.ping(reconnect=True)
	cur.execute(sql)
	conn.commit()

袁太太的小站

关注

52
点赞
踩
271

收藏

觉得还不错? 一键收藏
打赏
39
评论
Flask搭建登录注册项目（全网最详细教程）

Flask实现登录注册
复制链接

扫一扫

专栏目录

Flask搭建登录注册项目（全网最详细教程）

“相关推荐”对你有帮助么？