好的,以下是一个【零基础入门网站开发】教程,基于开源大模型 DeepSeek + 前后端分离,从零构建一个 登录注册系统,适合新手学习,同时能与 AI 模型集成做后续智能对话服务等扩展。
✅ 项目目标
构建一个 支持用户注册、登录、身份验证 的完整系统,前后端分离,未来可集成 DeepSeek-Coder 做智能问答或编程助手。
🧱 技术栈选型(零基础友好)
层级 | 技术 | 说明 |
---|---|---|
前端 | HTML + CSS + JS | 页面展示 |
后端 | Python + Flask | 轻量 Web 框架 |
数据库 | SQLite(内嵌) | 简单易用,免安装 |
AI | DeepSeek 模型 (选配) | 后续智能问答用 |
📦 目录结构
deepseek-login-app/
├── app.py # 主后端程序
├── templates/ # HTML页面
│ ├── login.html
│ └── register.html
├── static/ # 静态文件
│ └── style.css
├── users.db # SQLite数据库(自动生成)
└── requirements.txt # 依赖包
🚀 第一步:环境准备
# 创建虚拟环境(可选)
python -m venv venv
source venv/bin/activate # Windows:venv\Scripts\activate
# 安装 Flask
pip install flask
✏️ 第二步:创建 app.py
from flask import Flask, render_template, request, redirect, url_for, session, flash
import sqlite3
app = Flask(__name__)
app.secret_key = 'deepseek_secret_key' # 用于会话加密
# 初始化数据库
def init_db():
conn = sqlite3.connect('users.db')
c = conn.cursor()
c.execute('''CREATE TABLE IF NOT EXISTS users (
id INTEGER PRIMARY KEY AUTOINCREMENT,
username TEXT UNIQUE,
password TEXT)''')
conn.commit()
conn.close()
init_db()
# 注册路由
@app.route('/register', methods=['GET', 'POST'])
def register():
if request.method == 'POST':
uname = request.form['username']
pwd = request.form['password']
conn = sqlite3.connect('users.db')
c = conn.cursor()
try:
c.execute("INSERT INTO users (username, password) VALUES (?, ?)", (uname, pwd))
conn.commit()
flash('注册成功,请登录!')
return redirect(url_for('login'))
except sqlite3.IntegrityError:
flash('用户名已存在')
conn.close()
return render_template('register.html')
# 登录路由
@app.route('/login', methods=['GET', 'POST'])
def login():
if request.method == 'POST':
uname = request.form['username']
pwd = request.form['password']
conn = sqlite3.connect('users.db')
c = conn.cursor()
c.execute("SELECT * FROM users WHERE username=? AND password=?", (uname, pwd))
user = c.fetchone()
conn.close()
if user:
session['username'] = uname
return redirect(url_for('dashboard'))
else:
flash('用户名或密码错误')
return render_template('login.html')
# 登录后首页
@app.route('/dashboard')
def dashboard():
if 'username' in session:
return f"欢迎你,{session['username']}!"
return redirect(url_for('login'))
# 注销
@app.route('/logout')
def logout():
session.pop('username', None)
flash('已退出登录')
return redirect(url_for('login'))
if __name__ == '__main__':
app.run(debug=True)
🖼️ 第三步:HTML 页面
templates/login.html
<!DOCTYPE html>
<html>
<head>
<title>登录 - DeepSeek</title>
<link rel="stylesheet" href="/static/style.css">
</head>
<body>
<h2>用户登录</h2>
<form method="POST">
<input name="username" placeholder="用户名" required><br>
<input name="password" type="password" placeholder="密码" required><br>
<button type="submit">登录</button>
</form>
<p>还没有账号?<a href="/register">注册</a></p>
{% with messages = get_flashed_messages() %}
{% for msg in messages %}
<p style="color:red">{{ msg }}</p>
{% endfor %}
{% endwith %}
</body>
</html>
templates/register.html
<!DOCTYPE html>
<html>
<head>
<title>注册 - DeepSeek</title>
<link rel="stylesheet" href="/static/style.css">
</head>
<body>
<h2>用户注册</h2>
<form method="POST">
<input name="username" placeholder="用户名" required><br>
<input name="password" type="password" placeholder="密码" required><br>
<button type="submit">注册</button>
</form>
<p>已有账号?<a href="/login">登录</a></p>
{% with messages = get_flashed_messages() %}
{% for msg in messages %}
<p style="color:red">{{ msg }}</p>
{% endfor %}
{% endwith %}
</body>
</html>
static/style.css
(可选)
body {
font-family: sans-serif;
text-align: center;
margin-top: 50px;
}
input, button {
margin: 10px;
padding: 8px;
}
✅ 运行项目
python app.py
打开浏览器访问:
📍 http://127.0.0.1:5000/login
或 /register
🔗 后续扩展方向(可结合 DeepSeek)
- ✅ 添加密码加密(如 bcrypt)
- ✅ 接入验证码、邮箱验证等安全模块
- ✅ 接入 DeepSeek-Coder 实现“登录后智能问答”
- ✅ 改造成 RESTful API,前后端分离
- ✅ 使用 Vue 或 React 编写现代 UI 界面
📦 总结
- 这是一个适合零基础入门的完整登录注册系统
- 可作为将来对接 AI 模型(如 DeepSeek、ChatGLM、LLM)的用户身份系统基础
- 若你希望我继续帮你接入 DeepSeek 实现 用户登录后自动问答、代码生成、上传文件自动分析等功能,欢迎继续提问!
是否需要我打包该项目为 .zip
或部署到你本地运行?我可以为你生成完整项目代码。
发表回复