【Github】项目名:book-ms-ui:基于vue.js、element-ui搭建图书管理平台
项目简介
这是一个基于vue.js和element-ui搭建的极简的前后端分离图书管理平台,项目功能虽然不是很多,但前后端分离该涉及的技术点都会涉及。演示地址为http://books.zealon.cn/。它有完备的组织架构体系,基于RBAC模型实现用户权限配置,基于导航守卫动态生成路由、用户菜单、面包屑导航等,axios异步请求统一封装并统一处理操作结果通知,element-ui组件使用覆盖率达70%以上,项目接口工程基于SpringBoot2.x开发。虽是图书管理平台,更像是后台管理的脚手架,可用于开发任何想维护的模块。
项目特点
- 基于RBAC模型实现用户权限配置。
- 借助导航守卫,动态生成路由、用户菜单、面包屑导航等。
- 对axios异步请求统一封装,统一处理操作结果通知。
- element-ui组件使用覆盖率达到70%以上。
- 项目接口工程基于SpringBoot2.x开发。
快速开始
- 拉取项目至本地:命令为git clone https://github.com/Zealon159/book-ms-ui.git。
- 初始化npm依赖:使用cd命令进入本地工程目录,再用cnpm安装依赖(cnpm install)。
- 启动:命令为npm run serve,启动成功后默认端口为9000(可进入vue.config.js配置文件修改端口),访问地址为http://localhost:9000/。
项目总结
这个book-ms-ui项目为学习vue的同学提供了很好的范例,其在图书管理平台的基础上更像是一个通用的后台管理脚手架。欢迎大家留言讨论关于这个项目的任何想法或者问题。