springboot+thymeleaf+mysql实现脚手架权限管理系统（超详细讲解）

落日映苍穹つ 2023-10-03 18:40 20阅读 0赞

#### 文章目录 ####

*  前言
 *  一、开发环境配置
 *   *  1.开发工具
     *  2.后台框架
     *  3.前端模板
     *  4.数据库
     *  5.服务器
 *  二、数据库设计
 *   *  1.用户表 - cuinn\_user
     *  2.角色表 - cuinn\_role
     *  3.角色权限表 - cuinn\_role\_authorities
     *  4.菜单表 - cuinn\_menu
     *  5.日志表 - cuinn\_operater\_log
     *  6.数据备份表 - cuinn\_operater\_log
 *  三、系统设计
 *   *  1.系统结构
     *  2.代码结构
 *  四、系统实现
 *   *  1.用户登录
     *  2.后台首页
     *  3.菜单模块
     *  4.角色模块
     *  5.用户模块
     *  6.日志模块
     *  7.数据备份
 *  总结

--------------------

## 前言 ##

作为一名开发人员我们知道每个标准的的管理系统有些部分是必不可少的：

> 1.用户管理  
> 2.角色管理  
> 3.菜单管理  
> 4.日志管理  
> 5.数据备份

我大概列出这几个模块，那么每次设计实现一个系统都需要做这些重复的模块功能是不是不符合我们架构设计的规范，因此我们需要把这些相同的部分抽离出来，作为一个项目开发的基础脚手架系统，之后做开发只需要在这个系统的基础上进行新功能的开发，那就很方便了。

--------------------

## 一、开发环境配置 ##

### 1.开发工具 ###

Eclipse

### 2.后台框架 ###

SpringBoot

### 3.前端模板 ###

SpringBoot自带前端模板：thymeleaf

### 4.数据库 ###

MySql8.0

### 5.服务器 ###

SpringBoot内嵌tomcat

## 二、数据库设计 ##

### 1.用户表 - cuinn\_user ###

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16]

### 2.角色表 - cuinn\_role ###

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 1]

### 3.角色权限表 - cuinn\_role\_authorities ###

![\#\# 2.读入数据][2.]

### 4.菜单表 - cuinn\_menu ###

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 2]

### 5.日志表 - cuinn\_operater\_log ###

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 3]

### 6.数据备份表 - cuinn\_operater\_log ###

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 4]

## 三、系统设计 ##

### 1.系统结构 ###

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 5]

### 2.代码结构 ###

包结构：  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 6]  
系统架构模式：  
B/S模式，浏览器/服务端 模式  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 7]

## 四、系统实现 ##

### 1.用户登录 ###

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 8]  
关键逻辑代码：

@RequestMapping(value = "/login", method=RequestMethod.POST)
    	@ResponseBody
    	public Result<Boolean> login(HttpServletRequest request, User user, String cpacha) {
        
    		if(user == null) {
        
    			return Result.error(CodeMsg.DATA_ERROR);
    		}
    		//统一实体验证
    		CodeMsg validate = ValidateEntityUtil.validate(user);
    		
    		if(validate.getCode() != CodeMsg.SUCCESS.getCode()) {
        
    			return Result.error(validate);
    		}
    		//验证码校验
    		if(StringUtils.isEmpty(cpacha)) {
        
    			return Result.error(CodeMsg.CPACHA_EMPTY);
    		}
    		//说明验证码不为空，从sessino里获取验证码
    		Object attribute = request.getSession().getAttribute("admin_login");
    		if(attribute == null) {
        
    			return Result.error(CodeMsg.SESSION_EXPIRED);
    		}
    		//表示session未失效，进一步判断验证码是否正确
    		if(!cpacha.equalsIgnoreCase(attribute.toString())) {
        
    			return Result.error(CodeMsg.CPACHA_ERROR);
    		}
    		//开始查询数据库
    		User findByUsername = userService.findByUsername(user.getUsername());
    		if(findByUsername == null) {
        
    			return Result.error(CodeMsg.ADMIN_USERNAME_NO_EXIST);
    		}
    		if(!findByUsername.getPassword().equals(user.getPassword())) {
        
    			return Result.error(CodeMsg.ADMIN_PASSWORD_ERROR);
    		}
    		//判断用户状态是否可用
    		if(findByUsername.getStatus() == User.ADMIN_USER_STATUS_UNABLE) {
        
    			return Result.error(CodeMsg.ADMIN_USER_UNABLE);
    		}
    		//判断用户所属角色是否可用
    		if(findByUsername.getRole() == null || findByUsername.getRole().getStatus() == Role.ADMIN_ROLE_STATUS_UNABLE){
        
    			return Result.error(CodeMsg.ADMIN_USER_ROLE_UNABLE);
    		}
    		//判断用户所属角色是否有权限
    		if(findByUsername.getRole().getAuthorities() == null || findByUsername.getRole().getAuthorities().size() == 0) {
        
    			return Result.error(CodeMsg.ADMIN_USER_ROLE_AUTHORITIES_EMPTY);
    		}
    		//密码正确，将登录信息放入session
    		request.getSession().setAttribute(SessionConstant.SESSION_USER_LOGIN_KEY, findByUsername);
    		//销毁session中的验证码
    		request.getSession().setAttribute("admin_login", null);
    		log.info("user="+user);
    		operaterLogService.add("用户【"+ findByUsername.getUsername() + "】于【"+ StringUtil.getFormatterDate(new Date(), "yyyy-MM-dd HH:mm:ss") +"】登录系统！");
    		return Result.success(true);
    	}

### 2.后台首页 ###

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 9]

### 3.菜单模块 ###

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 10]

### 4.角色模块 ###

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 11]

### 5.用户模块 ###

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 12]

### 6.日志模块 ###

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 13]

### 7.数据备份 ###

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 14]  
附上完整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>
      <packaging>war</packaging>
      <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.3.11.RELEASE</version>
        <relativePath/> 
      </parent>
     
      <groupId>com.cuinn</groupId>
      <artifactId>base</artifactId>
      <version>0.0.1-SNAPSHOT</version>
    
      <name>base</name>
      
      <url>http://www.example.com</url>
    
      <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <maven.compiler.source>1.8</maven.compiler.source>
        <maven.compiler.target>1.8</maven.compiler.target>
        <java.version>1.8</java.version>
      </properties>
    
      <dependencies>
        <dependency>
          <groupId>org.springframework.boot</groupId>
          <artifactId>spring-boot-starter-freemarker</artifactId>
        </dependency>
        <dependency>
          <groupId>org.springframework.boot</groupId>
          <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
    	<dependency>
    	    <groupId>org.springframework.boot</groupId>
    	    <artifactId>spring-boot-starter-data-jpa</artifactId>
    	</dependency>
        <dependency>
          <groupId>mysql</groupId>
          <artifactId>mysql-connector-java</artifactId>
          <scope>runtime</scope>
        </dependency>
        <dependency>
          <groupId>org.springframework.boot</groupId>
          <artifactId>spring-boot-starter-test</artifactId>
          <scope>test</scope>
          <exclusions>
            <exclusion>
              <groupId>org.junit.vintage</groupId>
              <artifactId>junit-vintage-engine</artifactId>
            </exclusion>
          </exclusions>
        </dependency>
        <dependency>
      	  <groupId>junit</groupId>
      	  <artifactId>junit</artifactId>
      	  <version>4.0</version>
      	  <scope>test</scope>
      	</dependency>
      	<dependency>
    	  <groupId>org.springframework.boot</groupId>
    	  <artifactId>spring-boot-devtools</artifactId>
    	  <optional>true</optional>
    	</dependency>
    	<dependency>
          <groupId>org.apache.commons</groupId>
          <artifactId>commons-lang3</artifactId>
        </dependency>
        <dependency>
    	  <groupId>commons-codec</groupId>
    	  <artifactId>commons-codec</artifactId>
     	</dependency>
     	<dependency>
          <groupId>com.alibaba</groupId>
          <artifactId>fastjson</artifactId>
          <version>1.2.31</version>
        </dependency>	
      </dependencies>
      
    
      <build>
        <plugins>
          <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
          </plugin>
        </plugins>
      </build>
    
    </project>

--------------------

## 总结 ##

好久没更新了，今天闲来写一篇文章，限于篇幅，代码不过多粘贴，需要源代码请联系我QQ:1172820051，原创不易，请大佬们多多支持，谢谢！

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/b662c06738984e36a288a3055ab0de0e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/8ad7da0c81da47aabe27af89652462ee.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16
[2.]: https://img-blog.csdnimg.cn/d8a1c346ac404921a34b02c8825a5110.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 2]: https://img-blog.csdnimg.cn/f4ed330b113c4051a1fec03579744778.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 3]: https://img-blog.csdnimg.cn/d94b17ce24aa4940af77a261ebda806b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 4]: https://img-blog.csdnimg.cn/287f9ba6b02243a0923f400b9e3ff51a.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 5]: https://img-blog.csdnimg.cn/0889d3263e6240af92fd3e8f47d342f2.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 6]: https://img-blog.csdnimg.cn/22375b1c9d1d489b83efc80714cd4928.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 7]: https://img-blog.csdnimg.cn/1225596384ca43749353bc3e9a974dd3.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 8]: https://img-blog.csdnimg.cn/9010edb0963644e2b28d27c107f0262c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 9]: https://img-blog.csdnimg.cn/dabf83f8023e4d6c9f6eac225a29f2cb.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 10]: https://img-blog.csdnimg.cn/2aa3240c143149529eea4ae1cfd0d594.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 11]: https://img-blog.csdnimg.cn/96f7d8a265284d26b37db3b1ae2f703d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 12]: https://img-blog.csdnimg.cn/272501e939714a889bfcfe712f8bf8db.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 13]: https://img-blog.csdnimg.cn/7a88e4a4609a42269bf4615c7ce7403b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ_size_20_color_FFFFFF_t_70_g_se_x_16 14]: https://img-blog.csdnimg.cn/f1f0054971a34b44b3e24dce0b21addb.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rWF56yR5Lq655SfLW9uZQ==,size_20,color_FFFFFF,t_70,g_se,x_16