appointment_system/admin
code@server 32dc6feabe back
2025-12-20 18:34:31 +08:00
..
src 预约表单,邀请新人. 2025-12-18 22:55:43 +08:00
.env.example 1 2025-12-11 22:50:18 +08:00
.gitignore 1 2025-12-11 22:50:18 +08:00
index.html 1 2025-12-11 22:50:18 +08:00
package-lock.json 配置打包环境 2025-12-20 17:10:41 +08:00
package.json 1 2025-12-11 22:50:18 +08:00
README.md 1 2025-12-11 22:50:18 +08:00
test-api.html 1 2025-12-11 22:50:18 +08:00
vite.config.js back 2025-12-20 18:34:31 +08:00

海外预约管理后台

基于 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 配置

开发

# 安装依赖
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