ai-ground-quasar/README.md
2024-12-02 14:16:19 +08:00

83 lines
1.4 KiB
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# FOCHAIN-AICG
一个基于Stable Diffusion的AI图像生成Web应用使用Quasar Framework和Vue 3构建。
## 技术栈
- 前端框架: 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. 克隆项目
```bash
git clone [项目地址]
```
2. 安装依赖
```bash
npm install
# 或
yarn install
```
3. 启动开发服务器
```bash
npm run dev
# 或
yarn dev
```
4. 构建生产版本
```bash
npm run build
# 或
yarn build
```
## 项目结构
```
src/
├── api/ # API接口
├── assets/ # 静态资源
├── boot/ # 启动配置
├── components/ # 通用组件
├── css/ # 样式文件
├── i18n/ # 国际化配置
├── layouts/ # 布局组件
├── pages/ # 页面组件
├── router/ # 路由配置
└── utils/ # 工具函数
```
## 主要功能页面
- `/login` - 用户登录
- `/aicg` - AI图像生成
- `/create` - 创建新图像
- `/history` - 历史记录
- `/mine` - 个人中心
- `/feedback` - 反馈系统