feat: 增加登陆注册代码

develop
Lxy 4 months ago
parent f545a8a86e
commit bf49c39d98

@ -0,0 +1,83 @@
# 认证模块
from flask import Flask, request, redirect, url_for, flash
from flask_login import LoginManager, UserMixin, login_user, login_required, logout_user, current_user
from werkzeug.security import generate_password_hash, check_password_hash
import sqlite3
import os
# 初始化Flask-Login
login_manager = LoginManager()
class User(UserMixin):
def __init__(self, id, username, password_hash):
self.id = id
self.username = username
self.password_hash = password_hash
def check_password(self, password):
return check_password_hash(self.password_hash, password)
@login_manager.user_loader
def load_user(user_id):
"""根据用户ID加载用户对象"""
conn = get_db_connection()
user = conn.execute('SELECT id, username, password_hash FROM users WHERE id = ?', (user_id,)).fetchone()
conn.close()
if user:
return User(user['id'], user['username'], user['password_hash'])
return None
def get_db_connection():
"""获取数据库连接"""
db_path = os.path.join(os.path.dirname(__file__), 'data', 'futures_analysis.db')
conn = sqlite3.connect(db_path)
conn.row_factory = sqlite3.Row
return conn
def init_db():
"""初始化数据库,创建用户表"""
conn = get_db_connection()
conn.execute('''
CREATE TABLE IF NOT EXISTS users (
id INTEGER PRIMARY KEY AUTOINCREMENT,
username TEXT UNIQUE NOT NULL,
password_hash TEXT NOT NULL
)
''')
conn.commit()
conn.close()
def register_user(username, password):
"""注册新用户"""
conn = get_db_connection()
try:
# 检查用户名是否已存在
existing_user = conn.execute('SELECT id FROM users WHERE username = ?', (username,)).fetchone()
if existing_user:
return False, "用户名已存在"
# 生成密码哈希
password_hash = generate_password_hash(password)
# 插入新用户
conn.execute('INSERT INTO users (username, password_hash) VALUES (?, ?)', (username, password_hash))
conn.commit()
return True, "注册成功"
except Exception as e:
conn.rollback()
return False, str(e)
finally:
conn.close()
def login_user_by_credentials(username, password):
"""通过用户名和密码登录用户"""
conn = get_db_connection()
user = conn.execute('SELECT id, username, password_hash FROM users WHERE username = ?', (username,)).fetchone()
conn.close()
if user and check_password_hash(user['password_hash'], password):
user_obj = User(user['id'], user['username'], user['password_hash'])
login_user(user_obj)
return True, "登录成功"
return False, "用户名或密码错误"

@ -0,0 +1,198 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登录 - AI期货分析系统</title>
<link href="https://cdn.jsdelivr.net/npm/antd@5.12.8/dist/reset.css" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--bg-primary: #f0f2f5;
--bg-secondary: #ffffff;
--bg-tertiary: #f9fafb;
--text-primary: #333333;
--text-secondary: #666666;
--text-tertiary: #999999;
--border-color: #d9d9d9;
--header-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
--card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
--card-hover-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
--button-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
background-color: var(--bg-primary);
color: var(--text-primary);
transition: all 0.3s ease;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.container {
max-width: 400px;
width: 100%;
padding: 30px;
background: var(--bg-secondary);
border-radius: 12px;
box-shadow: var(--card-shadow);
border: 1px solid var(--border-color);
}
.header {
text-align: center;
margin-bottom: 30px;
}
.header h1 {
font-size: 24px;
font-weight: 600;
color: var(--text-primary);
margin-bottom: 10px;
}
.header p {
font-size: 14px;
color: var(--text-secondary);
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
font-size: 14px;
font-weight: 500;
color: var(--text-primary);
margin-bottom: 8px;
}
.form-group input {
width: 100%;
padding: 12px 16px;
border: 1px solid var(--border-color);
border-radius: 8px;
font-size: 14px;
outline: none;
transition: all 0.3s ease;
background: var(--bg-secondary);
color: var(--text-primary);
}
.form-group input:focus {
border-color: #1890ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.btn {
width: 100%;
padding: 12px;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
}
.btn-primary {
background: var(--button-bg);
color: white;
}
.btn-primary:hover {
opacity: 0.9;
transform: translateY(-2px);
}
.btn-secondary {
background: var(--bg-tertiary);
color: var(--text-primary);
border: 1px solid var(--border-color);
}
.btn-secondary:hover {
background: var(--bg-secondary);
}
.links {
text-align: center;
margin-top: 20px;
}
.links a {
color: #1890ff;
text-decoration: none;
font-size: 14px;
}
.links a:hover {
text-decoration: underline;
}
.flash-message {
padding: 12px;
margin-bottom: 20px;
border-radius: 8px;
font-size: 14px;
text-align: center;
}
.flash-message.error {
background-color: rgba(255, 77, 79, 0.1);
color: #ff4d4f;
border: 1px solid rgba(255, 77, 79, 0.3);
}
.flash-message.success {
background-color: rgba(82, 196, 26, 0.1);
color: #52c41a;
border: 1px solid rgba(82, 196, 26, 0.3);
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>登录</h1>
<p>欢迎使用AI期货分析系统</p>
</div>
<!-- 显示flash消息 -->
{% with messages = get_flashed_messages() %}
{% if messages %}
{% for message in messages %}
<div class="flash-message {% if '成功' in message %}success{% else %}error{% endif %}">
{{ message }}
</div>
{% endfor %}
{% endif %}
{% endwith %}
<form method="POST">
<div class="form-group">
<label for="username">用户名</label>
<input type="text" id="username" name="username" required>
</div>
<div class="form-group">
<label for="password">密码</label>
<input type="password" id="password" name="password" required>
</div>
<button type="submit" class="btn btn-primary">登录</button>
</form>
<div class="links">
<p>还没有账号? <a href="{{ url_for('register') }}">立即注册</a></p>
</div>
</div>
</body>
</html>

@ -0,0 +1,198 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>注册 - AI期货分析系统</title>
<link href="https://cdn.jsdelivr.net/npm/antd@5.12.8/dist/reset.css" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--bg-primary: #f0f2f5;
--bg-secondary: #ffffff;
--bg-tertiary: #f9fafb;
--text-primary: #333333;
--text-secondary: #666666;
--text-tertiary: #999999;
--border-color: #d9d9d9;
--header-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
--card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
--card-hover-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
--button-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
background-color: var(--bg-primary);
color: var(--text-primary);
transition: all 0.3s ease;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.container {
max-width: 400px;
width: 100%;
padding: 30px;
background: var(--bg-secondary);
border-radius: 12px;
box-shadow: var(--card-shadow);
border: 1px solid var(--border-color);
}
.header {
text-align: center;
margin-bottom: 30px;
}
.header h1 {
font-size: 24px;
font-weight: 600;
color: var(--text-primary);
margin-bottom: 10px;
}
.header p {
font-size: 14px;
color: var(--text-secondary);
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
font-size: 14px;
font-weight: 500;
color: var(--text-primary);
margin-bottom: 8px;
}
.form-group input {
width: 100%;
padding: 12px 16px;
border: 1px solid var(--border-color);
border-radius: 8px;
font-size: 14px;
outline: none;
transition: all 0.3s ease;
background: var(--bg-secondary);
color: var(--text-primary);
}
.form-group input:focus {
border-color: #1890ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.btn {
width: 100%;
padding: 12px;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
}
.btn-primary {
background: var(--button-bg);
color: white;
}
.btn-primary:hover {
opacity: 0.9;
transform: translateY(-2px);
}
.btn-secondary {
background: var(--bg-tertiary);
color: var(--text-primary);
border: 1px solid var(--border-color);
}
.btn-secondary:hover {
background: var(--bg-secondary);
}
.links {
text-align: center;
margin-top: 20px;
}
.links a {
color: #1890ff;
text-decoration: none;
font-size: 14px;
}
.links a:hover {
text-decoration: underline;
}
.flash-message {
padding: 12px;
margin-bottom: 20px;
border-radius: 8px;
font-size: 14px;
text-align: center;
}
.flash-message.error {
background-color: rgba(255, 77, 79, 0.1);
color: #ff4d4f;
border: 1px solid rgba(255, 77, 79, 0.3);
}
.flash-message.success {
background-color: rgba(82, 196, 26, 0.1);
color: #52c41a;
border: 1px solid rgba(82, 196, 26, 0.3);
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>注册</h1>
<p>创建一个新账号以使用AI期货分析系统</p>
</div>
<!-- 显示flash消息 -->
{% with messages = get_flashed_messages() %}
{% if messages %}
{% for message in messages %}
<div class="flash-message {% if '成功' in message %}success{% else %}error{% endif %}">
{{ message }}
</div>
{% endfor %}
{% endif %}
{% endwith %}
<form method="POST">
<div class="form-group">
<label for="username">用户名</label>
<input type="text" id="username" name="username" required>
</div>
<div class="form-group">
<label for="password">密码</label>
<input type="password" id="password" name="password" required>
</div>
<button type="submit" class="btn btn-primary">注册</button>
</form>
<div class="links">
<p>已有账号? <a href="{{ url_for('login') }}">立即登录</a></p>
</div>
</div>
</body>
</html>
Loading…
Cancel
Save