本框架为后台管理类系统解决方案,其中包含很多后台管理中的必备功能。当前版本仅供学习交流,框架中vue及webpack版本会随时更新,尽量采用平滑升级策略,修改部分全局或打包配置完成,如果更改过大,版本号将自动增加,并提供之前版本的release,所以如果注重稳定的话,请在生产环境中谨慎使用。
- 登录登出
- 菜单异步加载
- 页面详细权限控制
- 多语言支持
- 布局切换
- 高德地图集成
- Echarts集成
- 错误页面
- mock数据
- 页面加载进度条
- 级联选择示例
# 安装项目依赖
npm install
# 开启本地服务,默认为localhost:8080
npm run dev
# 项目打包,构建生产环境
npm run build
# 打包过程中想查看具体报告则可以通过以下命令实现
npm run build --report本项目的开发代码目录结构如下,在编码时请按照规则放置代码
./root
├── ...
│ ├── mock/ // 模拟请求
├── src
│ ├── components
│ │ ├── platformCom // 平台通用组件
│ │ │ ├── ...
│ │ │ ├── install.js // 平台组件全局注册
│ │ ├── customCom // 项目组件
│ │ │ ├── global/ // 项目全局组件
│ │ │ │ ├── ...
│ │ │ │ ├── install.js // 项目全局组件安装
│ │ │ ├── locale/ // 项目局部组件
│ ├── lang // 国际化文件
│ │ ├── en.js
│ │ ├── zh-cn.js
│ │ ├── ...
│ ├── page // 项目页面
│ │ ├── ... // 页面名称
│ │ │ ├── *.vue // vue文件
│ │ │ ├── ...
│ ├── resources // 静态资源
│ │ ├── ...
│ ├── util // 通用工具
│ │ ├── http.js // ajax全局设置
│ │ ├── i18n.js // 国际化全局设置
│ │ ├── amap.js // 高德地图注册
│ │ ├── ...
│ ├── store // vuex状态管理
│ │ ├── modules/ // vuex的modules
│ │ ├── state.js
│ │ ├── getter.js
│ │ ├── mutations.js
│ │ ├── actions.js
│ │ ├── store.js
│ ├── router
│ │ ├── asyncRouter.js // 异步路由表
│ │ ├── directAccess.js // 直接访问路由表(预留)
│ │ ├── index.js // vue-router路由配置
│ ├── index.html // 单文件入口渲染模板
│ ├── index.vue // 首页vue
│ ├── main.js // webpack入口文件
├── ...- 修复 多语言在单文件组件中无法切换的BUG
- 更好的组件加载方式
- 高德地图及echarts组件化
- 文件目录优化
- 界面UI重新定制,形成完整的主题
- 完全的优雅的主题切换方式
- ElementUI更新
- 编写部分优化方案文档
- 编写菜单编辑页面
- 消息推送