一款基于SpringBoot+SpringSecurity+JWT+VUE的权限管理系统，可用于管理后台模板_基于springboot和security的后台权限管理系统源码

项目简介

一个基于 Spring Boot 2.4.0 、 Mybatis-plus、 JWT、Spring Security、Redis、Vue的前后端分离的基础权限系统项目截图

项目源码

主要特性

• 使用最新技术栈，社区资源丰富
• 支持接口级别的功能权限与数据权限，可自定义操作
• 前后端统一异常拦截处理，统一输出异常，避免繁琐的判断
• 完善的登录逻辑、授权逻辑、用户管理、菜单管理、角色管理，可作为后台管理系统的基础模块

系统功能

• 用户管理：获取用户表单，为用户分配角色，新增用户后，默认密码为888888
• 角色管理：对权限与菜单进行分配
• 菜单管理：已实现菜单动态路由
• 登录鉴权：使用Spring Security + jwt +kaptcha实现登录认证，权限认证

项目结构

|-- 后端项目
    |-- java
    |   |-- com
    |       |-- waiterxiaoyy
    |           |-- common // 公共组件
    |           |   |-- dto
    |           |   |-- exception // 统一异常处理
    |           |   |-- lang // 定义统一数据格式
    |           |-- config // 配置类
    |           |-- controller // 控制器
    |           |-- entity // 实体类
    |           |-- mapper
    |           |-- security // 安全处理，包括jwt鉴定，权限处理，拦截器
    |           |-- service // 业务处理层
    |           |-- utils // 工具类
    |-- resources
        |-- application.yml // 全局配置
        |-- mapper
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

|-- 前端项目
    |-- package-lock.json
    |-- package.json
    |-- vue.config.js
    |-- src
        |-- App.vue
        |-- axios.js // 统一request设置
        |-- globalFun.js // 全局方法
        |-- main.js
        |-- mock.js // 前端假数据
        |-- settings.js
        |-- assets
        |   |-- logo.png
        |   |-- css
        |   |-- icons
        |   |-- img
        |-- components
        |   |-- common // header、bar等处理，已实现标签页
        |   |-- page
        |   |-- SvgIcon
        |   |-- user
        |-- router // 已实现动态路由
        |-- store
        |-- utils
        |-- views // 页面存放
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

项目启动

注意：后台项目需要引入redis、Lombok插件

这里提供一些基础教程供刚入门的同学

1、JDK：1.8+
安装教程：https://www.runoob.com/java/java-environment-setup.html
2、Redis 3.0+
安装教程：https://www.runoob.com/redis/redis-install.html
3、Maven 3.0+
安装教程：https://www.runoob.com/maven/maven-setup.html
4、MYSQL 5.7
安装教程：https://www.runoob.com/mysql/mysql-install.html
5、Node v10+ (最好使用 12，高版本可能会有问题)
安装教程：https://www.runoob.com/nodejs/nodejs-install-setup.html

项目截图

部分截图