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

简介

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

mvc版本

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

mvvm版本(本文)

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

前序准备

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

授权实际效果

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

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

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

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

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

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

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

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

功能

  • 登录管理

    • 登录
    • 退出
  • 角色管理

    • 增加
    • 查找
    • 修改
    • 删除
  • 用户管理

    • 增加(根据角色)
    • 查找
    • 修改(根据角色)
    • 删除
  • 权限管理

    • 角色授权
    • 页面权限
    • 导航菜单
  • 图片管理(用户管理)

    • 图片上传
    • 图片修改
  • 缓存

  • 部署

    原文作者:渣渣辉
    原文地址: https://segmentfault.com/a/1190000019414876
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞