SpringBoot+Spring Security+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

<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.0modelVersion>

    <groupId>com.songgroupId>
    <artifactId>authority-systemartifactId>
    <version>1.0-SNAPSHOTversion>

    
    <parent>
        <groupId>org.springframework.bootgroupId>
        <artifactId>spring-boot-starter-parentartifactId>
        <version>2.6.6version>
    parent>

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

    <dependencies>
        
        <dependency>
            <groupId>org.springframework.bootgroupId>
            <artifactId>spring-boot-starter-webartifactId>
        dependency>
        
        <dependency>
            <groupId>mysqlgroupId>
            <artifactId>mysql-connector-javaartifactId>
            <scope>runtimescope>
        dependency>
        
        <dependency>
            <groupId>com.baomidougroupId>
            <artifactId>mybatis-plus-boot-starterartifactId>
            <version>${mybatis-plus.version}version>
        dependency>
        
        <dependency>
            <groupId>org.projectlombokgroupId>
            <artifactId>lombokartifactId>
            <optional>trueoptional>
        dependency>
        
        <dependency>
            <groupId>org.springframework.bootgroupId>
            <artifactId>spring-boot-devtoolsartifactId>
            <scope>runtimescope>
            <optional>trueoptional>
        dependency>
        
        <dependency>
            <groupId>org.springframework.bootgroupId>
            <artifactId>spring-boot-starter-testartifactId>
            <scope>testscope>
        dependency>
        
        <dependency>
            <groupId>com.alibabagroupId>
            <artifactId>fastjsonartifactId>
            <version>${fastjson.version}version>
        dependency>
        
        <dependency>
            <groupId>io.jsonwebtokengroupId>
            <artifactId>jjwtartifactId>
            <version>${jwt.version}version>
        dependency>
        
        <dependency>
            <groupId>org.springframework.bootgroupId>
            <artifactId>spring-boot-starter-data-redisartifactId>
        dependency>
        
        <dependency>
            <groupId>org.springframework.bootgroupId>
            <artifactId>spring-boot-starter-securityartifactId>
        dependency>
        
        <dependency>
            <groupId>org.springframework.bootgroupId>
            <artifactId>spring-boot-starter-data-redisartifactId>
        dependency>

        
        
        <dependency>
            <groupId>com.aliyun.ossgroupId>
            <artifactId>aliyun-sdk-ossartifactId>
            <version>3.14.1version>
        dependency>
        
        <dependency>
            <groupId>joda-timegroupId>
            <artifactId>joda-timeartifactId>
            <version>2.10.14version>
        dependency>
        <dependency>
            <groupId>commons-iogroupId>
            <artifactId>commons-ioartifactId>
            <version>2.4version>
        dependency>
        
    dependencies>

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

project>

配置文件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: 

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

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

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

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