ai-ground-quasar/README.md

83 lines
1.4 KiB
Markdown
Raw Permalink Normal View History

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` - 反馈系统