69 lines
1.6 KiB
Markdown
69 lines
1.6 KiB
Markdown
# 海外预约管理后台
|
|
|
|
基于 Vue 3 + Vite + Element Plus 构建的管理后台系统。
|
|
|
|
## 技术栈
|
|
|
|
- **Vue 3** - 渐进式 JavaScript 框架
|
|
- **Vite** - 下一代前端构建工具
|
|
- **Element Plus** - Vue 3 UI 组件库
|
|
- **Vue Router** - Vue.js 官方路由
|
|
- **Pinia** - Vue 状态管理
|
|
- **Axios** - HTTP 客户端
|
|
- **Sass** - CSS 预处理器
|
|
|
|
## 项目结构
|
|
|
|
```
|
|
admin/
|
|
├── src/
|
|
│ ├── layouts/ # 布局组件
|
|
│ ├── router/ # 路由配置
|
|
│ ├── stores/ # Pinia 状态管理
|
|
│ ├── styles/ # 全局样式
|
|
│ ├── utils/ # 工具函数
|
|
│ ├── views/ # 页面组件
|
|
│ ├── App.vue # 根组件
|
|
│ └── main.js # 入口文件
|
|
├── index.html # HTML 模板
|
|
├── package.json # 项目配置
|
|
└── vite.config.js # Vite 配置
|
|
```
|
|
|
|
## 开发
|
|
|
|
```bash
|
|
# 安装依赖
|
|
npm install
|
|
|
|
# 启动开发服务器
|
|
npm run dev
|
|
|
|
# 构建生产版本
|
|
npm run build
|
|
|
|
# 预览生产构建
|
|
npm run preview
|
|
```
|
|
|
|
## 功能模块
|
|
|
|
- **登录认证** - 管理员登录/登出
|
|
- **数据统计** - Dashboard 数据展示
|
|
- **用户管理** - 用户列表、详情、状态管理
|
|
- **订单管理** - 预约订单列表、状态更新
|
|
- **提现审核** - 提现申请审核
|
|
- **服务管理** - 服务项目 CRUD
|
|
|
|
## 环境变量
|
|
|
|
复制 `.env.example` 为 `.env` 并配置：
|
|
|
|
```
|
|
VITE_API_BASE_URL= # API 地址（开发环境留空使用代理）
|
|
```
|
|
|
|
## API 代理
|
|
|
|
开发环境下，所有 `/api` 请求会被代理到 `http://localhost:3000`。
|