轻量级在线办公(OA)系统前端,基于 Vite 2 + Vue 3 + Element Plus 构建,提供用户管理、角色管理、菜单管理和部门管理等核心功能。
| 类别 | 技术 |
|---|---|
| 构建工具 | Vite 2 |
| 前端框架 | Vue 3(Composition API) |
| 路由 | Vue Router 4 |
| 状态管理 | Vuex 4 |
| UI 组件库 | Element Plus |
| HTTP 客户端 | Axios |
| CSS 预处理器 | Sass |
- 用户管理
- 角色管理
- 菜单管理
- 部门管理
# 安装依赖
npm install
# 启动开发服务器
npm run dev
# 编译生产版本
npm run buildgeneral-admin/
├── public/ # 静态资源
├── src/
│ ├── api/ # 接口请求
│ ├── assets/ # 样式、图片等资源
│ ├── components/ # 公共组件
│ ├── config/ # 项目配置
│ ├── router/ # 路由配置
│ ├── store/ # Vuex 状态管理
│ ├── utils/ # 工具函数
│ ├── views/ # 页面视图
│ │ ├── Login.vue # 登录页
│ │ ├── User.vue # 用户管理
│ │ ├── Role.vue # 角色管理
│ │ ├── Menu.vue # 菜单管理
│ │ ├── Dept.vue # 部门管理
│ │ ├── Welcom.vue # 欢迎页
│ │ └── 404.vue # 404 页面
│ ├── App.vue # 根组件
│ └── main.js # 入口文件
├── index.html # HTML 模板
├── vite.config.js # Vite 配置
├── package.json
└── README.md
本项目需要配合后端服务使用,后端仓库地址:
- Fork 本仓库
- 新建
Feat_xxx分支 - 提交代码
- 新建 Pull Request
MIT