Appearance
前端开发
开发环境准备
技术栈
- 框架：Vue 3
- 构建工具：Vite
- UI组件：Element Plus
- 状态管理：Pinia
环境要求
| 依赖 | 版本 |
|---|---|
| Node.js | 20+ |
| npm | 10+ |
| Vue | 3.4+ |
开发规范
项目结构
src/
├── components/ # 公共组件
├── views/ # 页面视图
├── store/ # 状态管理
├── api/ # API 接口
├── utils/ # 工具函数
└── styles/ # 样式文件前端 API 库
平台提供前端 SDK：
javascript
import { usePowerMJ } from '@powermj/vue-sdk';
const { api, auth, utils } = usePowerMJ();
// 调用 API
const response = await api.get('/api/leave/list', {
params: { page: 1, size: 20 }
});
// 获取当前用户
const user = auth.getCurrentUser();组件库
平台提供丰富的 UI 组件：
- 表单组件
- 表格组件
- 流程组件
- 布局组件