2024-12-02 06:16:19 +00:00
|
|
|
|
# FOCHAIN-AICG
|
2024-05-23 02:20:16 +00:00
|
|
|
|
|
2024-12-02 06:16:19 +00:00
|
|
|
|
一个基于Stable Diffusion的AI图像生成Web应用,使用Quasar Framework和Vue 3构建。
|
2024-05-23 02:20:16 +00:00
|
|
|
|
|
2024-12-02 06:16:19 +00:00
|
|
|
|
## 技术栈
|
|
|
|
|
|
|
|
|
|
- 前端框架: Vue 3 + Quasar Framework
|
|
|
|
|
- UI组件库: Naive UI
|
|
|
|
|
- 状态管理: Vue Router
|
|
|
|
|
- 国际化: Vue I18n
|
|
|
|
|
- HTTP客户端: Axios
|
|
|
|
|
- 动画效果: animate.css + @formkit/auto-animate
|
|
|
|
|
- 构建工具: Vite
|
|
|
|
|
|
|
|
|
|
## 功能特点
|
|
|
|
|
|
|
|
|
|
- AI图像生成
|
|
|
|
|
- 用户认证系统
|
|
|
|
|
- 历史记录管理
|
|
|
|
|
- 个人中心
|
|
|
|
|
- 反馈系统
|
|
|
|
|
- 多语言支持
|
|
|
|
|
- 响应式设计
|
|
|
|
|
|
|
|
|
|
## 安装说明
|
|
|
|
|
|
|
|
|
|
确保你的环境满足以下要求:
|
|
|
|
|
- Node.js: ^20 || ^18 || ^16
|
|
|
|
|
- npm: >= 6.13.4
|
|
|
|
|
- yarn: >= 1.21.1
|
|
|
|
|
|
|
|
|
|
1. 克隆项目
|
2024-05-23 02:20:16 +00:00
|
|
|
|
```bash
|
2024-12-02 06:16:19 +00:00
|
|
|
|
git clone [项目地址]
|
2024-05-23 02:20:16 +00:00
|
|
|
|
```
|
|
|
|
|
|
2024-12-02 06:16:19 +00:00
|
|
|
|
2. 安装依赖
|
2024-05-23 02:20:16 +00:00
|
|
|
|
```bash
|
2024-12-02 06:16:19 +00:00
|
|
|
|
npm install
|
|
|
|
|
# 或
|
|
|
|
|
yarn install
|
2024-05-23 02:20:16 +00:00
|
|
|
|
```
|
|
|
|
|
|
2024-12-02 06:16:19 +00:00
|
|
|
|
3. 启动开发服务器
|
|
|
|
|
```bash
|
|
|
|
|
npm run dev
|
|
|
|
|
# 或
|
|
|
|
|
yarn dev
|
|
|
|
|
```
|
2024-05-23 02:20:16 +00:00
|
|
|
|
|
2024-12-02 06:16:19 +00:00
|
|
|
|
4. 构建生产版本
|
2024-05-23 02:20:16 +00:00
|
|
|
|
```bash
|
2024-12-02 06:16:19 +00:00
|
|
|
|
npm run build
|
|
|
|
|
# 或
|
|
|
|
|
yarn build
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## 项目结构
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
src/
|
|
|
|
|
├── api/ # API接口
|
|
|
|
|
├── assets/ # 静态资源
|
|
|
|
|
├── boot/ # 启动配置
|
|
|
|
|
├── components/ # 通用组件
|
|
|
|
|
├── css/ # 样式文件
|
|
|
|
|
├── i18n/ # 国际化配置
|
|
|
|
|
├── layouts/ # 布局组件
|
|
|
|
|
├── pages/ # 页面组件
|
|
|
|
|
├── router/ # 路由配置
|
|
|
|
|
└── utils/ # 工具函数
|
2024-05-23 02:20:16 +00:00
|
|
|
|
```
|
|
|
|
|
|
2024-12-02 06:16:19 +00:00
|
|
|
|
## 主要功能页面
|
|
|
|
|
|
|
|
|
|
- `/login` - 用户登录
|
|
|
|
|
- `/aicg` - AI图像生成
|
|
|
|
|
- `/create` - 创建新图像
|
|
|
|
|
- `/history` - 历史记录
|
|
|
|
|
- `/mine` - 个人中心
|
|
|
|
|
- `/feedback` - 反馈系统
|
|
|
|
|
|