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          # 项目说明

功能特性

• 用户管理：注册、登录、编辑用户信息、删除用户
• 应用管理：添加、编辑、删除应用
• 订单管理：查看和管理用户订单
• 余额管理：用户余额充值和消费
• 权限控制：区分管理员和普通用户权限
• 响应式设计：适应不同设备屏幕

快速开始

后端设置

# 进入后端目录
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

前端设置

# 进入前端目录
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 实现后端 JWT 登录体系，升级前端对接