python实现注册登录flask框架web开发实践

使用python搭建一个web服务器，然后使用python语言来开发后台服务。Flask是一个用Python编写的Web应用程序框架。常见的服务包括，包括http的各种类型请求，如get、post等常规请求。对于web开发，不同页面之间的跳转、数据传输通信、网页存储、缓存等是基础知识。

下面我们都使用pycharm来进行python实践。Pycharm选择免费的社区版下载即可。在pycharm里安装flask的方法如下：

在项目的setting设置菜单里选择解释器窗口，点击右侧的+号寻找可以安装的第三方库。选中Flask，点击安装即可。視网络速度快慢，一般都比较快的可以完成安装。

2）flask搭建服务器

flask是web开发框架，简单易学，因此用flask来搭建web服务也非常简单。

在pycharm新建一个项目，命名为weblogin1117，然后新建一个python文件，命名为main.py。在代码中输入如下代码：

from flask import Flask #导入Flask类 app=Flask(__name__) #实例化并命名为app实例

if __name__=="__main__": app.run(port=2020,host="127.0.0.1",debug=True) #调用run方法，设定端口号，启动服务

此时打开浏览器，在浏览器地址输入127.0.0.1:2020运行，页面会提示报错，因为此时还没有任何内容输出，仅仅是web服务的搭建。

3）flask开发简单网页

如果在main.py文件中开始加入一些内容，并使得能在网页上显示，就进入了我们常见的web开发模式了。由于main.py为python文件，而不是我们常用的HTML，因此无法直接使用html语言来写界面和内容。

（3）flask开发简单网页

对于web开发和运行而言，在浏览器地址栏那我们知道是url，也就是请求的网页地址，如http://127.0.0.1/index或者http://127.0.0.1/home/user、或者http://127.0.0.1/index/news.html这些模式。在使用一些服务器语言来实现web开发时，url构建和定位使用了面向对象或者函数方式。如http://127.0.0.1/home/user，可以分拆理解：http://127.0.0.1为服务器地址，默认为请求index方法页面。地址后面的/home/user可以理解为定位到服务器地址文件夹里home类里的user方法页面。

在使用flask框架来开发时，这种url的构建和定位也是非常重要的。我们先来看一个简单案例：

from flask import  Flask
app=Flask(__name__)

@app.route('/')
def index():
    return 'welcome to my webpage!'

if __name__=="__main__":
    app.run(port=2020,host="127.0.0.1",debug=True)

代码中使用了装饰器来制定路由url，具体写法如下：

@app.route('/')    #调用route路由方法，括号里给定参数，/符号默认为首页
@app.route('/home/user')    #调用route路由方法，/home/user定位到访问user方法页面

在定制了路由url后，还需要给定一个实现方法，使用python定义函数的方式来实现，如上index函数，返回一个字符串welcome to my webpage。也就是当路由url定位到首页时，就调用这个index函数，此时就会在浏览器上输出这个字符串内容。

flask开发简单网站

到此为止，我们使用flask框架实现了一个网页的开发，还可以传输数据。但网站肯定是由多个网页构成的，多个网页之间还要实现相互链接访问。首先在main.py文件增加多个网页的路由和调用函数。

根据路由设定，在templates文件夹下新增两个网页文件，login.html和regist.html。

flask框架在使用这个模板函数时，默认去寻找项目文件夹下的templates文件夹里的html文件。因此我们需要先新建一个templates文件夹，然后在里面新建一个html文件，我们用注册登录项目举例子：


项目结构如下

代码如下，主要包括三部分，main.py  login.html   regist.html

导入模块

python使用Flask需要导入Flask模块，如果没有这个模块就参见前面的链接去安装。使用mysql需要导入pymysql模块，这个具体是什么，请参见链接描述。总之，python需要用到特定的模块的时候，需要去导入模块，本例具体导入的内容如下所示

#导入数据库模块
import pymysql
#导入Flask框架，这个框架可以快捷地实现了一个WSGI应用 
from flask import Flask
#默认情况下，flask在程序文件夹中的templates子文件夹中寻找模块
from flask import render_template
#导入前台请求的request模块
from flask import request   
import traceback  
#传递根目录
app = Flask(__name__)

路由访问静态文件

在Flask创建服务器后，照着前面图片的文件目录，通过下面的路由就能通过服务器访问静态的html文件，代码如下所示：

#默认路径访问登录页面
@app.route('/')
def login():
return render_template('login.html')

#默认路径访问注册页面
@app.route('/regist')
def regist():
return render_template('regist.html')
此时在浏览器中通过localhost:5000（Flask默认端口为5000）就能访问login.html文件，localhost:5000/regist就能访问regist.html。

处理前台请求及对数据库进行操作
跟所有的web服务思路一样，获取前台的请求，根据不同的请求路由执行不同的函数内容。这里以注册为例，当表单填写完后，点击注册按钮，数据向后台请求，请求路由为/registuser。python根据相对应的路由执行函数，这里函数处理的内容是把前台的用户名和密码插入到数据库中（前提是已经在数据库中创建好了user表）。插入成功就跳转到登录页面，插入失败就返回注册失败的内容。登录的逻辑内容也类似，就不再细述，具体代码如下：
————————————————

#获取注册请求及处理
@app.route('/registuser')
def getRigistRequest():
#把用户名和密码注册到数据库中
 
    #连接数据库,此前在数据库中创建数据库TESTDB
    db = pymysql.connect("localhost","root","123456","TESTDB" )
    # 使用cursor()方法获取操作游标 
    cursor = db.cursor()
    # SQL 插入语句
    sql = "INSERT INTO user(user, password) VALUES ("+request.args.get('user')+", "+request.args.get('password')+")"
    try:
        # 执行sql语句
        cursor.execute(sql)
        # 提交到数据库执行
        db.commit()
         #注册成功之后跳转到登录页面
        return render_template('login.html') 
    except:
        #抛出错误信息
        traceback.print_exc()
        # 如果发生错误则回滚
        db.rollback()
        return '注册失败'
    # 关闭数据库连接
    db.close()

#获取登录参数及处理
@app.route('/login')
def getLoginRequest():
#查询用户名及密码是否匹配及存在
    #连接数据库,此前在数据库中创建数据库TESTDB
    db = pymysql.connect("localhost","root","123456","TESTDB" )
    # 使用cursor()方法获取操作游标 
    cursor = db.cursor()
    # SQL 查询语句
    sql = "select * from user where user="+request.args.get('user')+" and password="+request.args.get('password')+""
    try:
        # 执行sql语句
        cursor.execute(sql)
        results = cursor.fetchall()
        print(len(results))
        if len(results)==1:
            return '登录成功'
        else:
            return '用户名或密码不正确'
        # 提交到数据库执行
        db.commit()
    except:
        # 如果发生错误则回滚
        traceback.print_exc()
        db.rollback()
    # 关闭数据库连接
    db.close()
    
 
#使用__name__ == '__main__'是 Python 的惯用法，确保直接执行此脚本时才
#启动服务器，若其他程序调用该脚本可能父级程序会启动不同的服务器
if __name__ == '__main__':
    app.run(debug=True)
    
基本登录注册功能已实现：连接数据库的时候请匹配自己数据库的密码及数据库名称

创建数据库代码如下：

mysql> create table user(id int(10) not null ,user varchar(20) not null,password varchar(20));
ERROR 1046 (3D000): No database selected
mysql> use testdb;
Database changed
mysql> create table user(id int(10) not null ,user varchar(20) not null,password varchar(20));
Query OK, 0 rows affected, 1 warning (0.05 sec)

mysql> drop database  testdb;
Query OK, 1 row affected (0.04 sec)

mysql> create database   TESTDB;
Query OK, 1 row affected (0.02 sec)

mysql> create table user(user varchar(20) not null,password varchar(20));
ERROR 1046 (3D000): No database selected
mysql> use testdb;
Database changed
mysql> create table user(user varchar(20) not null,password varchar(20));
Query OK, 0 rows affected (0.06 sec)

数据库表中的数据是已经在网页注册了2次了，因此2个账号和密码被写入数据库中。








完整代码如下：

main.py

#导入数据库模块
import pymysql
#导入Flask框架，这个框架可以快捷地实现了一个WSGI应用
from flask import Flask
#默认情况下，flask在程序文件夹中的templates子文件夹中寻找模块
from flask import render_template
#导入前台请求的request模块
from flask import request
import traceback
#传递根目录
app = Flask(__name__)


# 默认路径访问登录页面
@app.route('/')
def login():
    return render_template('login.html')


# 默认路径访问注册页面
@app.route('/regist')
def regist():
    return render_template('regist.html')


# 获取注册请求及处理
@app.route('/registuser')
def getRigistRequest():
    # 把用户名和密码注册到数据库中

    # 连接数据库,此前在数据库中创建数据库TESTDB
    #db = pymysql.connect("localhost", "root","123456", "testdb")
    db = pymysql.connect(host="127.0.0.1", user="root", password="123456", database="testdb")
    # 使用cursor()方法获取操作游标
    cursor = db.cursor()
    # SQL 插入语句
    sql = "INSERT INTO user(user, password) VALUES ('" + request.args.get('user') + "', '" + request.args.get(
        'password') + "')"
    #VALUES ('"+request.args.get('user')+"', '"+request.args.get('password')+"')
    try:
        # 执行sql语句
        cursor.execute(sql)
        # 提交到数据库执行
        db.commit()
        # 注册成功之后跳转到登录页面
        return render_template('login.html')
    except:
        # 抛出错误信息
        traceback.print_exc()
        # 如果发生错误则回滚
        db.rollback()
        return '注册失败'
    # 关闭数据库连接
    db.close()


# 获取登录参数及处理
@app.route('/login')
def getLoginRequest():
    # 查询用户名及密码是否匹配及存在
    # 连接数据库,此前在数据库中创建数据库TESTDB
    db = pymysql.connect("localhost", "root", "123456", "TESTDB")
    # 使用cursor()方法获取操作游标
    cursor = db.cursor()
    # SQL 查询语句
    #sql = "select * from user where user=" + request.args.get('user') + " and password=" + request.args.get(
     #   'password') + ""
    user = str(request.args.get('user'))
    password = str(request.args.get('password'))
    sql = "select * from user where user=  '%s'  and password= %s" % (user, password)
    sql = "INSERT INTO user(user, password) VALUES ('%s','%s')" % (user, password)
    try:
        # 执行sql语句
        cursor.execute(sql)
        results = cursor.fetchall()
        print(len(results))
        if len(results) == 1:
            return '登录成功'
        else:
            return '用户名或密码不正确'
        # 提交到数据库执行
        db.commit()
    except:
        # 如果发生错误则回滚
        traceback.print_exc()
        db.rollback()
    # 关闭数据库连接
    db.close()


# 使用__name__ == '__main__'是 Python 的惯用法，确保直接执行此脚本时才
# 启动服务器，若其他程序调用该脚本可能父级程序会启动不同的服务器
if __name__ == '__main__':
    app.run(debug=True)

前台页面

在前台页面中只需创建基本的表单内容，method使用get，登录和注册的action分别为/login、/registuser,代码如下所示


login.html 如下：

<!--登录模块--!>
<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/style.css" rel="stylesheet">
    </head>
    <body>
        <form method="get" action='/login'>
            <label>用户名：<input type="text" name="user" value=""></label><br>
            <label>密码：<input type="password" name="password" value=""></label><br>
            <input type="submit" value="登录">
        </form>
    </body>
</html>

regist.html如下

<!--注册模块--!>
<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/style.css" rel="stylesheet">
    </head>
    <body>
        <form method="get" action='/registuser'>
            <label>用户名：<input type="text" name="user" value=""></label>
            <label>密码：<input type="password" name="password" value=""></label>
            <input type="submit" value="注册">
        </form>
    </body>
</html>

运行程序后显示如下：



准备好了，然后再来启动web服务，浏览器直接刷新后获得如下效果：

注册接口url:127.0.0.1:5000/regist

登录的url为:http://127.0.0.1:5000

注册成功页面显示：
（备注：注册成功后跳转到登录页面，url的链接也包括刚注册的账号密码   127.0.0.1:5000/registuser?user=123456&password=123456   ）

中途遇到的错误：

bug1: db = pymysql.connect("localhost", "root","123456", "testdb")

修改1：db = pymysql.connect(host="127.0.0.1", user="root", password="123456", database="testdb")


bug2:#sql = "select * from user where user=" + request.args.get('user') + " and password=" + request.args.get(  'password') + ""
修改2：

user = str(request.args.get('user'))
password = str(request.args.get('password'))
sql = "select * from user where user=  '%s'  and password= %s" % (user, password)
sql = "INSERT INTO user(user, password) VALUES ('%s','%s')" % (user, password)

感谢前人栽树：

目前只能实现到跳转到登录页，输入账号密码登录未成功，后面的代码有误还未来得及修改，如果伙伴们发现错误，请纠正一些，谢谢大家~
前面的内容除了自己实现的，部分抄至以下链接：
python上手--flask框架web开发实践 - 知乎 (zhihu.com)

源码链接如下：

https://blog.csdn.net/qq_34964418/article/details/105404677