SpringBoot+Spring Security+Vue实现通用的权限管理系统_springboot+springsecurity+vue

SpringBoot+Spring Security+Vue实现通用的权限管理系统

可以自己将源码下载下来 进行相关代码学习

1、系统相关页面展示

1、登录页面

2、系统管理员登录

3、角色管理

4、分配权限

5、菜单管理

6、新增菜单

7、用户管理

8、部门管理

…

2、技术学习

想要实现这些功能最好先要有以下技术支持(其中最 重要的是Spring Security 前端最好需要会点)

后端技术

• Spring Boot
• MyBatis Plus
• Spring Security (后期会写一遍 关于Spring Security JWT的博客)
• Jwt
• Redis
• MySQL

前端技术

• Vue
• Element UI

3、项目搭建和环境准备

主要使用 IDEA与vscode开发工具(如何创建项目这些 省略 。。。具体的可以 看下方最后链接 )

主要依赖pom.xml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.song</groupId>
    <artifactId>authority-system</artifactId>
    <version>1.0-SNAPSHOT</version>

    <!-- Spring Boot版本 -->
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.6.6</version>
    </parent>

    <properties>
        <java.version>1.8</java.version>
        <jwt.version>0.9.1</jwt.version>
        <mybatis-plus.version>3.5.1</mybatis-plus.version>
        <fastjson.version>1.2.80</fastjson.version>
    </properties>

    <dependencies>
        <!-- web -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <!-- mysql -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <scope>runtime</scope>
        </dependency>
        <!-- mybatis plus -->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>${mybatis-plus.version}</version>
        </dependency>
        <!-- lombok -->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>
        <!-- 热部署 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <scope>runtime</scope>
            <optional>true</optional>
        </dependency>
        <!-- 单元测试 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <!-- fast json -->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>${fastjson.version}</version>
        </dependency>
        <!-- jwt -->
        <dependency>
            <groupId>io.jsonwebtoken</groupId>
            <artifactId>jjwt</artifactId>
            <version>${jwt.version}</version>
        </dependency>
        <!-- redis -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-redis</artifactId>
        </dependency>
        <!--spring security-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-security</artifactId>
        </dependency>
        <!--redis-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-redis</artifactId>
        </dependency>

        <!-- 阿里云OSS文件上传开始 -->
        <!-- 阿里云 OSS -->
        <dependency>
            <groupId>com.aliyun.oss</groupId>
            <artifactId>aliyun-sdk-oss</artifactId>
            <version>3.14.1</version>
        </dependency>
        <!--日期时间工具-->
        <dependency>
            <groupId>joda-time</groupId>
            <artifactId>joda-time</artifactId>
            <version>2.10.14</version>
        </dependency>
        <dependency>
            <groupId>commons-io</groupId>
            <artifactId>commons-io</artifactId>
            <version>2.4</version>
        </dependency>
        <!-- 阿里云OSS文件上传结束 -->
    </dependencies>

    <build>
        <plugins>
             <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

</project>
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120

配置文件application.yml

#设置端口号
server:
  port: 9999
#数据库驱动
spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    #数据库连接地址
    url: jdbc:mysql://localhost:3306/db_authority_system?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai
    #数据库用户名
    username: root #换成自己的
    #数据库密码
    password: root #换成自己的
    #JSON日期格式化
    jackson:
      date-format: yyyy-MM-dd
      #JSON日期格式化设置时区为上海
      time-zone: Asia/Shanghai
    #日期格式化
    mvc:
      format:
        date: yyyy-MM-dd
        date-time: yyyy-MM-dd HH:mm:ss

  redis:
    host:   #自己redis的地址
    port: 6379
    database: 2
    timeout: 10000
    #自定义属性
    expire: 60000
#加载映射文件
mybatis-plus:
  mapper-locations: classpath*:/mapper/**/*.xml
  #设置别名
  type-aliases-package: com.song.entity
  #全局逻辑删除的实体字段名
  global-config:
    db-config:
      logic-delete-field: isDelete
      #逻辑删除值，默认为1
      logic-delete-value: 1
      #逻辑未删除值，默认为0
      logic-not-delete-value: 0
#显示日志
logging:
  level:
    com:
      song:
        dao: debug
#jwt配置
#密钥
jwt:
  secret: com.song
  #过期时间
  expiration: 1800000

#登录请求地址(自定义)
request:
  login:
    url: /api/user/login
#阿里云文件上传
aliyun:
  oss:
    endpoint: 
    keyid:
    keysecret: 
    #bucket可以在控制台创建，也可以使用java代码创建，注意先测试bucket是否已被占用
    bucketname: 
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

相关工具类与配置类（可以自己下载源码来看）

想获取源码的可以加新建的群:700296900 (资料放到里面了，后面也会分享一些其它的资料，方便沟通，有可能在这里发的消息 我很久才会看到) 有啥问题，可以直接在群里问，有时间会解答。

想看视频学习的话，可以在b站上搜Kazu_Gin的视频来进行学习vue-element-admin+spring boot 前后端分离 权限管理系统

推荐一下此UP主，有些视频讲的还是非常不错的 可以学习一下。