109 lines
2.9 KiB
Markdown
109 lines
2.9 KiB
Markdown
# AI应用展示与付费平台
|
||
|
||
## 项目概述
|
||
|
||
本项目是一个完整的AI应用展示与付费平台，用户可以浏览、购买和使用各种AI应用服务。平台支持用户注册、登录、余额管理、应用购买和使用等功能，同时提供完善的管理后台，方便管理员管理用户、应用和订单。
|
||
|
||
## 技术栈
|
||
|
||
### 前端技术栈
|
||
|
||
- **React 19.1.0**：用于构建用户界面的JavaScript库
|
||
- **React Router 7.5.3**：前端路由管理
|
||
- **Ant Design 5.24.9**：UI组件库，提供美观且功能丰富的组件
|
||
- **Axios 1.9.0**：处理HTTP请求
|
||
- **JWT认证**：用于用户身份验证
|
||
|
||
### 后端技术栈
|
||
|
||
- **FastAPI**：高性能Python Web框架
|
||
- **SQLAlchemy**：ORM系统，用于数据库交互
|
||
- **Pydantic**：数据验证和模型定义
|
||
- **Uvicorn**：ASGI服务器
|
||
- **Passlib (bcrypt)**：密码哈希处理
|
||
- **JWT**：用户认证和授权
|
||
|
||
### 部署环境
|
||
|
||
- **AWS EC2**：应用托管
|
||
- **Nginx**：反向代理和静态文件服务
|
||
|
||
## 目录结构
|
||
|
||
```
|
||
Website-Clean/
|
||
├── backend/ # FastAPI后端
|
||
│ ├── app/ # 应用代码
|
||
│ │ ├── routers/ # API路由
|
||
│ │ ├── models.py # 数据库模型
|
||
│ │ └── schemas.py # 数据验证模型
|
||
│ └── requirements.txt # 依赖包列表
|
||
├── frontend/ # React前端
|
||
│ ├── public/ # 静态资源
|
||
│ ├── src/ # 源代码
|
||
│ │ ├── pages/ # 页面组件
|
||
│ │ ├── components/# 通用组件
|
||
│ │ └── auth.js # 认证相关
|
||
│ └── package.json # 依赖配置
|
||
└── README.md # 项目说明
|
||
```
|
||
|
||
## 功能特性
|
||
|
||
- **用户管理**：注册、登录、编辑用户信息、删除用户
|
||
- **应用管理**：添加、编辑、删除应用
|
||
- **订单管理**：查看和管理用户订单
|
||
- **余额管理**：用户余额充值和消费
|
||
- **权限控制**：区分管理员和普通用户权限
|
||
- **响应式设计**：适应不同设备屏幕
|
||
|
||
## 快速开始
|
||
|
||
### 后端设置
|
||
|
||
```bash
|
||
# 进入后端目录
|
||
cd backend
|
||
|
||
# 创建虚拟环境
|
||
python -m venv venv
|
||
source venv/bin/activate # Windows: venv\Scripts\activate
|
||
|
||
# 安装依赖
|
||
pip install -r requirements.txt
|
||
|
||
# 运行开发服务器
|
||
uvicorn app.main:app --reload --host 0.0.0.0 --port 8001
|
||
```
|
||
|
||
### 前端设置
|
||
|
||
```bash
|
||
# 进入前端目录
|
||
cd frontend
|
||
|
||
# 安装依赖
|
||
npm install
|
||
|
||
# 运行开发服务器
|
||
npm start
|
||
|
||
# 构建生产版本
|
||
npm run build
|
||
```
|
||
|
||
## 部署指南
|
||
|
||
1. 构建前端：在frontend目录下运行`npm run build`
|
||
2. 配置Nginx：设置反向代理，将API请求转发到后端服务
|
||
3. 启动后端：使用Uvicorn或Gunicorn运行FastAPI应用
|
||
4. 设置CORS：确保前后端可以正常通信
|
||
|
||
## API文档
|
||
|
||
启动后端服务后，访问 `http://localhost:8001/docs` 查看自动生成的API文档。
|
||
|
||
## 许可证
|
||
|
||
[MIT](https://opensource.org/licenses/MIT)
|
||
实现后端 JWT 登录体系，升级前端对接 |