DESKTOP-72TV0V4\caoxiaozhu
6d5ae6c604
- Reorganize project structure: move frontend to web/ directory - Add Database page with connection list (name, type, subtables, status, created, actions) - Integrate Element Plus for UI components with dark theme support - Add Quicksand font for rounded UI design - Configure root package.json to run frontend from web/ directory Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
76 lines
1.4 KiB
Markdown
76 lines
1.4 KiB
Markdown
# X-Agents
|
||
|
||
前后端分离项目，前端使用 Vue 3 + Vite，后端支持 Python/Java
|
||
|
||
## 项目结构
|
||
|
||
```
|
||
X-Agents/
|
||
├── web/ # 前端项目 (Vue 3 + Vite + TypeScript + Tailwind CSS)
|
||
│ ├── src/ # 前端源代码
|
||
│ │ ├── components/ # Vue 组件
|
||
│ │ ├── views/ # 页面视图
|
||
│ │ ├── router/ # 路由配置
|
||
│ │ ├── App.vue # 根组件
|
||
│ │ ├── main.ts # 入口文件
|
||
│ │ └── style.css # 全局样式
|
||
│ ├── public/ # 静态资源
|
||
│ ├── index.html # 入口 HTML
|
||
│ ├── package.json # 前端依赖
|
||
│ ├── vite.config.ts # Vite 配置
|
||
│ ├── tailwind.config.js # Tailwind 配置
|
||
│ └── tsconfig.json # TypeScript 配置
|
||
│
|
||
└── src/ # 后端代码 (Python/Java)
|
||
└── (待开发)
|
||
```
|
||
|
||
## 前端技术栈
|
||
|
||
- Vue 3
|
||
- Vite
|
||
- TypeScript
|
||
- Tailwind CSS
|
||
- Pinia (状态管理)
|
||
- Vue Router
|
||
- ECharts
|
||
- Font Awesome
|
||
|
||
## 前端操作
|
||
|
||
### 进入前端目录
|
||
|
||
```bash
|
||
cd web
|
||
```
|
||
|
||
### 安装依赖
|
||
|
||
```bash
|
||
npm install
|
||
```
|
||
|
||
### 开发模式
|
||
|
||
```bash
|
||
npm run dev
|
||
```
|
||
|
||
启动开发服务器，默认访问 http://localhost:5173
|
||
|
||
### 构建生产版本
|
||
|
||
```bash
|
||
npm run build
|
||
```
|
||
|
||
### 预览生产版本
|
||
|
||
```bash
|
||
npm run preview
|
||
```
|
||
|
||
## 后端开发
|
||
|
||
后端代码请放在 `src/` 目录下，支持 Python 或 Java。
|