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>
1.4 KiB
1.4 KiB
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
前端操作
进入前端目录
cd web
安装依赖
npm install
开发模式
npm run dev
启动开发服务器，默认访问 http://localhost:5173
构建生产版本
npm run build
预览生产版本
npm run preview
后端开发
后端代码请放在 src/ 目录下，支持 Python 或 Java。