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

Salamander 发布于2019-08-23 18:00 / 1813人阅读

摘要：简介是一个简易的带权限的后台管理系统。它基于实现，旨在用最少代码理解实现常见的业务功能，所以并没有使用库，页面并不是很漂亮。

简介

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

二级域名

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/104490.html

手摸手，带你用vue撸后台系列一(基础篇)

摘要：详细具体的使用可以见文章手摸手，带你优雅的使用。为了加速线上镜像构建的速度，我们利用源进行加速并且将一些常见的依赖打入了基础镜像，避免每次都需要重新下载。完整项目地址：vue-element-admin系类文章二：手摸手，带你用vue撸后台系列二（登录权限篇）系类文章三：手摸手，带你用vue撸后台系列三(实战篇）系类文章四：手摸手，带你用vue撸后台系列四(vueAdmin 一...

xiaotianyi 2019-08-22 11:03 评论0 收藏0
vue2+element 管理后台集成解决方案没有没做的，只要想不到的！

摘要：目前的技术栈主要的采用由于是个人项目，所以数据请求都是用了代替。后续会出一系列的教程配套文章，如如何从零构建后台项目框架，如何做完整的用户系统如权限验证，二次登录等，如何二次开发组件如富文本，如何整合七牛等等文章，各种后台开发经验等等。完整项目地址：vue-element-admin系类文章一：手摸手，带你用vue撸后台系列一（基础篇）系类文章二：手摸手，带你用vue撸后台系列二...

sanyang 2019-08-20 16:03 评论0 收藏0
手摸手，带你用vue撸后台系列二(登录权限篇)

摘要：我们将登录按钮上绑上事件，点击登录之后向服务端提交账号和密码进行验证。所以前端和后端权限的划分是不太一致。侧边栏最后一个涉及到权限的地方就是侧边栏，不过在前完整项目地址：vue-element-admin 系列文章：手摸手，带你用vue撸后台系列一（基础篇）手摸手，带你用vue撸后台系列二(登录权限篇) 手摸手，带你用vue撸后台系列三 (实战篇) 手摸手，带你用vu...

不知名网友 2019-08-20 16:45 评论0 收藏0
厌倦了写活动页？快来撸一个页面生成器吧！

摘要：前言如果你经常接触一些公司的活动页，可能会经常头疼以下问题这些项目周期短，需求频繁，迭代快，技术要求不高，成长空间也小。但是我们还是马不停蹄的赶着产品提来的一个个需求，随着公司规模的增加，我们不可能无限制的增加人手不断地重复着这些活动。前言如果你经常接触一些公司的活动页，可能会经常头疼以下问题：这些项目周期短，需求频繁，迭代快，技术要求不高，成长空间也小。但是我们还是马不停蹄的赶着...

Lsnsh 2019-08-02 11:50 评论0 收藏0