实现登录功能需要涉及到前端页面、后端服务器、数据库三个方面的开发。下面是一个简单的
实现方式：
1. 前端页面
使用HTML和CSS编写
登录页面，包括用户名和密码的输入框、
登录按钮以及注册链接等。可以参考如下代码：
```HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Login Page</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h1>Login</h1>
<form class="form-horizontal" action="/login" method="post">
<div class="form-group">
<label for="username" class="col-sm-2 control-label">Username</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="username" name="username" placeholder="Username">
</div>
</div>
<div class="form-group">
<label for="password" class="col-sm-2 control-label">Password</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="password" name="password" placeholder="Password">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">Login</button>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<a href="/register">Register</a>
</div>
</div>
</form>
</div>
</body>
</html>
```
2. 后端服务器
使用
Python Flask框架编写后端服务器代码，处理前端页面发送的
登录请求，并进行用户名和密码的验证。可以参考如下代码：
```
python
from
flask import
Flask, render_template, request, redirect, url_for
import pymysql
app =
Flask(__name__)
# 数据库连接信息
db_host = 'localhost'
db_user = 'root'
db_password = 'password'
db_name = 'test'
# 连接数据库
def connect_db():
return pymysql.connect(db_host, db_user, db_password, db_name)
#
登录页面
@app.route('/')
def index():
return render_template('index.html')
# 处理
登录请求
@app.route('/login', methods=['POST'])
def login():
username = request.form['username']
password = request.form['password']
db = connect_db()
cursor = db.cursor()
cursor.execute("SELECT * FROM users WHERE username=%s AND password=%s", (username, password))
user = cursor.fetchone()
if user:
#
登录成功，
跳转到主页
return redirect(url_for('home'))
else:
#
登录失败，返回
登录页面
return redirect(url_for('index'))
# 注册页面
@app.route('/register')
def register():
return render_template('register.html')
# 处理注册请求
@app.route('/register', methods=['POST'])
def do_register():
username = request.form['username']
password = request.form['password']
db = connect_db()
cursor = db.cursor()
cursor.execute("INSERT INTO users (username, password) VALUES (%s, %s)", (username, password))
db.commit()
return redirect(url_for('index'))
# 主页
@app.route('/home')
def home():
return render_template('home.html')
if __name__ == '__main__':
app.run(debug=True)
```
在上述代码中，`connect_db`函数用于连接MySQL数据库，`login`函数用于处理
登录请求，首先获取用户名和密码，然后查询数据库中是否存在该用户，如果存在则
登录成功，
跳转到主页，否则
登录失败，返回
登录页面。`register`函数用于显示注册页面，`do_register`函数用于处理注册请求，将新用户的用户名和密码写入数据库中。`home`函数用于显示主页。
3. 数据库
使用MySQL数据库存储用户信息。可以创建一个名为`users`的表，包含`id`、`username`和`password`三个字段，其中`id`为自增长主键。可以使用如下SQL语句创建表：
```SQL
CREATE TABLE users (
id int(11) NOT NULL AUTO_INCREMENT,
username varchar(50) NOT NULL,
password varchar(50) NOT NULL,
PRIMARY KEY (id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
```
以上就是
Python Flask和HTML、MySQL
实现登录功能的基本步骤。需要注意的是，本文只是提供一个简单的
实现示例，实际应用中还需要考虑安全性、性能等问题。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
2276
