跳到主要内容

平台管理应用

平台管理应用是基于 Vue 3 + Vite 构建的管理后台，提供完整的平台管理功能。

技术栈​

  • 框架: Vue 3 + TypeScript
  • 构建工具: Vite
  • UI: TDesign Vue Next
  • 状态管理: Pinia
  • 路由: Vue Router 4
  • 样式: UnoCSS + Less

功能模块​

用户管理​

  • 用户列表
  • 用户详情
  • 权限管理
  • 角色分配

系统管理​

  • 系统配置
  • 菜单管理
  • 字典管理
  • 日志查看

数据统计​

  • 用户统计
  • 业务统计
  • 性能监控
  • 报表生成

开发指南​

环境搭建​

cd hosts/platform
pnpm install
pnpm dev

构建部署​

# 开发环境
pnpm dev

# 生产环境
pnpm build

# 预览构建
pnpm preview

Mock 数据​

# 使用 Mock 数据
pnpm dev:mock

项目结构​

src/
├── api/                # API 接口
├── assets/             # 静态资源
├── components/         # 组件
├── hooks/              # Hooks
├── layouts/            # 布局
├── router/             # 路由
├── stores/             # 状态管理
├── styles/             # 样式
├── types/              # 类型定义
├── utils/              # 工具函数
└── views/              # 页面

开发规范​

代码规范​

  • TypeScript 严格模式
  • ESLint + Prettier
  • 组件命名规范
  • 文件组织规范

提交规范​

  • feat: 新功能
  • fix: 修复
  • docs: 文档
  • style: 格式
  • refactor: 重构
  • test: 测试
  • chore: 构建

分支管理​

  • main: 主分支
  • develop: 开发分支
  • feature/*: 功能分支
  • hotfix/*: 修复分支

部署配置​

环境变量​

  • VITE_API_URL: API 地址
  • VITE_APP_NAME: 应用名称
  • VITE_APP_VERSION: 应用版本

构建配置​

  • 目标浏览器：Chrome 88+
  • 输出目录：dist
  • 资源压缩：开启