vue+node+mysql撸一个带权限(rbac)的后台管理系统

简介

mvvm-rbac是一个简易的带权限的后台管理系统。它基于vue、egg、mysql(sequlize)实现，旨在用最少代码理解实现常见的业务功能，所以并没有使用ui库，页面并不是很漂亮。麻雀虽小，但是五脏俱全。该项目如果有什么不足错误，麻烦您指出。如果能帮助到你，欢迎star

mvc版本

• mvc版本的已经完成了mvc-rbac
• 在线阅览

mvvm版本(本文)

• mvvm的还在持续开发中，但是基本功能已经实现
• 注意一定要运行导入项目里的sql文件,因为有些权限要手动处理

前序准备

本项目技术栈基于 ES2015+、vue、vuex、vue-router 、vue-cli 3.0 、axios 和 egg、mysql(sequlize),所有的请求都是真实的数据

授权实际效果

1.超级管理员(admin)登录，进入角色授权页面

2.超级管理员(admin)对学生角色授权，权限判断

3. 学生(ddmin)登录，拥有全部权限时的页面

4. 超级管理员授权后，学生(ddmin)只拥有部分权限的页面

功能

• 登录管理

  • 登录
  • 退出

• 角色管理

  • 增加
  • 查找
  • 修改
  • 删除

• 用户管理

  • 增加（根据角色）
  • 查找
  • 修改（根据角色）
  • 删除

• 权限管理

  • 角色授权
  • 页面权限
  • 导航菜单

• 图片管理(用户管理)

  • 图片上传
  • 图片修改

• 缓存

  • redis
  • http

• 部署

  • nginx
  • 二级域名