新项目,从0到1,SpringBoot+Vue.js权限管理系统,拿去做毕设

大家好,我是 jonssonyan

最近把以前做的权限管理系统重新整理了一下(将一些不规范的地方规范了一下,并且在关键地方写了注释),代码全部开源 ,这个项目是以现在主流的前后端分离模式开发的,包含前端(authority-ui)和后端(authority)两个工程,项目的开源地址在文章的最后

适宜人群

你可以借助本项目,学习 Java、SpringBoot、MybatisPlus、Shiro、JWT ...

一个系统中权限管理是最基础的功能,你可以将本项目作为脚手架,在它的基础上进行二次开发,可以提高你开发软件的速度。

技术栈

后端:

  • JDK 1.8
  • MySQL 5.2.29
  • SpringBoot
  • MybatisPlus ORM 框架
  • Shiro 权限控制
  • JWT 单点登录
  • Hibernate Validator 参数校验
  • Swagger2 API 文档工具

前端:

  • JavaScript
  • Vue.js
  • Element
  • Axios
  • Node v14.17.0
  • yarn 1.22.21

项目简介

基于 SpringBoot 和 Vue.js 的权限管理系统,项目中没有涉及到过多的业务,主要是权限系统的设计与实现,基于 RBAC 权限模型,实现用户->角色->权限之间的关系,一个用户拥有一个或者多个角色,角色拥有多个权限,并且系统还实现了角色和菜单的动态关联。

以下是数据库模型的关系图:

项目的 SQL 文件在https://github.com/jonssonyan/authority/blob/master/docs/sql/在运行项目之前需要先将数据库:authority 建好,数据库中一共有 9 张表,user 表中默认有两个账户,分别是管理员账户和普通用户账户,当你启动好项目之后可以直接使用默认的账户进行登录,当然你也可以注册一个账户,新账户默认的角色是 user,也就是普通用户。

  • 用户名: admin 密码: 123456 (管理员角色)
  • 用户名: user1 密码: 123456 (普通用户角色)

登录管理员账户之后,自然看到的菜单更多,权限最全。管理员账户可以为每个账户分配角色,并且可以为角色授权,如果管理员将角色为 user 的查询分类的权限收回,那么普通用户账户查询分类的时候就会提示"没有权限"。

此时登录普通用户角色的账户,将不会有查询分类的权限。

项目的主要菜单是用户管理,角色管理,权限管理,实现了用户,角色,权限的动态控制,分类管理,商品管理,订单管理只是为了展示权限控制的效果,并没有实际的作用。另外角色和菜单也是动态关联的,角色表 role 和菜单表 menu_list,通过第三张表role_menu_list进行多对多关联。

视频教程

如果你看文字版教程看不懂,可以看我录制的视频教程。

项目介绍:www.bilibili.com/video/BV19U...

项目部署:www.bilibili.com/video/BV1Fy...

项目开源地址

Spring Boot+Vue.js 权限管理系统前端: github.com/jonssonyan/...

Spring Boot+Vue.js 权限管理系统后端: github.com/jonssonyan/...

欢迎 PR,感谢 Star

相关推荐
朦胧之1 小时前
PostgreSQL 数据库笔记
人工智能·后端
IT_陈寒3 小时前
Redis缓存雪崩把我坑惨了,这次长记性了
前端·人工智能·后端
LucianaiB3 小时前
用 WorkBuddy 研究腾讯、阿里和 DeepSeek,我没敢直接说「AI 很赚钱」
后端
用户8356290780514 小时前
使用 Python 管理 PDF 属性和元数据
后端·python
分支预测失败4 小时前
RISC-V 上下文切换实战:从 Trap 入口到 Linux 进程调度
后端·嵌入式
用户8356290780514 小时前
使用 Python 在 Word 文档中创建自定义图表
后端·python
Profile排查笔记5 小时前
JavaScript 实现浏览器指纹生成:基础字段、Canvas 采样与 SHA-256 摘要
前端·人工智能·后端·自动化
GoGeekBaird5 小时前
我给 DeepSeek Harness 造了个铸造台
后端
YOU OU5 小时前
Spring Cloud概述
后端·spring·spring cloud
半个落月5 小时前
React JWT 登录鉴权实战:Mock、Zustand、Axios 与路由守卫全流程
后端·react.js