链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

book-ms-ui:基于vue.js、element-ui搭建图书管理平台

book - ms - ui是一个基于vue.js和element - ui搭建的极简前后端分离图书管理平台。项目功能虽有限但涉及前后端分离的必要技术点。它有基于RBAC模型的用户权限配置、借助导航守卫动态生成多种元素、axios异步请求处理、较高的element - ui组件覆...

访问官网 →

【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开发。

快速开始

  1. 拉取项目至本地:命令为git clone https://github.com/Zealon159/book-ms-ui.git。
  2. 初始化npm依赖:使用cd命令进入本地工程目录,再用cnpm安装依赖(cnpm install)。
  3. 启动:命令为npm run serve,启动成功后默认端口为9000(可进入vue.config.js配置文件修改端口),访问地址为http://localhost:9000/。

项目总结

这个book-ms-ui项目为学习vue的同学提供了很好的范例,其在图书管理平台的基础上更像是一个通用的后台管理脚手架。欢迎大家留言讨论关于这个项目的任何想法或者问题。

项目地址

GitHub链接直达