# 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 登录体系，升级前端对接