三更草堂博客系统（完整笔记+前后台系统代码实现）

￡神魔★判官ぃ 2023-10-14 09:31 20阅读 0赞

#### 三更博客前后端分离系统 ####

*  前后端分离博客系统
 *   *  1.技术栈
     *  2.创建工程
     *  3.博客前台
     *   *  3.0 准备工作
         *   *  3.1 SpringBoot和MybatisPuls整合配置测试
         *  3.1 热门文章列表
         *   *  3.1.0 文章表分析
             *  3.1.1 需求
             *  3.1.2 接口设计
             *  3.1.3 基础版本代码实现
             *  3.1.4 使用VO优化
             *  3.1.5 字面值处理
         *  3.2 Bean拷贝工具类封装
         *  3.2 查询分类列表
         *   *  3.2.1 需求
             *  3.2.2 接口设计
             *  3.2.3 EasyCode代码模板
             *  3.2.4 代码实现
         *  3.3 分页查询文章列表
         *   *  3.3.1 需求
             *  3.3.2 接口设计
             *  3.3.3 代码实现
             *  3.3.4 FastJson配置
         *  3.4 文章详情接口
         *   *  3.4.1 需求
             *  3.4.2 接口设计
             *  3.4.3 代码实现
         *  3.5 友联查询
         *   *  3.5.1 需求
             *  3.5.2 接口设计
             *  3.5.3 代码实现
         *  3.6 登录功能实现
         *   *  3.6.0 需求
             *  3.6.1 接口设计
             *  3.6.2 思路分析
             *  3.6.4 准备工作
             *  3.6.5 登录接口代码实现
             *   *  BlogLoginController
                 *  BlogLoginService
                 *  SecurityConfig
                 *  BlogLoginServiceImpl
                 *  UserDetailServiceImpl
                 *  LoginUser
                 *  BlogUserLoginVo
                 *  UserInfoVo
             *  3.6.6 登录校验过滤器代码实现
             *   *  思路
                 *  JwtAuthenticationTokenFilter
                 *  SecurityConfig
         *  3.7 认证授权失败处理
         *  3.8 统一异常处理
         *  3.9 退出登录接口
         *   *  3.9.1 接口设计
             *  3.9.2 代码实现
         *  3.10 查询评论列表接口
         *   *  3.10.1 需求
             *  3.10.2 接口设计
             *  3.10.4 代码实现
             *   *  3.10.4.1 不考虑子评论
                 *  3.10.4.2 查询子评论
         *  3.11 发表评论接口
         *   *  3.11.1 需求
             *  3.11.2 接口设计
             *   *  请求体：
                 *  响应格式：
             *  3.11.3 代码实现
         *  3.12 友联评论列表
         *   *  3.12.1 需求
             *  3.12.2 接口设计
             *  3.12.3 代码实现
         *  3.13 个人信息查询接口
         *   *  3.13.1 需求
             *  3.13.2 接口设计
             *  3.13.3 代码实现
         *  3.14 头像上传接口
         *   *  3.14.1 需求
             *  3.14.2 OSS
             *   *  3.14.2.1 为什么要使用OSS
                 *  3.14.2.2 七牛云基本使用测试
                 *  3.14.2.3 七牛云测试代码编写
             *  3.14.2 接口设计
             *  3.14.3 代码实现
         *  3.15 更新个人信息接口
         *   *  3.15.1 需求
             *  3.15.2 接口设计
             *  3.15.3 代码实现
         *  3.16 用户注册
         *   *  3.16.1 需求
             *  3.16.2 接口设计
             *  3.16.3 代码实现
         *  3.17 AOP实现日志记录
         *   *  3.17.1 需求
             *  3.17.2 思路分析
             *  3.17.3 代码实现
         *  3.18 更新浏览次数
         *   *  3.18.1 需求
             *  3.18.2 思路分析
             *  3.18.3 铺垫知识
             *   *  3.18.3.1 CommandLineRunner实现项目启动时预处理
                 *  3.18.3.2 定时任务
                 *   *  3.18.3.2.1 cron 表达式语法
             *  3.18.4 接口设计
             *  3.18.5 代码实现
             *   *  ①在应用启动时把博客的浏览量存储到redis中
                 *  ②更新浏览量时去更新redsi中的数据
                 *  ③定时任务每隔10分钟把Redis中的浏览量更新到数据库中
                 *  ④读取文章浏览量时从redis读取
     *  4. Swagger2
     *   *  4.1 简介
         *  4.2 为什么使用Swagger
         *  4.3 快速入门
         *   *  4.3.1 引入依赖
             *  4.3.2 启用Swagger2
         *  4.4 具体配置
         *   *  4.4.1 Controller配置
             *   *  4.4.1 @Api 注解
             *  4.4.2 接口配置
             *   *  4.4.2.1 接口描述配置@ApiOperation
                 *  4.4.2.2 接口参数描述
             *  4.4.3 实体类配置
             *   *  4.4.3.1 实体的描述配置@ApiModel
                 *  4.4.3.2 实体的属性的描述配置@ApiModelProperty
             *  4.4.4 文档信息配置
     *  5. 博客后台
     *   *  5.0 准备工作
         *  5.1 后台登录
         *   *  5.1.0 需求
             *  5.1.1 接口设计
             *  5.1.2 思路分析
             *  5.1.3 准备工作
             *  5.1.4 登录接口代码实现
             *   *  LoginController
                 *  LoginService
                 *  SecurityConfig
                 *  LoginServiceImpl
         *  5.2 后台权限控制及动态路由
         *   *  功能设计
             *  表分析
             *  接口设计
             *   *  getInfo接口
                 *  getRouters接口
             *  代码实现
             *   *  准备工作
                 *  getInfo接口
                 *  getRouters接口
         *  5.3 退出登录接口
         *   *  5.3.1 接口设计
             *  5.3.2 代码实现
         *  5.4 查询标签列表
         *   *  5.4.0 需求
             *  5.4.1 标签表分析
             *  5.4.2 接口设计
             *  5.4.3 代码实现
         *  5.5 新增标签
         *   *  5.5.0 需求
             *  5.5.1 接口设计
             *  5.5.2 实现
         *  5.6 删除标签
         *   *  5.6.1 接口设计
             *  5.6.2 实现
         *  5.7 修改标签
         *   *  5.7.1 接口设计
             *   *  5.7.1.1 获取标签信息
                 *  5.7.1.2 修改标签接口
         *  5.8 写博文
         *   *  5.8.1 需求
             *  5.8.2 表分析
             *  5.8.2 接口设计
             *   *  5.8.2.1 查询所有分类接口
                 *  5.8.2.2 查询所有标签接口
                 *  5.8.2.3 上传图片
                 *  5.8.2.4 新增博文
             *  5.8.3 Dto+自动填充
         *  5.9 导出所有分类到Excel
         *   *  5.9.1 需求
             *  5.9.2 技术方案
             *  5.9.3 接口设计
             *  5.9.4 代码实现
         *  5.10 权限控制
         *   *  5.10.1 需求
             *  5.10.2 代码实现
         *  5.11 文章列表
         *   *  5.10.1 需求
             *  5.10.2 接口设计
         *  5.12 修改文章
         *   *  5.12.1 需求
             *  5.12.2 分析
             *  5.12.3 接口设计
             *   *  5.12.3.1 查询文章详情接口
                 *  5.12.3.2 更新文章接口
         *  5.13 删除文章
         *   *  5.13.1 需求
             *  5.13.2 接口设计
         *  5.14 菜单列表
         *   *  5.14.1 需求
             *  5.14.2 接口设计
         *  5.15 新增菜单
         *   *  5.15.1 需求
             *  5.15.2 接口设计
         *  5.16 修改菜单
         *   *  5.16.1 需求
             *  5.16.2 接口设计
             *   *  5.16.2.1 根据id查询菜单数据
                 *  5.16.2.2 更新菜单
         *  5.17 删除菜单
         *   *  5.17.1 需求
             *  5.17.2 接口设计
         *  5.18 角色列表
         *   *  5.18.1 需求
             *  5.18.2 接口设计
         *  5.19 改变角色状态
         *   *  5.19.1 需求
             *  5.19.2 接口设计
         *  5.20 新增角色！！
         *   *  5.20.1 需求
             *  5.20.2 接口设计
             *   *  5.20.2.1 获取菜单树接口
                 *  5.20.2.2 新增角色接口
         *  5.21 修改角色
         *   *  5.21.1 需求
             *  5.21.2 接口设计
             *   *  5.21.2.1 角色信息回显接口
                 *  5.21.2.2 加载对应角色菜单列表树接口
                 *  5.21.2.3 更新角色信息接口
         *  5.22 删除角色
         *   *  5.22.1 需求
             *  5.22.2 接口设计
         *  5.23 用户列表
         *   *  5.23.1 需求
             *  5.23.2 接口设计
         *  5.24 新增用户！！！
         *   *  5.24.1 需求
             *  5.24.2 接口设计
             *   *  5.24.2.1 查询角色列表接口
                 *  5.24.2.2 新增用户
         *  5.25 删除用户
         *   *  5.25.1 需求
             *  5.25.2 接口设计
         *  5.26 修改用户
         *   *  5.26.1 需求
             *  5.26.2 接口设计
             *   *  5.26.2.1 根据id查询用户信息回显接口
                 *  5.26.2.2 更新用户信息接口
         *  5.27 分页查询分类列表
         *   *  5.27.1 需求
             *  5.27.2 接口设计
         *  5.28 新增分类
         *   *  5.28.1 需求
             *  5.28.2 接口设计
         *  5.29 修改分类
         *   *  5.29.1 需求
             *  5.29.2 接口设计
             *   *  5.29.2.1 根据id查询分类
                 *  5.29.2.2 更新分类
         *  5.30 删除分类
         *   *  5.30.1 需求
             *  5.30.2 接口设计
         *  5.31 分页查询友链列表
         *   *  5.31.1 需求
             *  5.31.2 接口设计
         *  5.32 新增友链
         *   *  5.32.1 需求
             *  5.32.2 接口设计
         *  5.33 修改友链
         *   *  5.33.1 需求
             *  5.33.2 接口设计
             *   *  5.33.2.1 根据id查询友联
                 *  5.33.2.2 修改友链
         *  5.34 删除友链
         *   *  5.34.1 需求
             *  5.34.2 接口设计
     *  6.重点知识
     *   *  6.1 工具类 BeanCopyUtils
         *  6.2 mybatisplus 解决 主键id雪花算法生成方式，改成主键id自增方式
         *  6.3 事务 @Transactional
         *  6.4 mybatisplus 分页查询
         *  6.5 mybatisplus 自动 插入时间
         *  6.6 ResponseResult (响应类) 和 AppHttpCodeEnum (响应枚举类)
         *  6.7 SystemConstants (常量类)
         *  6.8 Exception
         *  6.9 AOP实现日志记录
         *  6.10 判空 Objects.nonNull()
         *  6.11 mybatisplus 实现增删改查
         *  6.12 dto

## 前后端分离博客系统 ##

### 1.技术栈 ###

SpringBoot,MybatisPlus,SpringSecurity,EasyExcel,Swagger2,Redis,Echarts,Vue

### 2.创建工程 ###

前台和后台两套系统，两套系统共用的代码写到一个公共模块中，让前台系统和后台系统分别依赖公共模块。  
SGBlog项目

*  sangeng-framework （公共模块）
 *  sangeng-blog （前台系统）
 *  sangeng-admin （后台系统）

① 创建父模块  
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/maven-v4_0_0.xsd">
      <modelVersion>4.0.0</modelVersion>
    
      <groupId>com.sangeng</groupId>
      <artifactId>SGBlog</artifactId>
      <packaging>pom</packaging>
      <version>1.0-SNAPSHOT</version>
    
    
      <modules>
        <module>sangeng-framework</module>
        <module>sangeng-admin</module>
        <module>sangeng-blog</module>
      </modules>
    
      
      <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <java.version>1.8</java.version>
      </properties>
    
    
      <dependencyManagement>
        <dependencies>
          
          <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-dependencies</artifactId>
            <version>2.5.0</version>
            <type>pom</type>
            <scope>import</scope>
          </dependency>
          
          <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.33</version>
          </dependency>
          
          <dependency>
            <groupId>io.jsonwebtoken</groupId>
            <artifactId>jjwt</artifactId>
            <version>0.9.0</version>
          </dependency>
          
          <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.4.3</version>
          </dependency>
    
          
          <dependency>
            <groupId>com.aliyun.oss</groupId>
            <artifactId>aliyun-sdk-oss</artifactId>
            <version>3.10.2</version>
          </dependency>
    
    
          <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>easyexcel</artifactId>
            <version>3.0.5</version>
          </dependency>
    
          <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger2</artifactId>
            <version>2.9.2</version>
          </dependency>
          <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger-ui</artifactId>
            <version>2.9.2</version>
          </dependency>
        </dependencies>
      </dependencyManagement>
    
    
      <build>
        
        <plugins>
          <plugin>
            <groupId>org.apache.maven.plugins</groupId>
            <artifactId>maven-compiler-plugin</artifactId>
            <version>3.1</version>
            <configuration>
    
              <source>${java.version}</source>
              <target>${java.version}</target>
              <encoding>${project.build.sourceEncoding}</encoding>
            </configuration>
          </plugin>
        </plugins>
    
      </build>
    
    </project>

②创建公共子模块 sangeng-framework  
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/maven-v4_0_0.xsd">
        <parent>
            <artifactId>SGBlog</artifactId>
            <groupId>com.sangeng</groupId>
            <version>1.0-SNAPSHOT</version>
        </parent>
        <modelVersion>4.0.0</modelVersion>
    
        <artifactId>sangeng-framework</artifactId>
    
    
        <dependencies>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-web</artifactId>
            </dependency>
            
            <dependency>
                <groupId>org.projectlombok</groupId>
                <artifactId>lombok</artifactId>
                <optional>true</optional>
            </dependency>
            
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-test</artifactId>
    
            </dependency>
            
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-security</artifactId>
            </dependency>
            
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-data-redis</artifactId>
            </dependency>
            
            <dependency>
                <groupId>com.alibaba</groupId>
                <artifactId>fastjson</artifactId>
            </dependency>
            
            <dependency>
                <groupId>io.jsonwebtoken</groupId>
                <artifactId>jjwt</artifactId>
            </dependency>
            
            <dependency>
                <groupId>com.baomidou</groupId>
                <artifactId>mybatis-plus-boot-starter</artifactId>
            </dependency>
    
            <dependency>
                <groupId>com.github.jeffreyning</groupId>
                <artifactId>mybatisplus-plus</artifactId>
                <version>1.5.1-RELEASE</version>
            </dependency>
    
            
            <dependency>
                <groupId>mysql</groupId>
                <artifactId>mysql-connector-java</artifactId>
            </dependency>
    
            
            <dependency>
                <groupId>com.aliyun.oss</groupId>
                <artifactId>aliyun-sdk-oss</artifactId>
            </dependency>
    
            
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-aop</artifactId>
            </dependency>
    
    
            <dependency>
                <groupId>com.alibaba</groupId>
                <artifactId>easyexcel</artifactId>
            </dependency>
    
    
            <dependency>
                <groupId>io.springfox</groupId>
                <artifactId>springfox-swagger2</artifactId>
            </dependency>
            <dependency>
                <groupId>io.springfox</groupId>
                <artifactId>springfox-swagger-ui</artifactId>
            </dependency>
    
        
            <dependency>
                <groupId>com.qiniu</groupId>
                <artifactId>qiniu-java-sdk</artifactId>
                <version>[7.7.0, 7.10.99]</version>
            </dependency>
    
    
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-configuration-processor</artifactId>
                <optional>true</optional>
            </dependency>
    
    
            <dependency>
                <groupId>io.springfox</groupId>
                <artifactId>springfox-swagger2</artifactId>
            </dependency>
            <dependency>
                <groupId>io.springfox</groupId>
                <artifactId>springfox-swagger-ui</artifactId>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-data-jpa</artifactId>
            </dependency>
    
        </dependencies>
    
        <build>
            <finalName>sangeng-framework</finalName>
        </build>
    </project>

③创建博客前台模块sangeng-blog  
pom.xml

④创建博客后台模块sangeng-admin

### 3.博客前台 ###

#### 3.0 准备工作 ####

##### 3.1 SpringBoot和MybatisPuls整合配置测试 #####

①创建启动类  
![在这里插入图片描述][34614aea9d1d493ab8e72ceeb3543be4.png]  
②创建application.yml配置文件  
![在这里插入图片描述][13034d7c8b04486ab53a0fedbc9a38e2.png]

server:
      port: 7777
    spring:
      datasource:
        url: jdbc:mysql://localhost:3306/sg_blog?characterEncoding=utf-8&serverTimezone=Asia/Shanghai
        username: root
        password: root
        driver-class-name: com.mysql.cj.jdbc.Driver
        # 文件上传 设置文件大小， 即最大的尺寸
      servlet:
        multipart:
          max-file-size: 2MB
          max-request-size: 5MB
    
    mybatis-plus:
      configuration:
        # mybatis-plus 日志信息
        log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
      global-config:
        db-config:
          logic-delete-field: delFlag  #逻辑删除字段  （数据库中逻辑删除字段用delFlag）
          logic-delete-value: 1       # 删除值 1
          logic-not-delete-value: 0   # 未删除值 0
          id-type: auto             #主键自增（不设置用 mybatis-plus默认生成的id）
    #  当用maven导入了mybatisplus的包时，必须要在yml配置中配置数据库的参数，否则运行boot启动类会报错
    
    #自定义格式， key: value    :后面必须要有空格
    oss:
      accessKey: *******************************
      secretKey: *******************************
      bucket: pk-sg-blog

③ 数据库  
![在这里插入图片描述][ba4cc04c587945809d44889475c45652.png]  
两个关联表user\_role和role\_menu 都是2个联合主键，没有设置主键自增。  
![在这里插入图片描述][5b8c2b5d30d146b3a52bf4929d8e8128.png]  
其余各表 都是 一个主键id,自增。  
如文章表：  
![在这里插入图片描述][792c7024ceca4a8fb72b02f9df864d70.png]  
④ 创建Entity，Mapper，Service 放到公共模块framework下，  
controller放到blog,admin中。

*  使用EasyCode快速生成  
    ![在这里插入图片描述][d5e4a9b5be07420c8507474f9eca70eb.png]![在这里插入图片描述][542273597e45402cab968b5c0b91a6bf.png]![在这里插入图片描述][976e45b7beda41469cad1861873d0123.png]  
    mybatisplus的entity,mapper,service结构如下：  
    entity:

@SuppressWarnings("serial")
    @Data
    @AllArgsConstructor
    @NoArgsConstructor
    @TableName("sg_article")
    public class Article  {
        
        @TableId
        private Long id;
        //标题
        private String title;
        //删除标志（0代表未删除，1代表已删除）
        private Integer delFlag;
    }

mapper:

public interface ArticleMapper extends BaseMapper<Article> {
        
    }

service:

public interface ArticleService extends IService<Article> {
        
    }

impl

@Service
    public class ArticleServiceImpl extends ServiceImpl<ArticleMapper, Article> implements ArticleService {
        
    }

⑤ 创建Controller 写到blog,admin下  
![在这里插入图片描述][25ff2017c2bf4947b102a8b1f6ad018a.png]

@RestController
    @RequestMapping("/article")
    public class ArticleController {
        
    
        @Autowired
        private ArticleService articleService;
    
       @GetMapping("/hotArticleList")
        public ResponseResult hotArticleList(){
        
           return  articleService.hotArticleList();
        }
    }

#### 3.1 热门文章列表 ####

##### 3.1.0 文章表分析 #####

通过需求去分析需要有哪些字段。

##### 3.1.1 需求 #####

需要查询浏览量最高的前10篇文章的信息。要求展示文章标题和浏览量。把能让用户自己点击跳转到具体的文章详情进行浏览。

注意：不能把草稿展示出来，不能把删除了的文章查询出来。要按照浏览量进行降序排序。

##### 3.1.2 接口设计 #####

见接口文档

##### 3.1.3 基础版本代码实现 #####

①准备工作

统一响应类和响应枚举

package com.sangeng.domain;
    
    import com.fasterxml.jackson.annotation.JsonInclude;
    import com.sangeng.enums.AppHttpCodeEnum;
    
    import java.io.Serializable;
    
    @JsonInclude(JsonInclude.Include.NON_NULL)
    public class ResponseResult<T> implements Serializable {
        
        private Integer code;
        private String msg;
        private T data;
    
        public ResponseResult() {
        
            this.code = AppHttpCodeEnum.SUCCESS.getCode();
            this.msg = AppHttpCodeEnum.SUCCESS.getMsg();
        }
    
        public ResponseResult(Integer code, T data) {
        
            this.code = code;
            this.data = data;
        }
    
        public ResponseResult(Integer code, String msg, T data) {
        
            this.code = code;
            this.msg = msg;
            this.data = data;
        }
    
        public ResponseResult(Integer code, String msg) {
        
            this.code = code;
            this.msg = msg;
        }
    
        public static ResponseResult errorResult(int code, String msg) {
        
            ResponseResult result = new ResponseResult();
            return result.error(code, msg);
        }
        public static ResponseResult okResult() {
        
            ResponseResult result = new ResponseResult();
            return result;
        }
        public static ResponseResult okResult(int code, String msg) {
        
            ResponseResult result = new ResponseResult();
            return result.ok(code, null, msg);
        }
    
        public static ResponseResult okResult(Object data) {
        
            ResponseResult result = setAppHttpCodeEnum(AppHttpCodeEnum.SUCCESS, AppHttpCodeEnum.SUCCESS.getMsg());
            if(data!=null) {
        
                result.setData(data);
            }
            return result;
        }
    
        public static ResponseResult errorResult(AppHttpCodeEnum enums){
        
            return setAppHttpCodeEnum(enums,enums.getMsg());
        }
    
        public static ResponseResult errorResult(AppHttpCodeEnum enums, String msg){
        
            return setAppHttpCodeEnum(enums,msg);
        }
    
        public static ResponseResult setAppHttpCodeEnum(AppHttpCodeEnum enums){
        
            return okResult(enums.getCode(),enums.getMsg());
        }
    
        private static ResponseResult setAppHttpCodeEnum(AppHttpCodeEnum enums, String msg){
        
            return okResult(enums.getCode(),msg);
        }
    
        public ResponseResult<?> error(Integer code, String msg) {
        
            this.code = code;
            this.msg = msg;
            return this;
        }
    
        public ResponseResult<?> ok(Integer code, T data) {
        
            this.code = code;
            this.data = data;
            return this;
        }
    
        public ResponseResult<?> ok(Integer code, T data, String msg) {
        
            this.code = code;
            this.data = data;
            this.msg = msg;
            return this;
        }
    
        public ResponseResult<?> ok(T data) {
        
            this.data = data;
            return this;
        }
    
        public Integer getCode() {
        
            return code;
        }
    
        public void setCode(Integer code) {
        
            this.code = code;
        }
    
        public String getMsg() {
        
            return msg;
        }
    
        public void setMsg(String msg) {
        
            this.msg = msg;
        }
    
        public T getData() {
        
            return data;
        }
    
        public void setData(T data) {
        
            this.data = data;
        }
    
    
    
    }

package com.sangeng.enums;
    
    public enum AppHttpCodeEnum {
        
        // 成功
        SUCCESS(200,"操作成功"),
        // 登录
        NEED_LOGIN(401,"需要登录后操作"),
        NO_OPERATOR_AUTH(403,"无权限操作"),
        SYSTEM_ERROR(500,"出现错误"),
        USERNAME_EXIST(501,"用户名已存在"),
         PHONENUMBER_EXIST(502,"手机号已存在"), EMAIL_EXIST(503, "邮箱已存在"),
        REQUIRE_USERNAME(504, "必需填写用户名"),
        LOGIN_ERROR(505,"用户名或密码错误");
        int code;
        String msg;
    
        AppHttpCodeEnum(int code, String errorMessage){
        
            this.code = code;
            this.msg = errorMessage;
        }
    
        public int getCode() {
        
            return code;
        }
    
        public String getMsg() {
        
            return msg;
        }
    }

② 代码实现

@RestController
    @RequestMapping("/article")
    public class ArticleController {
        
    
        @Autowired
        private ArticleService articleService;
        
        @GetMapping("/hotArticleList")
        public ResponseResult hotArticleList(){
        
    
            ResponseResult result =  articleService.hotArticleList();
            return result;
        }
    }

public interface ArticleService extends IService<Article> {
        
        ResponseResult hotArticleList();
    }

③ 解决跨域问题

@Configuration
    public class WebConfig implements WebMvcConfigurer {
        
    
        @Override
        public void addCorsMappings(CorsRegistry registry) {
        
          // 设置允许跨域的路径
            registry.addMapping("/**")
                    // 设置允许跨域请求的域名
                    .allowedOriginPatterns("*")
                    // 是否允许cookie
                    .allowCredentials(true)
                    // 设置允许的请求方式
                    .allowedMethods("GET", "POST", "DELETE", "PUT")
                    // 设置允许的header属性
                    .allowedHeaders("*")
                    // 跨域允许时间
                    .maxAge(3600);
        }
    
    }

##### 3.1.4 使用VO优化 #####

目前我们的响应格式其实是不符合接口文档的标准的，多返回了很多字段。这是因为我们查询出来的结果是Article来封装的，Article中字段比较多。

我们在项目中一般最后还要把VO来接受查询出来的结果。一个接口对应一个VO，这样即使接口响应字段要修改也只要改VO即可。

@Data
    @NoArgsConstructor
    @AllArgsConstructor
    public class HotArticleVo {
        
        private Long id;
        //标题
        private String title;
    
        //访问量
        private Long viewCount;
    }

@Service
    public class ArticleServiceImpl extends ServiceImpl<ArticleMapper, Article> implements ArticleService {
        
    
        @Override
        public ResponseResult hotArticleList() {
        
            //查询热门文章 封装成ResponseResult返回
            LambdaQueryWrapper<Article> queryWrapper = new LambdaQueryWrapper<>();
            //必须是正式文章
            queryWrapper.eq(Article::getStatus,0);
            //按照浏览量进行排序
            queryWrapper.orderByDesc(Article::getViewCount);
            //最多只查询10条
            Page<Article> page = new Page(1,10);
            page(page,queryWrapper);
    
            List<Article> articles = page.getRecords();
            //bean拷贝
            List<HotArticleVo> articleVos = new ArrayList<>();
            for (Article article : articles) {
        
                HotArticleVo vo = new HotArticleVo();
                BeanUtils.copyProperties(article,vo);
                articleVos.add(vo);
            }
    
            return ResponseResult.okResult(articleVos);
        }
    }

##### 3.1.5 字面值处理 #####

实际项目中都不允许直接在代码中使用字面值。都需要定义成常量来使用。这种方式有利于提高代码的可维护性。

public class SystemConstants
    {
        
        /**
         *  文章是草稿
         */
        public static final int ARTICLE_STATUS_DRAFT = 1;
        /**
         *  文章是正常分布状态
         */
        public static final int ARTICLE_STATUS_NORMAL = 0;
        
    }

@Service
    public class ArticleServiceImpl extends ServiceImpl<ArticleMapper, Article> implements ArticleService {
        
    
        @Override
        public ResponseResult hotArticleList() {
        
            //查询热门文章 封装成ResponseResult返回
            LambdaQueryWrapper<Article> queryWrapper = new LambdaQueryWrapper<>();
            //必须是正式文章
            queryWrapper.eq(Article::getStatus, SystemConstants.ARTICLE_STATUS_NORMAL);
            //按照浏览量进行排序
            queryWrapper.orderByDesc(Article::getViewCount);
            //最多只查询10条
            Page<Article> page = new Page(1,10);
            page(page,queryWrapper);
    
            List<Article> articles = page.getRecords();
            //bean拷贝
            List<HotArticleVo> articleVos = new ArrayList<>();
            for (Article article : articles) {
        
                HotArticleVo vo = new HotArticleVo();
                BeanUtils.copyProperties(article,vo);
                articleVos.add(vo);
            }
    
            return ResponseResult.okResult(articleVos);
        }
    }

#### 3.2 Bean拷贝工具类封装 ####

public class BeanCopyUtils {
        
    
        private BeanCopyUtils() {
        
        }
    
        public static <V> V copyBean(Object source,Class<V> clazz) {
        
            //创建目标对象
            V result = null;
            try {
        
                result = clazz.newInstance();
                //实现属性copy
                BeanUtils.copyProperties(source, result);
            } catch (Exception e) {
        
                e.printStackTrace();
            }
            //返回结果
            return result;
        }
        public static <O,V> List<V> copyBeanList(List<O> list,Class<V> clazz){
        
            return list.stream()
                    .map(o -> copyBean(o, clazz))
                    .collect(Collectors.toList());
        }
    }

#### 3.2 查询分类列表 ####

##### 3.2.1 需求 #####

页面上需要展示分类列表，用户可以点击具体的分类查看该分类下的文章列表。

注意： ①要求只展示有发布正式文章的分类 ②必须是正常状态的分类

##### 3.2.2 接口设计 #####

##### 3.2.3 EasyCode代码模板 #####

##导入宏定义
    $!{
        define.vm}
    
    ##保存文件（宏定义）
    #save("/entity", ".java")
    
    ##包路径（宏定义）
    #setPackageSuffix("entity")
    
    ##自动导入包（全局变量）
    $!{
        autoImport.vm}
    
    import java.io.Serializable;
    import lombok.AllArgsConstructor;
    import lombok.Data;
    import lombok.NoArgsConstructor;
    import com.baomidou.mybatisplus.annotation.TableId;
    import com.baomidou.mybatisplus.annotation.TableName;
    ##表注释（宏定义）
    #tableComment("表实体类")
    @SuppressWarnings("serial")
    @Data
    @AllArgsConstructor
    @NoArgsConstructor
    @TableName("$!{tableInfo.obj.name}")
    public class $!{
        tableInfo.name}  {
        
    #foreach($column in $tableInfo.pkColumn)
        #if(${
        column.comment})//${column.comment}#end
    @TableId
        private $!{
        tool.getClsNameByFullName($column.type)} $!{
        column.name};
    #end
    
    #foreach($column in $tableInfo.otherColumn)
        #if(${
        column.comment})//${column.comment}#end
    
        private $!{
        tool.getClsNameByFullName($column.type)} $!{
        column.name};
    #end
    
    
    
    }

##导入宏定义
    $!{
        define.vm}
    
    ##设置表后缀（宏定义）
    #setTableSuffix("Mapper")
    
    ##保存文件（宏定义）
    #save("/mapper", "Mapper.java")
    
    ##包路径（宏定义）
    #setPackageSuffix("mapper")
    
    import com.baomidou.mybatisplus.core.mapper.BaseMapper;
    
    
    ##表注释（宏定义）
    #tableComment("表数据库访问层")
    public interface $!{
        tableName} extends BaseMapper<$!tableInfo.name> {
        
    
    }

##导入宏定义
    $!{
        define.vm}
    
    ##设置表后缀（宏定义）
    #setTableSuffix("Service")
    
    ##保存文件（宏定义）
    #save("/service", "Service.java")
    
    ##包路径（宏定义）
    #setPackageSuffix("service")
    
    import com.baomidou.mybatisplus.extension.service.IService;
    
    
    ##表注释（宏定义）
    #tableComment("表服务接口")
    public interface $!{
        tableName} extends IService<$!tableInfo.name> {
        
    
    }

##导入宏定义
    $!{
        define.vm}
    
    ##设置表后缀（宏定义）
    #setTableSuffix("ServiceImpl")
    
    ##保存文件（宏定义）
    #save("/service/impl", "ServiceImpl.java")
    
    ##包路径（宏定义）
    #setPackageSuffix("service.impl")
    
    import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
    import org.springframework.stereotype.Service;
    
    ##表注释（宏定义）
    #tableComment("表服务实现类")
    @Service("$!tool.firstLowerCase($tableInfo.name)Service")
    public class $!{
        tableName} extends ServiceImpl<$!{
        tableInfo.name}Mapper, $!{
        tableInfo.name}> implements $!{
        tableInfo.name}Service {
        
    
    }

##### 3.2.4 代码实现 #####

@RestController
    @RequestMapping("/category")
    public class CategoryController {
        
    
        @Autowired
        private CategoryService categoryService;
    
        @GetMapping("/getCategoryList")
        public ResponseResult getCategoryList(){
        
           return categoryService.getCategoryList();
        }
    }

public interface CategoryService extends IService<Category> {
        
    
    
        ResponseResult getCategoryList();
    
    }

@Service("categoryService")
    public class CategoryServiceImpl extends ServiceImpl<CategoryMapper, Category> implements CategoryService {
        
    
        @Autowired
        private ArticleService articleService;
    
        @Override
        public ResponseResult getCategoryList() {
        
            //查询文章表  状态为已发布的文章
            LambdaQueryWrapper<Article> articleWrapper = new LambdaQueryWrapper<>();
            articleWrapper.eq(Article::getStatus,SystemConstants.ARTICLE_STATUS_NORMAL);
            List<Article> articleList = articleService.list(articleWrapper);
            //获取文章的分类id，并且去重
            Set<Long> categoryIds = articleList.stream()
                    .map(article -> article.getCategoryId())
                    .collect(Collectors.toSet());
    
            //查询分类表
            List<Category> categories = listByIds(categoryIds);
            categories = categories.stream().
                    filter(category -> SystemConstants.STATUS_NORMAL.equals(category.getStatus()))
                    .collect(Collectors.toList());
            //封装vo
            List<CategoryVo> categoryVos = BeanCopyUtils.copyBeanList(categories, CategoryVo.class);
    
            return ResponseResult.okResult(categoryVos);
        }
    }

#### 3.3 分页查询文章列表 ####

##### 3.3.1 需求 #####

在首页和分类页面都需要查询文章列表。

首页：查询所有的文章

分类页面：查询对应分类下的文章

要求：①只能查询正式发布的文章 ②置顶的文章要显示在最前面

##### 3.3.2 接口设计 #####

见文档

##### 3.3.3 代码实现 #####

在ArticleController中

@GetMapping("/articleList")
        public ResponseResult articleList(Integer pageNum,Integer pageSize,Long categoryId){
        
            return articleService.articleList(pageNum,pageSize,categoryId);
        }

在ArticleService中

ResponseResult articleList(Integer pageNum, Integer pageSize, Long categoryId);

在ArticleServiceImpl中

@Service
    public class ArticleServiceImpl extends ServiceImpl<ArticleMapper, Article> implements ArticleService {
        
    
        @Autowired
        private CategoryService categoryService;
    
        @Override
        public ResponseResult hotArticleList() {
        
            //查询热门文章 封装成ResponseResult返回
            LambdaQueryWrapper<Article> queryWrapper = new LambdaQueryWrapper<>();
            //必须是正式文章
            queryWrapper.eq(Article::getStatus, SystemConstants.ARTICLE_STATUS_NORMAL);
            //按照浏览量进行排序
            queryWrapper.orderByDesc(Article::getViewCount);
            //最多只查询10条
            Page<Article> page = new Page(1,10);
            page(page,queryWrapper);
    
            List<Article> articles = page.getRecords();
            //bean拷贝
    //        List<HotArticleVo> articleVos = new ArrayList<>();
    //        for (Article article : articles) {
        
    //            HotArticleVo vo = new HotArticleVo();
    //            BeanUtils.copyProperties(article,vo);
    //            articleVos.add(vo);
    //        }
            List<HotArticleVo> vs = BeanCopyUtils.copyBeanList(articles, HotArticleVo.class);
            return ResponseResult.okResult(vs);
        }
    
        @Override
        public ResponseResult articleList(Integer pageNum, Integer pageSize, Long categoryId) {
        
            //查询条件
            LambdaQueryWrapper<Article> lambdaQueryWrapper = new LambdaQueryWrapper<>();
            // 如果 有categoryId 就要 查询时要和传入的相同
            lambdaQueryWrapper.eq(Objects.nonNull(categoryId)&&categoryId>0 ,Article::getCategoryId,categoryId);
            // 状态是正式发布的
            lambdaQueryWrapper.eq(Article::getStatus,SystemConstants.ARTICLE_STATUS_NORMAL);
            // 对isTop进行降序
            lambdaQueryWrapper.orderByDesc(Article::getIsTop);
    
            //分页查询
            Page<Article> page = new Page<>(pageNum,pageSize);
            page(page,lambdaQueryWrapper);
    
            List<Article> articles = page.getRecords();
            //查询categoryName
            articles.stream()
                    .map(article -> article.setCategoryName(categoryService.getById(article.getCategoryId()).getName()))
                    .collect(Collectors.toList());
            //articleId去查询articleName进行设置
    //        for (Article article : articles) {
        
    //            Category category = categoryService.getById(article.getCategoryId());
    //            article.setCategoryName(category.getName());
    //        }
    
            //封装查询结果
            List<ArticleListVo> articleListVos = BeanCopyUtils.copyBeanList(page.getRecords(), ArticleListVo.class);
    
            PageVo pageVo = new PageVo(articleListVos,page.getTotal());
            return ResponseResult.okResult(pageVo);
        }
    }

PageVo

@Data
    @NoArgsConstructor
    @AllArgsConstructor
    public class PageVo {
        
        private List rows;
        private Long total;
    }

ArticleListVo

@Data
    @NoArgsConstructor
    @AllArgsConstructor
    public class ArticleListVo {
        
    
        private Long id;
        //标题
        private String title;
        //文章摘要
        private String summary;
        //所属分类名
        private String categoryName;
        //缩略图
        private String thumbnail;
    
    
        //访问量
        private Long viewCount;
    
        private Date createTime;
    
    
    }

在Article中增加一个字段

@TableField(exist = false)
        private String categoryName;

##### 3.3.4 FastJson配置 #####

@Bean//使用@Bean注入fastJsonHttpMessageConvert
        public HttpMessageConverter fastJsonHttpMessageConverters() {
        
            //1.需要定义一个Convert转换消息的对象
            FastJsonHttpMessageConverter fastConverter = new FastJsonHttpMessageConverter();
            FastJsonConfig fastJsonConfig = new FastJsonConfig();
            fastJsonConfig.setSerializerFeatures(SerializerFeature.PrettyFormat);
            fastJsonConfig.setDateFormat("yyyy-MM-dd HH:mm:ss");
    		
            SerializeConfig.globalInstance.put(Long.class, ToStringSerializer.instance);
    
            fastJsonConfig.setSerializeConfig(SerializeConfig.globalInstance);
            fastConverter.setFastJsonConfig(fastJsonConfig);
            HttpMessageConverter<?> converter = fastConverter;
            return converter;
        }
    
        @Override
        public void configureMessageConverters(List<HttpMessageConverter<?>> converters) {
        
            converters.add(fastJsonHttpMessageConverters());
        }

#### 3.4 文章详情接口 ####

##### 3.4.1 需求 #####

要求在文章列表点击阅读全文时能够跳转到文章详情页面，可以让用户阅读文章正文。

要求：①要在文章详情中展示其分类名

##### 3.4.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Get</td> 
   <td>/article/{id}</td> 
  </tr> 
 </tbody> 
</table>

响应格式：

{
        
      "code": 200,
      "data": {
        
        "categoryId": "1",
        "categoryName": "java",
        "content": "内容",
        "createTime": "2022-01-23 23:20:11",
        "id": "1",
        "isComment": "0",
        "title": "SpringSecurity从入门到精通",
        "viewCount": "114"
      },
      "msg": "操作成功"
    }

##### 3.4.3 代码实现 #####

ArticleController中新增

@GetMapping("/{id}")
        public ResponseResult getArticleDetail(@PathVariable("id") Long id){
        
            return articleService.getArticleDetail(id);
        }

Service

ResponseResult getArticleDetail(Long id);

ServiceImpl

@Override
        public ResponseResult getArticleDetail(Long id) {
        
            //根据id查询文章
            Article article = getById(id);
            //转换成VO
            ArticleDetailVo articleDetailVo = BeanCopyUtils.copyBean(article, ArticleDetailVo.class);
            //根据分类id查询分类名
            Long categoryId = articleDetailVo.getCategoryId();
            Category category = categoryService.getById(categoryId);
            if(category!=null){
        
                articleDetailVo.setCategoryName(category.getName());
            }
            //封装响应返回
            return ResponseResult.okResult(articleDetailVo);
        }

#### 3.5 友联查询 ####

##### 3.5.1 需求 #####

在友链页面要查询出所有的审核通过的友链。

##### 3.5.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Get</td> 
   <td>/link/getAllLink</td> 
  </tr> 
 </tbody> 
</table>

响应格式：

{
        
      "code": 200,
      "data": [
        {
        
          "address": "https://www.baidu.com",
          "description": "sda",
          "id": "1",
          "logo": "图片url1",
          "name": "sda"
        },
        {
        
          "address": "https://www.qq.com",
          "description": "dada",
          "id": "2",
          "logo": "图片url2",
          "name": "sda"
        }
      ],
      "msg": "操作成功"
    }

##### 3.5.3 代码实现 #####

Controller

@RestController
    @RequestMapping("/link")
    public class LinkController {
        
    
        @Autowired
        private LinkService linkService;
    
        @GetMapping("/getAllLink")
        public ResponseResult getAllLink(){
        
            return linkService.getAllLink();
        }
    }

Service

public interface LinkService extends IService<Link> {
        
    
        ResponseResult getAllLink();
    }

ServiceImpl

@Service("linkService")
    public class LinkServiceImpl extends ServiceImpl<LinkMapper, Link> implements LinkService {
        
    
        @Override
        public ResponseResult getAllLink() {
        
            //查询所有审核通过的
            LambdaQueryWrapper<Link> queryWrapper = new LambdaQueryWrapper<>();
            queryWrapper.eq(Link::getStatus, SystemConstants.LINK_STATUS_NORMAL);
            List<Link> links = list(queryWrapper);
            //转换成vo
            List<LinkVo> linkVos = BeanCopyUtils.copyBeanList(links, LinkVo.class);
            //封装返回
            return ResponseResult.okResult(linkVos);
        }
    }

SystemConstants

/**
         * 友链状态为审核通过
         */
        public static final String  LINK_STATUS_NORMAL = "0";

#### 3.6 登录功能实现 ####

使用我们前台和后台的认证授权统一都使用SpringSecurity安全框架来实现。

##### 3.6.0 需求 #####

需要实现登录功能

有些功能必须登录后才能使用，未登录状态是不能使用的。

##### 3.6.1 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>POST</td> 
   <td>/login</td> 
  </tr> 
 </tbody> 
</table>

请求体：

{
        
        "userName":"sg",
        "password":"1234"
    }

响应格式：

{
        
        "code": 200,
        "data": {
        
            "token": "eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiI0ODBmOThmYmJkNmI0NjM0OWUyZjY2NTM0NGNjZWY2NSIsInN1YiI6IjEiLCJpc3MiOiJzZyIsImlhdCI6MTY0Mzg3NDMxNiwiZXhwIjoxNjQzOTYwNzE2fQ.ldLBUvNIxQCGemkCoMgT_0YsjsWndTg5tqfJb77pabk",
            "userInfo": {
        
                "avatar": "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farticle%2F3bf9c263bc0f2ac5c3a7feb9e218d07475573ec8.gi",
                "email": "23412332@qq.com",
                "id": 1,
                "nickName": "sg333",
                "sex": "1"
            }
        },
        "msg": "操作成功"
    }

##### 3.6.2 思路分析 #####

①自定义登录接口

调用ProviderManager的方法进行认证 如果认证通过生成jwt

把用户信息存入redis中

②自定义UserDetailsService

在这个实现类中去查询数据库

注意配置passwordEncoder为BCryptPasswordEncoder

校验：

①定义Jwt认证过滤器

获取token

解析token获取其中的userid

从redis中获取用户信息

存入SecurityContextHolder

##### 3.6.4 准备工作 #####

①添加依赖

注意放开Security依赖的注释

<dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-data-redis</artifactId>
            </dependency>
            
            <dependency>
                <groupId>com.alibaba</groupId>
                <artifactId>fastjson</artifactId>
                <version>1.2.33</version>
            </dependency>
            
            <dependency>
                <groupId>io.jsonwebtoken</groupId>
                <artifactId>jjwt</artifactId>
                <version>0.9.0</version>
            </dependency>

##### 3.6.5 登录接口代码实现 #####

###### BlogLoginController ######

@RestController
    public class BlogLoginController {
        
        @Autowired
        private BlogLoginService blogLoginService;
    
        @PostMapping("/login")
        public ResponseResult login(@RequestBody User user){
        
            return blogLoginService.login(user);
        }
    }

###### BlogLoginService ######

public interface BlogLoginService {
        
        ResponseResult login(User user);
    }

###### SecurityConfig ######

@Configuration
    public class SecurityConfig extends WebSecurityConfigurerAdapter {
        
    
        @Bean
        public PasswordEncoder passwordEncoder(){
        
            return new BCryptPasswordEncoder();
        }
        @Override
        protected void configure(HttpSecurity http) throws Exception {
        
            http
                    //关闭csrf
                    .csrf().disable()
                    //不通过Session获取SecurityContext
                    .sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS)
                    .and()
                    .authorizeRequests()
                    // 对于登录接口 允许匿名访问
                    .antMatchers("/login").anonymous()
                    // 除上面外的所有请求全部不需要认证即可访问
                    .anyRequest().permitAll();
    
    
            http.logout().disable();
            //允许跨域
            http.cors();
        }
        @Override
        @Bean
        public AuthenticationManager authenticationManagerBean() throws Exception {
        
            return super.authenticationManagerBean();
        }
    }

###### BlogLoginServiceImpl ######

@Service
    public class BlogLoginServiceImpl implements BlogLoginService {
        
    
        @Autowired
        private AuthenticationManager authenticationManager;
    
        @Autowired
        private RedisCache redisCache;
    
        @Override
        public ResponseResult login(User user) {
        
            UsernamePasswordAuthenticationToken authenticationToken = new UsernamePasswordAuthenticationToken(user.getUserName(),user.getPassword());
            Authentication authenticate = authenticationManager.authenticate(authenticationToken);
            //判断是否认证通过
            if(Objects.isNull(authenticate)){
        
                throw new RuntimeException("用户名或密码错误");
            }
            //获取userid 生成token
            LoginUser loginUser = (LoginUser) authenticate.getPrincipal();
            String userId = loginUser.getUser().getId().toString();
            String jwt = JwtUtil.createJWT(userId);
            //把用户信息存入redis
            redisCache.setCacheObject("bloglogin:"+userId,loginUser);
    
            //把token和userinfo封装 返回
            //把User转换成UserInfoVo
            UserInfoVo userInfoVo = BeanCopyUtils.copyBean(loginUser.getUser(), UserInfoVo.class);
            BlogUserLoginVo vo = new BlogUserLoginVo(jwt,userInfoVo);
            return ResponseResult.okResult(vo);
        }
    }

###### UserDetailServiceImpl ######

@Service
    public class UserDetailsServiceImpl implements UserDetailsService {
        
    
        @Autowired
        private UserMapper userMapper;
    
        @Override
        public UserDetails loadUserByUsername(String username) throws UsernameNotFoundException {
        
            //根据用户名查询用户信息
            LambdaQueryWrapper<User> queryWrapper = new LambdaQueryWrapper<>();
            queryWrapper.eq(User::getUserName,username);
            User user = userMapper.selectOne(queryWrapper);
            //判断是否查到用户  如果没查到抛出异常
            if(Objects.isNull(user)){
        
                throw new RuntimeException("用户不存在");
            }
            //返回用户信息
            // TODO 查询权限信息封装
            return new LoginUser(user);
        }
    }

###### LoginUser ######

@Data
    @AllArgsConstructor
    @NoArgsConstructor
    public class LoginUser implements UserDetails {
        
    
        private User user;
    
    
        @Override
        public Collection<? extends GrantedAuthority> getAuthorities() {
        
            return null;
        }
    
        @Override
        public String getPassword() {
        
            return user.getPassword();
        }
    
        @Override
        public String getUsername() {
        
            return user.getUserName();
        }
    
        @Override
        public boolean isAccountNonExpired() {
        
            return true;
        }
    
        @Override
        public boolean isAccountNonLocked() {
        
            return true;
        }
    
        @Override
        public boolean isCredentialsNonExpired() {
        
            return true;
        }
    
        @Override
        public boolean isEnabled() {
        
            return true;
        }
    }

###### BlogUserLoginVo ######

@Data
    @NoArgsConstructor
    @AllArgsConstructor
    public class BlogUserLoginVo {
        
    
        private String token;
        private UserInfoVo userInfo;
    }

###### UserInfoVo ######

@Data
    @Accessors(chain = true)
    public class UserInfoVo {
        
        /**
         * 主键
         */
        private Long id;
    
        /**
         * 昵称
         */
        private String nickName;
    
        /**
         * 头像
         */
        private String avatar;
    
        private String sex;
    
        private String email;
    
    
    }

##### 3.6.6 登录校验过滤器代码实现 #####

###### 思路 ######

①定义Jwt认证过滤器

获取token

解析token获取其中的userid

从redis中获取用户信息

存入SecurityContextHolder

###### JwtAuthenticationTokenFilter ######

@Component
    public class JwtAuthenticationTokenFilter extends OncePerRequestFilter {
        
    
        @Autowired
        private RedisCache redisCache;
    
        @Override
        protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain) throws ServletException, IOException {
        
            //获取请求头中的token
            String token = request.getHeader("token");
            if(!StringUtils.hasText(token)){
        
                //说明该接口不需要登录  直接放行
                filterChain.doFilter(request, response);
                return;
            }
            //解析获取userid
            Claims claims = null;
            try {
        
                claims = JwtUtil.parseJWT(token);
            } catch (Exception e) {
        
                e.printStackTrace();
                //token超时  token非法
                //响应告诉前端需要重新登录
                ResponseResult result = ResponseResult.errorResult(AppHttpCodeEnum.NEED_LOGIN);
                WebUtils.renderString(response, JSON.toJSONString(result));
                return;
            }
            String userId = claims.getSubject();
            //从redis中获取用户信息
            LoginUser loginUser = redisCache.getCacheObject("bloglogin:" + userId);
            //如果获取不到
            if(Objects.isNull(loginUser)){
        
                //说明登录过期  提示重新登录
                ResponseResult result = ResponseResult.errorResult(AppHttpCodeEnum.NEED_LOGIN);
                WebUtils.renderString(response, JSON.toJSONString(result));
                return;
            }
            //存入SecurityContextHolder
            UsernamePasswordAuthenticationToken authenticationToken = new UsernamePasswordAuthenticationToken(loginUser,null,null);
            SecurityContextHolder.getContext().setAuthentication(authenticationToken);
    
            filterChain.doFilter(request, response);
        }
    
    
    }

###### SecurityConfig ######

@Configuration
    public class SecurityConfig extends WebSecurityConfigurerAdapter {
        
    
        @Override
        @Bean
        public AuthenticationManager authenticationManagerBean() throws Exception {
        
            return super.authenticationManagerBean();
        }
    
        @Autowired
        private JwtAuthenticationTokenFilter jwtAuthenticationTokenFilter;
    
        @Override
        protected void configure(HttpSecurity http) throws Exception {
        
            http
                    //关闭csrf
                    .csrf().disable()
                    //不通过Session获取SecurityContext
                    .sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS)
                    .and()
                    .authorizeRequests()
                    // 对于登录接口 允许匿名访问
                    .antMatchers("/login").anonymous()
                    //jwt过滤器测试用，如果测试没有问题吧这里删除了
                    .antMatchers("/link/getAllLink").authenticated()
                    // 除上面外的所有请求全部不需要认证即可访问
                    .anyRequest().permitAll();
    
    
            http.logout().disable();
            //把jwtAuthenticationTokenFilter添加到SpringSecurity的过滤器链中
            http.addFilterBefore(jwtAuthenticationTokenFilter, UsernamePasswordAuthenticationFilter.class);
            //允许跨域
            http.cors();
        }
    
        @Bean
        public PasswordEncoder passwordEncoder(){
        
            return new BCryptPasswordEncoder();
        }
    }

#### 3.7 认证授权失败处理 ####

目前我们的项目在认证出错或者权限不足的时候响应回来的Json是Security的异常处理结果。但是这个响应的格式肯定是不符合我们项目的接口规范的。所以需要自定义异常处理。

AuthenticationEntryPoint 认证失败处理器

AccessDeniedHandler 授权失败处理器

@Component
    public class AuthenticationEntryPointImpl implements AuthenticationEntryPoint {
        
    
        @Override
        public void commence(HttpServletRequest request, HttpServletResponse response, AuthenticationException authException) throws IOException, ServletException {
        
            authException.printStackTrace();
            //InsufficientAuthenticationException
            //BadCredentialsException
            ResponseResult result = null;
            if(authException instanceof BadCredentialsException){
        
                result = ResponseResult.errorResult(AppHttpCodeEnum.LOGIN_ERROR.getCode(),authException.getMessage());
            }else if(authException instanceof InsufficientAuthenticationException){
        
                result = ResponseResult.errorResult(AppHttpCodeEnum.NEED_LOGIN);
            }else{
        
                result = ResponseResult.errorResult(AppHttpCodeEnum.SYSTEM_ERROR.getCode(),"认证或授权失败");
            }
            //响应给前端
            WebUtils.renderString(response, JSON.toJSONString(result));
        }
    }

@Component
    public class AccessDeniedHandlerImpl implements AccessDeniedHandler {
        
        @Override
        public void handle(HttpServletRequest request, HttpServletResponse response, AccessDeniedException accessDeniedException) throws IOException, ServletException {
        
            accessDeniedException.printStackTrace();
            ResponseResult result = ResponseResult.errorResult(AppHttpCodeEnum.NO_OPERATOR_AUTH);
            //响应给前端
            WebUtils.renderString(response, JSON.toJSONString(result));
        }
    }

配置Security异常处理器

@Configuration
    public class SecurityConfig extends WebSecurityConfigurerAdapter {
        
    
        @Override
        @Bean
        public AuthenticationManager authenticationManagerBean() throws Exception {
        
            return super.authenticationManagerBean();
        }
    
        @Autowired
        private JwtAuthenticationTokenFilter jwtAuthenticationTokenFilter;
        @Autowired
        AuthenticationEntryPoint authenticationEntryPoint;
        @Autowired
        AccessDeniedHandler accessDeniedHandler;
    
    
        @Override
        protected void configure(HttpSecurity http) throws Exception {
        
            http
                    //关闭csrf
                    .csrf().disable()
                    //不通过Session获取SecurityContext
                    .sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS)
                    .and()
                    .authorizeRequests()
                    // 对于登录接口 允许匿名访问
                    .antMatchers("/login").anonymous()
                    //jwt过滤器测试用，如果测试没有问题吧这里删除了
                    .antMatchers("/link/getAllLink").authenticated()
                    // 除上面外的所有请求全部不需要认证即可访问
                    .anyRequest().permitAll();
    
            //配置异常处理器
            http.exceptionHandling()
                    .authenticationEntryPoint(authenticationEntryPoint)
                    .accessDeniedHandler(accessDeniedHandler);
    
            http.logout().disable();
            //把jwtAuthenticationTokenFilter添加到SpringSecurity的过滤器链中
            http.addFilterBefore(jwtAuthenticationTokenFilter, UsernamePasswordAuthenticationFilter.class);
            //允许跨域
            http.cors();
        }
    
        @Bean
        public PasswordEncoder passwordEncoder(){
        
            return new BCryptPasswordEncoder();
        }
    }

#### 3.8 统一异常处理 ####

实际我们在开发过程中可能需要做很多的判断校验，如果出现了非法情况我们是期望响应对应的提示的。但是如果我们每次都自己手动去处理就会非常麻烦。我们可以选择直接抛出异常的方式，然后对异常进行统一处理。把异常中的信息封装成ResponseResult响应给前端。

SystemException

/**
     * @Author 三更  B站： https://space.bilibili.com/663528522
     */
    public class SystemException extends RuntimeException{
        
    
        private int code;
    
        private String msg;
    
        public int getCode() {
        
            return code;
        }
    
        public String getMsg() {
        
            return msg;
        }
    
        public SystemException(AppHttpCodeEnum httpCodeEnum) {
        
            super(httpCodeEnum.getMsg());
            this.code = httpCodeEnum.getCode();
            this.msg = httpCodeEnum.getMsg();
        }
        
    }

GlobalExceptionHandler

@RestControllerAdvice
    @Slf4j
    public class GlobalExceptionHandler {
        
    
        @ExceptionHandler(SystemException.class)
        public ResponseResult systemExceptionHandler(SystemException e){
        
            //打印异常信息
            log.error("出现了异常！ {}",e);
            //从异常对象中获取提示信息封装返回
            return ResponseResult.errorResult(e.getCode(),e.getMsg());
        }
    
    
        @ExceptionHandler(Exception.class)
        public ResponseResult exceptionHandler(Exception e){
        
            //打印异常信息
            log.error("出现了异常！ {}",e);
            //从异常对象中获取提示信息封装返回
            return ResponseResult.errorResult(AppHttpCodeEnum.SYSTEM_ERROR.getCode(),e.getMessage());
        }
    }

#### 3.9 退出登录接口 ####

##### 3.9.1 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>POST</td> 
   <td>/logout</td> 
   <td>需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

响应格式:

{
        
        "code": 200,
        "msg": "操作成功"
    }

##### 3.9.2 代码实现 #####

要实现的操作：

删除redis中的用户信息

BlogLoginController

@PostMapping("/logout")
        public ResponseResult logout(){
        
            return blogLoginService.logout();
        }

BlogLoginService

ResponseResult logout();

BlogLoginServiceImpl

@Override
        public ResponseResult logout() {
        
            //获取token 解析获取userid
            Authentication authentication = SecurityContextHolder.getContext().getAuthentication();
            LoginUser loginUser = (LoginUser) authentication.getPrincipal();
            //获取userid
            Long userId = loginUser.getUser().getId();
            //删除redis中的用户信息
            redisCache.deleteObject("bloglogin:"+userId);
            return ResponseResult.okResult();
        }

SecurityConfig

要关闭默认的退出登录功能。并且要配置我们的退出登录接口需要认证才能访问

@Override
        protected void configure(HttpSecurity http) throws Exception {
        
            http
                    //关闭csrf
                    .csrf().disable()
                    //不通过Session获取SecurityContext
                    .sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS)
                    .and()
                    .authorizeRequests()
                    // 对于登录接口 允许匿名访问
                    .antMatchers("/login").anonymous()
                	//注销接口需要认证才能访问
                    .antMatchers("/logout").authenticated()
                    //jwt过滤器测试用，如果测试没有问题吧这里删除了
                    .antMatchers("/link/getAllLink").authenticated()
                    // 除上面外的所有请求全部不需要认证即可访问
                    .anyRequest().permitAll();
    
            //配置异常处理器
            http.exceptionHandling()
                    .authenticationEntryPoint(authenticationEntryPoint)
                    .accessDeniedHandler(accessDeniedHandler);
    		//关闭默认的注销功能
            http.logout().disable();
            //把jwtAuthenticationTokenFilter添加到SpringSecurity的过滤器链中
            http.addFilterBefore(jwtAuthenticationTokenFilter, UsernamePasswordAuthenticationFilter.class);
            //允许跨域
            http.cors();
        }

#### 3.10 查询评论列表接口 ####

##### 3.10.1 需求 #####

文章详情页面要展示这篇文章下的评论列表。

##### 3.10.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>/comment/commentList</td> 
   <td>不需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

Query格式请求参数：

articleId:文章id

pageNum: 页码

pageSize: 每页条数

响应格式:

{
        
        "code": 200,
        "data": {
        
            "rows": [
                {
        
                    "articleId": "1",
                    "children": [
                        {
        
                            "articleId": "1",
                            "content": "你说啥？",
                            "createBy": "1",
                            "createTime": "2022-01-30 10:06:21",
                            "id": "20",
                            "rootId": "1",
                            "toCommentId": "1",
                            "toCommentUserId": "1",
                            "toCommentUserName": "sg333",
                            "username": "sg333"
                        }
                    ],
                    "content": "asS",
                    "createBy": "1",
                    "createTime": "2022-01-29 07:59:22",
                    "id": "1",
                    "rootId": "-1",
                    "toCommentId": "-1",
                    "toCommentUserId": "-1",
                    "username": "sg333"
                }
            ],
            "total": "15"
        },
        "msg": "操作成功"
    }

##### 3.10.4 代码实现 #####

###### 3.10.4.1 不考虑子评论 ######

CommentController

@RestController
    @RequestMapping("/comment")
    public class CommentController {
        
    
        @Autowired
        private CommentService commentService;
    
        @GetMapping("/commentList")
        public ResponseResult commentList(Long articleId,Integer pageNum,Integer pageSize){
        
            return commentService.commentList(articleId,pageNum,pageSize);
        }
    }

CommentService

public interface CommentService extends IService<Comment> {
        
    
        ResponseResult commentList(Long articleId, Integer pageNum, Integer pageSize);
    }

CommentServiceImpl

CommentVo

@Data
    @NoArgsConstructor
    @AllArgsConstructor
    public class CommentVo {
        
        private Long id;
        //文章id
        private Long articleId;
        //根评论id
        private Long rootId;
        //评论内容
        private String content;
        //所回复的目标评论的userid
        private Long toCommentUserId;
        private String toCommentUserName;
        //回复目标评论id
        private Long toCommentId;
    
        private Long createBy;
    
        private Date createTime;
    
        private String username;
    }

###### 3.10.4.2 查询子评论 ######

CommentVo在之前的基础上增加了 private List children;

CommentServiceImpl

@Service("commentService")
    public class CommentServiceImpl extends ServiceImpl<CommentMapper, Comment> implements CommentService {
        
    
        @Autowired
        private UserService userService;
    
        @Override
        public ResponseResult commentList(Long articleId, Integer pageNum, Integer pageSize) {
        
            //查询对应文章的根评论
            LambdaQueryWrapper<Comment> queryWrapper = new LambdaQueryWrapper<>();
            //对articleId进行判断
            queryWrapper.eq(Comment::getArticleId,articleId);
            //根评论 rootId为-1
            queryWrapper.eq(Comment::getRootId,-1);
    
            //分页查询
            Page<Comment> page = new Page(pageNum,pageSize);
            page(page,queryWrapper);
    
            List<CommentVo> commentVoList = toCommentVoList(page.getRecords());
    
            //查询所有根评论对应的子评论集合，并且赋值给对应的属性
            for (CommentVo commentVo : commentVoList) {
        
                //查询对应的子评论
                List<CommentVo> children = getChildren(commentVo.getId());
                //赋值
                commentVo.setChildren(children);
            }
    
            return ResponseResult.okResult(new PageVo(commentVoList,page.getTotal()));
        }
    
        /**
         * 根据根评论的id查询所对应的子评论的集合
         * @param id 根评论的id
         * @return
         */
        private List<CommentVo> getChildren(Long id) {
        
    
            LambdaQueryWrapper<Comment> queryWrapper = new LambdaQueryWrapper<>();
            queryWrapper.eq(Comment::getRootId,id);
            queryWrapper.orderByAsc(Comment::getCreateTime);
            List<Comment> comments = list(queryWrapper);
    
            List<CommentVo> commentVos = toCommentVoList(comments);
            return commentVos;
        }
    
        private List<CommentVo> toCommentVoList(List<Comment> list){
        
            List<CommentVo> commentVos = BeanCopyUtils.copyBeanList(list, CommentVo.class);
            //遍历vo集合
            for (CommentVo commentVo : commentVos) {
        
                //通过creatyBy查询用户的昵称并赋值
                String nickName = userService.getById(commentVo.getCreateBy()).getNickName();
                commentVo.setUsername(nickName);
                //通过toCommentUserId查询用户的昵称并赋值
                //如果toCommentUserId不为-1才进行查询
                if(commentVo.getToCommentUserId()!=-1){
        
                    String toCommentUserName = userService.getById(commentVo.getToCommentUserId()).getNickName();
                    commentVo.setToCommentUserName(toCommentUserName);
                }
            }
            return commentVos;
        }
    }

#### 3.11 发表评论接口 ####

##### 3.11.1 需求 #####

用户登录后可以对文章发表评论，也可以对评论进行回复。

用户登录后也可以在友链页面进行评论。

##### 3.11.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>POST</td> 
   <td>/comment</td> 
   <td>需要token头</td> 
  </tr> 
 </tbody> 
</table>

###### 请求体： ######

回复了文章：

{
        "articleId":1,"type":0,"rootId":-1,"toCommentId":-1,"toCommentUserId":-1,"content":"评论了文章"}

回复了某条评论：

{
        "articleId":1,"type":0,"rootId":"3","toCommentId":"3","toCommentUserId":"1","content":"回复了某条评论"}

如果是友链评论，type应该为1

###### 响应格式： ######

{
        
    	"code":200,
    	"msg":"操作成功"
    }

##### 3.11.3 代码实现 #####

CommentController

@PostMapping
        public ResponseResult addComment(@RequestBody Comment comment){
        
            return commentService.addComment(comment);
        }

CommentService

ResponseResult addComment(Comment comment);

CommentServiceImpl

@Override
        public ResponseResult addComment(Comment comment) {
        
            //评论内容不能为空
            if(!StringUtils.hasText(comment.getContent())){
        
                throw new SystemException(AppHttpCodeEnum.CONTENT_NOT_NULL);
            }
            save(comment);
            return ResponseResult.okResult();
        }

SecurityUtils

/**
     * @Author 三更  B站： https://space.bilibili.com/663528522
     */
    public class SecurityUtils
    {
        
    
        /**
         * 获取用户
         **/
        public static LoginUser getLoginUser()
        {
        
            return (LoginUser) getAuthentication().getPrincipal();
        }
    
        /**
         * 获取Authentication
         */
        public static Authentication getAuthentication() {
        
            return SecurityContextHolder.getContext().getAuthentication();
        }
    
        public static Boolean isAdmin(){
        
            Long id = getLoginUser().getUser().getId();
            return id != null && 1L == id;
        }
    
        public static Long getUserId() {
        
            return getLoginUser().getUser().getId();
        }
    }

#### 3.12 友联评论列表 ####

##### 3.12.1 需求 #####

友链页面也需要查询对应的评论列表。

##### 3.12.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>/comment/linkCommentList</td> 
   <td>不需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

Query格式请求参数：

pageNum: 页码

pageSize: 每页条数

响应格式:

{
        
        "code": 200,
        "data": {
        
            "rows": [
                {
        
                    "articleId": "1",
                    "children": [
                        {
        
                            "articleId": "1",
                            "content": "回复友链评论3",
                            "createBy": "1",
                            "createTime": "2022-01-30 10:08:50",
                            "id": "23",
                            "rootId": "22",
                            "toCommentId": "22",
                            "toCommentUserId": "1",
                            "toCommentUserName": "sg333",
                            "username": "sg333"
                        }
                    ],
                    "content": "友链评论2",
                    "createBy": "1",
                    "createTime": "2022-01-30 10:08:28",
                    "id": "22",
                    "rootId": "-1",
                    "toCommentId": "-1",
                    "toCommentUserId": "-1",
                    "username": "sg333"
                }
            ],
            "total": "1"
        },
        "msg": "操作成功"
    }

##### 3.12.3 代码实现 #####

CommentController 修改了之前的文章评论列表接口，并且增加了新的友联评论接口

@GetMapping("/commentList")
        public ResponseResult commentList(Long articleId,Integer pageNum,Integer pageSize){
        
            return commentService.commentList(SystemConstants.ARTICLE_COMMENT,articleId,pageNum,pageSize);
        }   
        @GetMapping("/linkCommentList")
        public ResponseResult linkCommentList(Integer pageNum,Integer pageSize){
        
            return commentService.commentList(SystemConstants.LINK_COMMENT,null,pageNum,pageSize);
        }

SystemConstants增加了两个常量

/**
         * 评论类型为：文章评论
         */
        public static final String ARTICLE_COMMENT = "0";
        /**
         * 评论类型为：友联评论
         */
        public static final String LINK_COMMENT = "1";

CommentService修改了commentList方法，增加了一个参数commentType

ResponseResult commentList(String commentType, Long articleId, Integer pageNum, Integer pageSize);

CommentServiceImpl修改commentList方法的代码，必须commentType为0的时候才增加articleId的判断，并且增加了一个评论类型的添加。

@Override
        public ResponseResult commentList(String commentType, Long articleId, Integer pageNum, Integer pageSize) {
        
            //查询对应文章的根评论
            LambdaQueryWrapper<Comment> queryWrapper = new LambdaQueryWrapper<>();
            //对articleId进行判断
            queryWrapper.eq(SystemConstants.ARTICLE_COMMENT.equals(commentType),Comment::getArticleId,articleId);
            //根评论 rootId为-1
            queryWrapper.eq(Comment::getRootId,-1);
    
            //评论类型
            queryWrapper.eq(Comment::getType,commentType);
    
            //分页查询
            Page<Comment> page = new Page(pageNum,pageSize);
            page(page,queryWrapper);
    
            List<CommentVo> commentVoList = toCommentVoList(page.getRecords());
    
            //查询所有根评论对应的子评论集合，并且赋值给对应的属性
            for (CommentVo commentVo : commentVoList) {
        
                //查询对应的子评论
                List<CommentVo> children = getChildren(commentVo.getId());
                //赋值
                commentVo.setChildren(children);
            }
    
            return ResponseResult.okResult(new PageVo(commentVoList,page.getTotal()));
        }

#### 3.13 个人信息查询接口 ####

##### 3.13.1 需求 #####

进入个人中心的时候需要能够查看当前用户信息

##### 3.13.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>/user/userInfo</td> 
   <td>需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

不需要参数

响应格式:

{
        
    	"code":200,
    	"data":{
        
    		"avatar":"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farticle%2F3bf9c263bc0f2ac5c3a7feb9e218d07475573ec8.gi",
    		"email":"23412332@qq.com",
    		"id":"1",
    		"nickName":"sg333",
    		"sex":"1"
    	},
    	"msg":"操作成功"
    }

##### 3.13.3 代码实现 #####

UserController

@RestController
    @RequestMapping("/user")
    public class UserController {
        
    
        @Autowired
        private UserService userService;
    
        @GetMapping("/userInfo")
        public ResponseResult userInfo(){
        
            return userService.userInfo();
        }
    }

UserService增加方法定义

public interface UserService extends IService<User> {
        
    
        ResponseResult userInfo();
    
    }

UserServiceImpl实现userInfo方法

@Override
        public ResponseResult userInfo() {
        
            //获取当前用户id
            Long userId = SecurityUtils.getUserId();
            //根据用户id查询用户信息
            User user = getById(userId);
            //封装成UserInfoVo
            UserInfoVo vo = BeanCopyUtils.copyBean(user,UserInfoVo.class);
            return ResponseResult.okResult(vo);
        }

SecurityConfig配置该接口必须认证后才能访问

@Override
        protected void configure(HttpSecurity http) throws Exception {
        
            http
                    //关闭csrf
                    .csrf().disable()
                    //不通过Session获取SecurityContext
                    .sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS)
                    .and()
                    .authorizeRequests()
                    // 对于登录接口 允许匿名访问
                    .antMatchers("/login").anonymous()
                    //注销接口需要认证才能访问
                    .antMatchers("/logout").authenticated()
                	//个人信息接口必须登录后才能访问
                    .antMatchers("/user/userInfo").authenticated()
                    // 除上面外的所有请求全部不需要认证即可访问
                    .anyRequest().permitAll();
    
            //配置异常处理器
            http.exceptionHandling()
                    .authenticationEntryPoint(authenticationEntryPoint)
                    .accessDeniedHandler(accessDeniedHandler);
            //关闭默认的注销功能
            http.logout().disable();
            //把jwtAuthenticationTokenFilter添加到SpringSecurity的过滤器链中
            http.addFilterBefore(jwtAuthenticationTokenFilter, UsernamePasswordAuthenticationFilter.class);
            //允许跨域
            http.cors();
        }

#### 3.14 头像上传接口 ####

##### 3.14.1 需求 #####

在个人中心点击编辑的时候可以上传头像图片。上传完头像后，可以用于更新个人信息接口。

##### 3.14.2 OSS #####

###### 3.14.2.1 为什么要使用OSS ######

因为如果把图片视频等文件上传到自己的应用的Web服务器，在读取图片的时候会占用比较多的资源。影响应用服务器的性能。

所以我们一般使用OSS(Object Storage Service对象存储服务)存储图片或视频。

###### 3.14.2.2 七牛云基本使用测试 ######

###### 3.14.2.3 七牛云测试代码编写 ######

①添加依赖

<dependency>
                <groupId>com.qiniu</groupId>
                <artifactId>qiniu-java-sdk</artifactId>
                <version>[7.7.0, 7.7.99]</version>
            </dependency>

②复制修改案例代码

application.yml

oss:
      accessKey: xxxx
      secretKey: xxxx
      bucket: sg-blog

OSSTest.java

@SpringBootTest
    @ConfigurationProperties(prefix = "oss")
    public class OSSTest {
        
    
        private String accessKey;
        private String secretKey;
        private String bucket;
    
        public void setAccessKey(String accessKey) {
        
            this.accessKey = accessKey;
        }
    
        public void setSecretKey(String secretKey) {
        
            this.secretKey = secretKey;
        }
    
        public void setBucket(String bucket) {
        
            this.bucket = bucket;
        }
    
        @Test
        public void testOss(){
        
            //构造一个带指定 Region 对象的配置类
            Configuration cfg = new Configuration(Region.autoRegion());
            //...其他参数参考类注释
    
            UploadManager uploadManager = new UploadManager(cfg);
            //...生成上传凭证，然后准备上传
    //        String accessKey = "your access key";
    //        String secretKey = "your secret key";
    //        String bucket = "sg-blog";
    
            //默认不指定key的情况下，以文件内容的hash值作为文件名
            String key = "2022/sg.png";
    
            try {
        
    //            byte[] uploadBytes = "hello qiniu cloud".getBytes("utf-8");
    //            ByteArrayInputStream byteInputStream=new ByteArrayInputStream(uploadBytes);
    
    
                InputStream inputStream = new FileInputStream("C:\\Users\\root\\Desktop\\Snipaste_2022-02-28_22-48-37.png");
                Auth auth = Auth.create(accessKey, secretKey);
                String upToken = auth.uploadToken(bucket);
    
                try {
        
                    Response response = uploadManager.put(inputStream,key,upToken,null, null);
                    //解析上传成功的结果
                    DefaultPutRet putRet = new Gson().fromJson(response.bodyString(), DefaultPutRet.class);
                    System.out.println(putRet.key);
                    System.out.println(putRet.hash);
                } catch (QiniuException ex) {
        
                    Response r = ex.response;
                    System.err.println(r.toString());
                    try {
        
                        System.err.println(r.bodyString());
                    } catch (QiniuException ex2) {
        
                        //ignore
                    }
                }
            } catch (Exception ex) {
        
                //ignore
            }
    
        }
    }

##### 3.14.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>POST</td> 
   <td>/upload</td> 
   <td>需要token</td> 
  </tr> 
 </tbody> 
</table>

参数：

img,值为要上传的文件

请求头：

Content-Type ：multipart/form-data;

Content-Type，内容类型，一般是指网页中存在的Content-Type，用于定义网络文件的类型和网页的编码，决定浏览器将以什么形式、什么编码读取这个文件

常见的媒体格式类型如下：

text/html ： HTML格式  
text/plain ：纯文本格式  
text/xml ： XML格式  
image/gif ：gif图片格式  
image/jpeg ：jpg图片格式  
image/png：png图片格式  
以application开头的媒体格式类型：

application/xhtml+xml ：XHTML格式  
application/xml ： XML数据格式  
application/atom+xml ：Atom XML聚合格式  
application/json ： JSON数据格式  
application/pdf ：pdf格式  
application/msword ： Word文档格式  
application/octet-stream ： [二进制][Link 1]流数据（如常见的文件下载）  
application/x-www-form-urlencoded ： 中默认的encType，form表单数据被编码为key/value格式发送到服务器（表单默认的提交数据的格式）  
常见的媒体格式是上传文件之时使用的：

multipart/form-data ： 需要在表单中进行文件上传时，就需要使用该格式

响应格式:

{
        
        "code": 200,
        "data": "文件访问链接",
        "msg": "操作成功"
    }

##### 3.14.3 代码实现 #####

@RestController
    public class UploadController {
        
        @Autowired
        private UploadService uploadService;
    
        @PostMapping("/upload")
        public ResponseResult uploadImg(MultipartFile img){
        
            return uploadService.uploadImg(img);
        }
    }

public interface UploadService {
        
        ResponseResult uploadImg(MultipartFile img);
    }

@Service
    @Data
    @ConfigurationProperties(prefix = "oss")
    public class OssUploadService implements UploadService {
        
        @Override
        public ResponseResult uploadImg(MultipartFile img) {
        
            //判断文件类型
            //获取原始文件名
            String originalFilename = img.getOriginalFilename();
            //对原始文件名进行判断
            if(!originalFilename.endsWith(".png")){
        
                throw new SystemException(AppHttpCodeEnum.FILE_TYPE_ERROR);
            }
    
            //如果判断通过上传文件到OSS
            String filePath = PathUtils.generateFilePath(originalFilename);
            String url = uploadOss(img,filePath);//  2099/2/3/wqeqeqe.png
            return ResponseResult.okResult(url);
        }
    
        private String accessKey;
        private String secretKey;
        private String bucket;
    
    
        private String uploadOss(MultipartFile imgFile, String filePath){
        
            //构造一个带指定 Region 对象的配置类
            Configuration cfg = new Configuration(Region.autoRegion());
            //...其他参数参考类注释
            UploadManager uploadManager = new UploadManager(cfg);
            //默认不指定key的情况下，以文件内容的hash值作为文件名
            String key = filePath;
            try {
        
                InputStream inputStream = imgFile.getInputStream();
                Auth auth = Auth.create(accessKey, secretKey);
                String upToken = auth.uploadToken(bucket);
                try {
        
                    Response response = uploadManager.put(inputStream,key,upToken,null, null);
                    //解析上传成功的结果
                    DefaultPutRet putRet = new Gson().fromJson(response.bodyString(), DefaultPutRet.class);
                    System.out.println(putRet.key);
                    System.out.println(putRet.hash);
                    return "http://r7yxkqloa.bkt.clouddn.com/"+key;
                } catch (QiniuException ex) {
        
                    Response r = ex.response;
                    System.err.println(r.toString());
                    try {
        
                        System.err.println(r.bodyString());
                    } catch (QiniuException ex2) {
        
                        //ignore
                    }
                }
            } catch (Exception ex) {
        
                //ignore
            }
            return "www";
        }
    }

PathUtils

/**
     * @Author 三更  B站： https://space.bilibili.com/663528522
     */
    public class PathUtils {
        
    
        public static String generateFilePath(String fileName){
        
            //根据日期生成路径   2022/1/15/
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy/MM/dd/");
            String datePath = sdf.format(new Date());
            //uuid作为文件名
            String uuid = UUID.randomUUID().toString().replaceAll("-", "");
            //后缀和文件后缀一致
            int index = fileName.lastIndexOf(".");
            // test.jpg -> .jpg
            String fileType = fileName.substring(index);
            return new StringBuilder().append(datePath).append(uuid).append(fileType).toString();
        }
    }

#### 3.15 更新个人信息接口 ####

##### 3.15.1 需求 #####

在编辑完个人资料后点击保存会对个人资料进行更新。

##### 3.15.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>PUT</td> 
   <td>/user/userInfo</td> 
   <td>需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

参数

请求体中json格式数据：

{
        
        "avatar":"https://sg-blog-oss.oss-cn-beijing.aliyuncs.com/2022/01/31/948597e164614902ab1662ba8452e106.png",
        "email":"23412332@qq.com",
        "id":"1",
        "nickName":"sg333",
        "sex":"1"
    }

响应格式:

{
        
    	"code":200,
    	"msg":"操作成功"
    }

##### 3.15.3 代码实现 #####

UserController

@PutMapping("/userInfo")
        public ResponseResult updateUserInfo(@RequestBody User user){
        
            return userService.updateUserInfo(user);
        }

UserService

ResponseResult updateUserInfo(User user);

UserServiceImpl

@Override
        public ResponseResult updateUserInfo(User user) {
        
            updateById(user);
            return ResponseResult.okResult();
        }

#### 3.16 用户注册 ####

##### 3.16.1 需求 #####

要求用户能够在注册界面完成用户的注册。要求用户名，昵称，邮箱不能和数据库中原有的数据重复。如果某项重复了注册失败并且要有对应的提示。并且要求用户名，密码，昵称，邮箱都不能为空。

注意:密码必须密文存储到数据库中。

##### 3.16.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>POST</td> 
   <td>/user/register</td> 
   <td>不需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

参数

请求体中json格式数据：

{
        
      "email": "string",
      "nickName": "string",
      "password": "string",
      "userName": "string"
    }

响应格式:

{
        
    	"code":200,
    	"msg":"操作成功"
    }

##### 3.16.3 代码实现 #####

UserController

@PostMapping("/register")
        public ResponseResult register(@RequestBody User user){
        
            return userService.register(user);
        }

UserService

ResponseResult register(User user);

UserServiceImpl

@Autowired
        private PasswordEncoder passwordEncoder;
        @Override
        public ResponseResult register(User user) {
        
            //对数据进行非空判断
            if(!StringUtils.hasText(user.getUserName())){
        
                throw new SystemException(AppHttpCodeEnum.USERNAME_NOT_NULL);
            }
            if(!StringUtils.hasText(user.getPassword())){
        
                throw new SystemException(AppHttpCodeEnum.PASSWORD_NOT_NULL);
            }
            if(!StringUtils.hasText(user.getEmail())){
        
                throw new SystemException(AppHttpCodeEnum.EMAIL_NOT_NULL);
            }
            if(!StringUtils.hasText(user.getNickName())){
        
                throw new SystemException(AppHttpCodeEnum.NICKNAME_NOT_NULL);
            }
            //对数据进行是否存在的判断
            if(userNameExist(user.getUserName())){
        
                throw new SystemException(AppHttpCodeEnum.USERNAME_EXIST);
            }
            if(nickNameExist(user.getNickName())){
        
                throw new SystemException(AppHttpCodeEnum.NICKNAME_EXIST);
            }
            //...
            //对密码进行加密
            String encodePassword = passwordEncoder.encode(user.getPassword());
            user.setPassword(encodePassword);
            //存入数据库
            save(user);
            return ResponseResult.okResult();
        }

public enum AppHttpCodeEnum {
        
        // 成功
        SUCCESS(200,"操作成功"),
        // 登录
        NEED_LOGIN(401,"需要登录后操作"),
        NO_OPERATOR_AUTH(403,"无权限操作"),
        SYSTEM_ERROR(500,"出现错误"),
        USERNAME_EXIST(501,"用户名已存在"),
         PHONENUMBER_EXIST(502,"手机号已存在"), EMAIL_EXIST(503, "邮箱已存在"),
        REQUIRE_USERNAME(504, "必需填写用户名"),
        CONTENT_NOT_NULL(506, "评论内容不能为空"),
        FILE_TYPE_ERROR(507, "文件类型错误，请上传png文件"),
        USERNAME_NOT_NULL(508, "用户名不能为空"),
        NICKNAME_NOT_NULL(509, "昵称不能为空"),
        PASSWORD_NOT_NULL(510, "密码不能为空"),
        EMAIL_NOT_NULL(511, "邮箱不能为空"),
        NICKNAME_EXIST(512, "昵称已存在"),
        LOGIN_ERROR(505,"用户名或密码错误");
        int code;
        String msg;
    
        AppHttpCodeEnum(int code, String errorMessage){
        
            this.code = code;
            this.msg = errorMessage;
        }
    
        public int getCode() {
        
            return code;
        }
    
        public String getMsg() {
        
            return msg;
        }
    }

#### 3.17 AOP实现日志记录 ####

##### 3.17.1 需求 #####

需要通过日志记录接口调用信息。便于后期调试排查。并且可能有很多接口都需要进行日志的记录。

##### 3.17.2 思路分析 #####

相当于是对原有的功能进行增强。并且是批量的增强，这个时候就非常适合用AOP来进行实现。

##### 3.17.3 代码实现 #####

日志打印格式

log.info("=======Start=======");
            // 打印请求 URL
            log.info("URL            : {}",);
            // 打印描述信息
            log.info("BusinessName   : {}", );
            // 打印 Http method
            log.info("HTTP Method    : {}", );
            // 打印调用 controller 的全路径以及执行方法
            log.info("Class Method   : {}.{}", );
            // 打印请求的 IP
            log.info("IP             : {}",);
            // 打印请求入参
            log.info("Request Args   : {}",);
            // 打印出参
            log.info("Response       : {}", );
            // 结束后换行
            log.info("=======End=======" + System.lineSeparator());

#### 3.18 更新浏览次数 ####

##### 3.18.1 需求 #####

在用户浏览博文时要实现对应博客浏览量的增加。

##### 3.18.2 思路分析 #####

我们只需要在每次用户浏览博客时更新对应的浏览数即可。

但是如果直接操作博客表的浏览量的话，在并发量大的情况下会出现什么问题呢？

如何去优化呢？

①在应用启动时把博客的浏览量存储到redis中

②更新浏览量时去更新redis中的数据

③每隔10分钟把Redis中的浏览量更新到数据库中

④读取文章浏览量时从redis读取

##### 3.18.3 铺垫知识 #####

###### 3.18.3.1 CommandLineRunner实现项目启动时预处理 ######

如果希望在SpringBoot应用启动时进行一些初始化操作可以选择使用CommandLineRunner来进行处理。

我们只需要实现CommandLineRunner接口，并且把对应的bean注入容器。把相关初始化的代码重新到需要重新的方法中。

这样就会在应用启动的时候执行对应的代码。

@Component
    public class TestRunner implements CommandLineRunner {
        
        @Override
        public void run(String... args) throws Exception {
        
            System.out.println("程序初始化");
        }
    }

###### 3.18.3.2 定时任务 ######

定时任务的实现方式有很多，比如XXL-Job等。但是其实核心功能和概念都是类似的，很多情况下只是调用的API不同而已。

这里就先用SpringBoot为我们提供的定时任务的API来实现一个简单的定时任务，让大家先对定时任务里面的一些核心概念有个大致的了解。

实现步骤

① 使用@EnableScheduling注解开启定时任务功能

我们可以在配置类上加上@EnableScheduling

@SpringBootApplication
    @MapperScan("com.sangeng.mapper")
    @EnableScheduling
    public class SanGengBlogApplication {
        
        public static void main(String[] args) {
        
            SpringApplication.run(SanGengBlogApplication.class,args);
        }
    }

② 确定定时任务执行代码，并配置任务执行时间

使用@Scheduled注解标识需要定时执行的代码。注解的cron属性相当于是任务的执行时间。目前可以使用 0/5 \* \* \* \* ? 进行测试，代表从0秒开始，每隔5秒执行一次。

注意：对应的bean要注入容器，否则不会生效。

@Component
    public class TestJob {
        
    
        @Scheduled(cron = "0/5 * * * * ?")
        public void testJob(){
        
            //要执行的代码
            System.out.println("定时任务执行了");
        }
    }

###### 3.18.3.2.1 cron 表达式语法 ######

cron表达式是用来设置定时任务执行时间的表达式。

很多情况下我们可以用 ： [在线Cron表达式生成器][Cron] 来帮助我们理解cron表达式和书写cron表达式。

但是我们还是有需要学习对应的Cron语法的，这样可以更有利于我们书写Cron表达式。

如上我们用到的 0/5 \* \* \* \* ? \*，cron表达式由七部分组成，中间由空格分隔，这七部分从左往右依次是：

秒（0-59），分钟（0-59），小时（0~23），日期（1-月最后一天），月份（1-12），星期几（1-7,1表示星期日），年份（一般该项不设置，直接忽略掉，即可为空值）

通用特殊字符：, - \* / (可以在任意部分使用)

>  *

星号表示任意值，例如：

* * * * * ?

表示 “ 每年每月每天每时每分每秒 ” 。

> ,

可以用来定义列表，例如 ：

1,2,3 * * * * ?

表示 “ 每年每月每天每时每分的每个第1秒，第2秒，第3秒 ” 。

>  *

定义范围，例如：

1-3 * * * * ?

表示 “ 每年每月每天每时每分的第1秒至第3秒 ”。

> /

每隔多少，例如

5/10 * * * * ?

表示 “ 每年每月每天每时每分，从第5秒开始，每10秒一次 ” 。即 “ / ” 的左侧是开始值，右侧是间隔。如果是从 “ 0 ” 开始的话，也可以简写成 “ /10 ”

##### 3.18.4 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>PUT</td> 
   <td>/article/updateViewCount/{id}</td> 
   <td>不需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

参数

请求路径中携带文章id

响应格式:

{
        
    	"code":200,
    	"msg":"操作成功"
    }

##### 3.18.5 代码实现 #####

###### ①在应用启动时把博客的浏览量存储到redis中 ######

实现CommandLineRunner接口，在应用启动时初始化缓存。

@Component
    public class ViewCountRunner implements CommandLineRunner {
        
    
        @Autowired
        private ArticleMapper articleMapper;
    
        @Autowired
        private RedisCache redisCache;
    
        @Override
        public void run(String... args) throws Exception {
        
            //查询博客信息  id  viewCount
            List<Article> articles = articleMapper.selectList(null);
            Map<String, Integer> viewCountMap = articles.stream()
                    .collect(Collectors.toMap(article -> article.getId().toString(), article -> {
        
                        return article.getViewCount().intValue();//
                    }));
            //存储到redis中
            redisCache.setCacheMap("article:viewCount",viewCountMap);
        }
    }

###### ②更新浏览量时去更新redsi中的数据 ######

RedisCache增加方法

public void incrementCacheMapValue(String key,String hKey,long v){
        
            redisTemplate.boundHashOps(key).increment(hKey, v);
        }

ArticleController中增加方法更新阅读数

@PutMapping("/updateViewCount/{id}")
        public ResponseResult updateViewCount(@PathVariable("id") Long id){
        
            return articleService.updateViewCount(id);
        }

ArticleService中增加方法

ResponseResult updateViewCount(Long id);

ArticleServiceImpl中实现方法

@Override
        public ResponseResult updateViewCount(Long id) {
        
            //更新redis中对应 id的浏览量
            redisCache.incrementCacheMapValue("article:viewCount",id.toString(),1);
            return ResponseResult.okResult();
        }

###### ③定时任务每隔10分钟把Redis中的浏览量更新到数据库中 ######

Article中增加构造方法

public Article(Long id, long viewCount) {
        
            this.id = id;
            this.viewCount = viewCount;
        }

@Component
    public class UpdateViewCountJob {
        
    
        @Autowired
        private RedisCache redisCache;
    
        @Autowired
        private ArticleService articleService;
    
        @Scheduled(cron = "0/5 * * * * ?")
        public void updateViewCount(){
        
            //获取redis中的浏览量
            Map<String, Integer> viewCountMap = redisCache.getCacheMap("article:viewCount");
    
            List<Article> articles = viewCountMap.entrySet()
                    .stream()
                    .map(entry -> new Article(Long.valueOf(entry.getKey()), entry.getValue().longValue()))
                    .collect(Collectors.toList());
            //更新到数据库中
            articleService.updateBatchById(articles);
    
        }
    }

###### ④读取文章浏览量时从redis读取 ######

@Override
        public ResponseResult getArticleDetail(Long id) {
        
            //根据id查询文章
            Article article = getById(id);
            //从redis中获取viewCount
            Integer viewCount = redisCache.getCacheMapValue("article:viewCount", id.toString());
            article.setViewCount(viewCount.longValue());
            //转换成VO
            ArticleDetailVo articleDetailVo = BeanCopyUtils.copyBean(article, ArticleDetailVo.class);
            //根据分类id查询分类名
            Long categoryId = articleDetailVo.getCategoryId();
            Category category = categoryService.getById(categoryId);
            if(category!=null){
        
                articleDetailVo.setCategoryName(category.getName());
            }
            //封装响应返回
            return ResponseResult.okResult(articleDetailVo);
        }

### 4. Swagger2 ###

#### 4.1 简介 ####

Swagger 是一套基于 OpenAPI 规范构建的开源工具，可以帮助我们设计、构建、记录以及使用 Rest API。

#### 4.2 为什么使用Swagger ####

当下很多公司都采取前后端分离的开发模式，前端和后端的工作由不同的工程师完成。在这种开发模式下，维持一份及时更新且完整的 Rest API 文档将会极大的提高我们的工作效率。传统意义上的文档都是后端开发人员手动编写的，相信大家也都知道这种方式很难保证文档的及时性，这种文档久而久之也就会失去其参考意义，反而还会加大我们的沟通成本。而 Swagger 给我们提供了一个全新的维护 API 文档的方式，下面我们就来了解一下它的优点：

1.代码变，文档变。只需要少量的注解，Swagger 就可以根据代码自动生成 API 文档，很好的保证了文档的时效性。  
2.跨语言性，支持 40 多种语言。  
3.Swagger UI 呈现出来的是一份可交互式的 API 文档，我们可以直接在文档页面尝试 API 的调用，省去了准备复杂的调用参数的过程。

#### 4.3 快速入门 ####

##### 4.3.1 引入依赖 #####

<dependency>
                <groupId>io.springfox</groupId>
                <artifactId>springfox-swagger2</artifactId>
            </dependency>
            <dependency>
                <groupId>io.springfox</groupId>
                <artifactId>springfox-swagger-ui</artifactId>
            </dependency>

##### 4.3.2 启用Swagger2 #####

在启动类上或者配置类加 @EnableSwagger2 注解

@SpringBootApplication
    @MapperScan("com.sangeng.mapper")
    @EnableScheduling
    @EnableSwagger2
    public class SanGengBlogApplication {
        
        public static void main(String[] args) {
        
            SpringApplication.run(SanGengBlogApplication.class,args);
        }
    }

#### 4.4 具体配置 ####

##### 4.4.1 Controller配置 #####

###### 4.4.1 @Api 注解 ######

属性介绍：

tags 设置标签

description 设置描述信息

@RestController
    @RequestMapping("/comment")
    @Api(tags = "评论",description = "评论相关接口")
    public class CommentController {
        
    }

##### 4.4.2 接口配置 #####

###### 4.4.2.1 接口描述配置@ApiOperation ######

@GetMapping("/linkCommentList")
        @ApiOperation(value = "友链评论列表",notes = "获取一页友链评论")
        public ResponseResult linkCommentList(Integer pageNum,Integer pageSize){
        
            return commentService.commentList(SystemConstants.LINK_COMMENT,null,pageNum,pageSize);
        }

###### 4.4.2.2 接口参数描述 ######

@ApiImplicitParam 用于描述接口的参数，但是一个接口可能有多个参数，所以一般与 @ApiImplicitParams 组合使用。

@GetMapping("/linkCommentList")
        @ApiOperation(value = "友链评论列表",notes = "获取一页友链评论")
        @ApiImplicitParams({
        
               @ApiImplicitParam(name = "pageNum",value = "页号"),
               @ApiImplicitParam(name = "pageSize",value = "每页大小")
        }
        )
        public ResponseResult linkCommentList(Integer pageNum,Integer pageSize){
        
            return commentService.commentList(SystemConstants.LINK_COMMENT,null,pageNum,pageSize);
        }

##### 4.4.3 实体类配置 #####

###### 4.4.3.1 实体的描述配置@ApiModel ######

@ApiModel用于描述实体类。

@Data
    @AllArgsConstructor
    @NoArgsConstructor
    @ApiModel(description = "添加评论dto")
    public class AddCommentDto{
        
        //..
    }

###### 4.4.3.2 实体的属性的描述配置@ApiModelProperty ######

@ApiModelProperty用于描述实体的属性

@ApiModelProperty(notes = "评论类型（0代表文章评论，1代表友链评论）")
        private String type;

##### 4.4.4 文档信息配置 #####

@Configuration
    public class SwaggerConfig {
        
        @Bean
        public Docket customDocket() {
        
            return new Docket(DocumentationType.SWAGGER_2)
                    .apiInfo(apiInfo())
                    .select()
                    .apis(RequestHandlerSelectors.basePackage("com.sangeng.controller"))
                    .build();
        }
    
        private ApiInfo apiInfo() {
        
            Contact contact = new Contact("团队名", "http://www.my.com", "my@my.com");
            return new ApiInfoBuilder()
                    .title("文档标题")
                    .description("文档描述")
                    .contact(contact)   // 联系方式
                    .version("1.1.0")  // 版本
                    .build();
        }
    }

### 5. 博客后台 ###

#### 5.0 准备工作 ####

前端工程启动

npm run dev

①创建启动类  
![在这里插入图片描述][a1da7e3c24064a65b065721b583b85fa.png]  
②创建application.yml配置文件  
![在这里插入图片描述][3b782ef4dc4347d2a4ea7db32bfd2d6d.png]

server:
      port: 8989
    spring:
      datasource:
        url: jdbc:mysql://localhost:3306/sg_blog?characterEncoding=utf-8&serverTimezone=UTC
        username: root
        password: root
        driver-class-name: com.mysql.cj.jdbc.Driver
      servlet:
        multipart:
          max-file-size: 2MB
          max-request-size: 5MB
    
    mybatis-plus:
      configuration:
        # mybatis-plus 日志信息
        log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
      global-config:
        db-config:
          logic-delete-field: delFlag  #逻辑删除字段  （数据库中逻辑删除字段用delFlag）
          logic-delete-value: 1       # 删除值 1
          logic-not-delete-value: 0   # 未删除值 0
          id-type: auto             #主键自增（不设置用 mybatis-plus默认生成的id）
    #  当用maven导入了mybatisplus的包时，必须要在yml配置中配置数据库的参数，否则运行boot启动类会报错

③ 整体目录结构

![在这里插入图片描述][a7f3b0defb1c4652aa5418c35dd6fe64.png]  
![在这里插入图片描述][fd660bc47c284d3fbca73a0cbbf7bcb3.png]

④ 创建Entity，Mapper，Service  
EasyCode自动生成，然后放入指定包中  
下面以Tag为例细说，后面类似的看这里。  
Entity  
![在这里插入图片描述][1b8c1c887d6f4652b07ca2e13e02b5ea.png]  
Mapper![在这里插入图片描述][a1702a637f184491a0419e146b0de1b5.png]  
Service  
![在这里插入图片描述][153d8bc9ff464a2fbb4360fcf0ac6570.png]

⑤ Controller  
![在这里插入图片描述][e4894edff0434b31825aa0d53620abc7.png]

⑥添加security相关类——`SecurityConfig`和`JwtAuthenticationTokenFilter`  
使admin模块能够使用SpringSecurity（拦截，密码加密，权限等）  
![在这里插入图片描述][25e356fdc6774c248db0e0fc46913748.png]  
SecurityConfig：

import ...
    
    @Configuration
    @EnableGlobalMethodSecurity(prePostEnabled = true) // @PreAuthorize和@PostAuthorize注解生效
    public class SecurityConfig extends WebSecurityConfigurerAdapter {
        
        @Autowired
        private JwtAuthenticationTokenFilter jwtAuthenticationTokenFilter;
    //    为啥注入的不是实现类呢? 不传实现类是为了符合开闭原则
        @Autowired
        AuthenticationEntryPoint authenticationEntryPoint;
        @Autowired
        AccessDeniedHandler accessDeniedHandler;
    
        @Bean
        public PasswordEncoder passwordEncoder(){
         //对比密码时 加密方式
            return new BCryptPasswordEncoder();
        }
    
        @Override
        protected void configure(HttpSecurity http) throws Exception {
        
            http
                    //关闭csrf
                    .csrf().disable()
                    //不通过Session获取SecurityContext
                    .sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS)
                    .and()
                    .authorizeRequests()
                    // 对于登录接口 允许匿名访问
                    .antMatchers("/user/login").anonymous()   //对登录放行，登录不需要认证。  接口必须携带token
    //                .antMatchers("/logout").authenticated()//退出接口 必须认证，即必须携带token才能 发出退出请求
    //                .antMatchers("/user/userInfo").authenticated() //这个接口需要认证之后才能访问
    //                .antMatchers("/upload").authenticated() //前端vue上传图片时，没有要求token，所以后端不需要认证，不需要传token即可
    //                .antMatchers("/link/getAllLink").authenticated() //这个接口需要认证之后才能访问
                    // 除上面外的所有请求全部不需要认证即可访问
    //                .anyRequest().permitAll(); //所有需求都允许访问
                    .anyRequest().authenticated(); //所有需求 都需要认证
    
            //配置异常处理器
            http.exceptionHandling()
                            .authenticationEntryPoint(authenticationEntryPoint) //认证失败处理器
                             .accessDeniedHandler(accessDeniedHandler); //授权失败处理器
    
            http.logout().disable(); //关闭默认 logout功能  禁用security默认的注销功能
    
            //将过滤器 配置到 UsernamePasswordAuthenticationFilter之前
            http.addFilterBefore(jwtAuthenticationTokenFilter, UsernamePasswordAuthenticationFilter.class);
    
            //允许跨域
            http.cors();
        }
    
        @Override
        @Bean     //暴露ProvideManager方法注入到spring bean容器中
        public AuthenticationManager authenticationManagerBean() throws Exception {
        
    //        这一段配置用于登录时认证，只有使用了这个配置才能自动注入AuthenticationManager,并使用它来进行用户认证
            return super.authenticationManagerBean();
        }
    }

JwtAuthenticationTokenFilter：

import ...
    
    @Component
    public class JwtAuthenticationTokenFilter extends OncePerRequestFilter {
        
    
        @Autowired
        private RedisCache redisCache;
    
        @Override
        protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain) throws ServletException, IOException {
        
    //      登录校验过滤器        定义Jwt认证过滤器  浏览器登录后，再次发送请求时，会携带token，让服务器验证
    
            //获取请求头中的token
            String token = request.getHeader("token");
            if(!StringUtils.hasText(token)){
         //没有token就说明是第一次登录，直接放行
                //说明该接口 不需要登录，直接放行
                filterChain.doFilter(request,response);
                return;   //放行，程序到此结束
            }
            //解析token 获取userid
            Claims claims = null;
            try {
        
                claims = JwtUtil.parseJWT(token);
            } catch (Exception e) {
        
                e.printStackTrace();
                //token超时，token非法
                //响应告诉前端重新登录 (响应一个json格式)
                ResponseResult result = ResponseResult.errorResult(AppHttpCodeEnum.NEED_LOGIN);// 401 请重新登录
                WebUtils.renderString(response, JSON.toJSONString(result)); //转成json，并把json串写到响应体当中
                return;
            }
            String userId = claims.getSubject(); // 拿到userid
            //从redis获取用户信息(如果获取失败，则验证失败)
            LoginUser loginUser = redisCache.getCacheObject("login:" + userId);
            //如果获取不到
            if (Objects.isNull(loginUser)){
        
                //说明登录过期，重新登录
                ResponseResult result = ResponseResult.errorResult(AppHttpCodeEnum.NEED_LOGIN);// 401 请重新登录
                WebUtils.renderString(response, JSON.toJSONString(result)); //转成json，并把json串写到响应体当中
                return;
            }
    
            //存入SecurityContextHolder
            UsernamePasswordAuthenticationToken authenticationToken = new UsernamePasswordAuthenticationToken(loginUser,null,null);//未认证，用两个参数，认证过，用三个参数
            SecurityContextHolder.getContext().setAuthentication(authenticationToken);
    
    //        都执行完了要 放行，让下面的filter处理
            filterChain.doFilter(request,response);
        }
    }

#### 5.1 后台登录 ####

后台的认证授权使用SpringSecurity安全框架来实现。

##### 5.1.0 需求 #####

登录功能

后台所有功能都必须登录才能使用。

##### 5.1.1 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>POST</td> 
   <td>/user/login</td> 
  </tr> 
 </tbody> 
</table>

请求体：

{
        
        "userName":"sg",
        "password":"1234"
    }

响应格式：

##### 5.1.2 思路分析 #####

①自定义登录接口

调用ProviderManager的方法进行认证 如果认证通过生成jwt

把用户信息存入redis中

②自定义UserDetailsService

在这个实现类中去查询数据库

注意配置passwordEncoder为BCryptPasswordEncoder

校验：

①定义Jwt认证过滤器

获取token

解析token获取其中的userid

从redis中获取用户信息

存入SecurityContextHolder

##### 5.1.3 准备工作 #####

①添加依赖 ，sangeng-framework模块的pom中添加如下依赖

*  redis依赖
 *  fastjson依赖
 *  jwt依赖

##### 5.1.4 登录接口代码实现 #####

###### LoginController ######

![在这里插入图片描述][87d0ca761f74499e90b30aa7753b8cb1.png]

###### LoginService ######

![在这里插入图片描述][21633e2a5634478eb07c254d129e5d25.png]

###### SecurityConfig ######

添加security相关类——`SecurityConfig`和`JwtAuthenticationTokenFilter` 代码在前台系统中有。  
使admin模块能够使用SpringSecurity（拦截，密码加密，权限等）  
![在这里插入图片描述][25e356fdc6774c248db0e0fc46913748.png]

###### LoginServiceImpl ######

@Service
    public class SystemLoginServiceImpl implements LoginService {
        
        @Autowired
        private AuthenticationManager authenticationManager;//SecurityConfig配置AuthenticationManager已经注入到容器当中，可以使用
        //AuthenticationManager.ProviderManager的方法进行认证
        @Autowired
        private RedisCache redisCache; //存入redis，需要使用rediscache
        @Override
        public ResponseResult login(User user) {
        
    //        调用ProviderManager的方法进行认证 如果认证通过生成jwt
    //      UsernamePasswordAuthenticationToken -> AbstractAuthenticationToken -> Authentication
            UsernamePasswordAuthenticationToken authenticationToken = new UsernamePasswordAuthenticationToken(user.getUserName(),user.getPassword());//传用户名 密码
            Authentication authenticate = authenticationManager.authenticate(authenticationToken);//调用认证方法 参数是Authentication，使用它的实现类UsernamePasswordAuthenticationToken
    //        authenticationManager 实际上 会默认调用UserDetailsService接口去认证，所以要重写UserDetailsService接口
    
            //security会使用UserDetailsService实现类中的loadUserByUsername方法进行校验，所以要重写该方法
    //        return new LoginUser(user) 返回给 Authentication authenticate,包含了 UserDetails对象(权限信息 + 用户信息)
    //        authenticationManager.authenticate() 认证的时候，自动进行密码比对
            //判断是否通过
            if (Objects.isNull(authenticate)){
        
                throw new RuntimeException("用户名或密码错误");
            }
            //获取userid，生成token
            LoginUser loginUser = (LoginUser) authenticate.getPrincipal();//获取认证主体 强转成LoginUser
            String userId = loginUser.getUser().getId().toString();
            String jwt = JwtUtil.createJWT(userId); //jwt：把userid加密后的密文 即token
    
            //把用户信息存入redis   格式(bloglogin:id,loginUser)  (包含权限信息)
            redisCache.setCacheObject("login:"+userId,loginUser);
    
            //把token封装 返回
            Map<String,String> map = new HashMap<>();
            map.put("token",jwt);
            return ResponseResult.okResult(map);
        }
    
        @Override
        public ResponseResult logout() {
        
            //获取当前登录的用户id
            Long userId = SecurityUtils.getUserId();
            //删除redis中对应的值
            redisCache.deleteObject("login:"+userId);
    
            return ResponseResult.okResult();
        }
    
    }

#### 5.2 后台权限控制及动态路由 ####

后台系统 需要能实现 不同的用户权限 可以看到不同的功能。

用户只能使用他的权限所允许使用的功能。

##### 功能设计 #####

RBAC权限模型

##### 表分析 #####

![在这里插入图片描述][be180f85091c4479a70b0c3646da35ce.png]  
![在这里插入图片描述][cd9cfa8033ad4108987130115d78a145.png]

![在这里插入图片描述][7aff1789002049059a441a9a54b287d8.png]  
![在这里插入图片描述][cb3610ed6ee54260a49c2facf319b2dc.png]

![在这里插入图片描述][794cf41a4bd94a23b1ccf55848f881bd.png]![在这里插入图片描述][22afb11854504fb4a64f1fa42b3e3e70.png]

##### 接口设计 #####

###### getInfo接口 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>/getInfo</td> 
   <td>需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

请求参数：无

响应格式:

如果用户id为1代表管理员，roles 中只需要有admin，permissions中需要有所有菜单类型为C或者F的，状态为正常的，未被删除的权限

{
        
    	"code":200,
    	"data":{
        
    		"permissions":[
    			"system:user:list",
                "system:role:list",
    			"system:menu:list",
    			"system:user:query",
    			"system:user:add"
                //此次省略1000字
    		],
    		"roles":[
    			"admin"
    		],
    		"user":{
        
    			"avatar":"http://r7yxkqloa.bkt.clouddn.com/2022/03/05/75fd15587811443a9a9a771f24da458d.png",
    			"email":"23412332@qq.com",
    			"id":1,
    			"nickName":"sg3334",
    			"sex":"1"
    		}
    	},
    	"msg":"操作成功"
    }

###### getRouters接口 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>/getRouters</td> 
   <td>需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

请求参数：无

响应格式:

前端为了实现动态路由的效果，需要后端有接口能返回用户所能访问的菜单数据。

注意：**返回的菜单数据需要体现父子菜单的层级关系**

如果用户id为1代表管理员，menus中需要有所有菜单类型为C或者M的，状态为正常的，未被删除的权限

数据格式如下：

{
        
    	"code":200,
    	"data":{
        
    		"menus":[
    			{
        
    				"children":[],
    				"component":"content/article/write/index",
    				"createTime":"2022-01-08 11:39:58",
    				"icon":"build",
    				"id":2023,
    				"menuName":"写博文",
    				"menuType":"C",
    				"orderNum":"0",
    				"parentId":0,
    				"path":"write",
    				"perms":"content:article:writer",
    				"status":"0",
    				"visible":"0"
    			},
    			{
        
    				"children":[
    					{
        
    						"children":[],
    						"component":"system/user/index",
    						"createTime":"2021-11-12 18:46:19",
    						"icon":"user",
    						"id":100,
    						"menuName":"用户管理",
    						"menuType":"C",
    						"orderNum":"1",
    						"parentId":1,
    						"path":"user",
    						"perms":"system:user:list",
    						"status":"0",
    						"visible":"0"
    					},
    					{
        
    						"children":[],
    						"component":"system/role/index",
    						"createTime":"2021-11-12 18:46:19",
    						"icon":"peoples",
    						"id":101,
    						"menuName":"角色管理",
    						"menuType":"C",
    						"orderNum":"2",
    						"parentId":1,
    						"path":"role",
    						"perms":"system:role:list",
    						"status":"0",
    						"visible":"0"
    					},
    					{
        
    						"children":[],
    						"component":"system/menu/index",
    						"createTime":"2021-11-12 18:46:19",
    						"icon":"tree-table",
    						"id":102,
    						"menuName":"菜单管理",
    						"menuType":"C",
    						"orderNum":"3",
    						"parentId":1,
    						"path":"menu",
    						"perms":"system:menu:list",
    						"status":"0",
    						"visible":"0"
    					}
    				],
    				"createTime":"2021-11-12 18:46:19",
    				"icon":"system",
    				"id":1,
    				"menuName":"系统管理",
    				"menuType":"M",
    				"orderNum":"1",
    				"parentId":0,
    				"path":"system",
    				"perms":"",
    				"status":"0",
    				"visible":"0"
    			}
    		]
    	},
    	"msg":"操作成功"
    }

##### 代码实现 #####

###### 准备工作 ######

生成menu和role表对于的类

###### getInfo接口 ######

@Data
    @Accessors(chain = true)
    @AllArgsConstructor
    @NoArgsConstructor
    public class AdminUserInfoVo {
        
    
        private List<String> permissions;
    
        private List<String> roles;
    
        private UserInfoVo user;
    }

@RestController
    public class LoginController {
        
        @Autowired
        private LoginService loginService;
    
        @Autowired
        private MenuService menuService;
    
        @Autowired
        private RoleService roleService;
    
        @PostMapping("/user/login")
        public ResponseResult login(@RequestBody User user){
        
            if(!StringUtils.hasText(user.getUserName())){
        
                //提示 必须要传用户名
                throw new SystemException(AppHttpCodeEnum.REQUIRE_USERNAME);
            }
            return loginService.login(user);
        }
    
        @GetMapping("getInfo")
        public ResponseResult<AdminUserInfoVo> getInfo(){
        
            //获取当前登录的用户
            LoginUser loginUser = SecurityUtils.getLoginUser();
            //根据用户id查询权限信息
            List<String> perms = menuService.selectPermsByUserId(loginUser.getUser().getId());
            //根据用户id查询角色信息
            List<String> roleKeyList = roleService.selectRoleKeyByUserId(loginUser.getUser().getId());
    
            //获取用户信息
            User user = loginUser.getUser();
            UserInfoVo userInfoVo = BeanCopyUtils.copyBean(user, UserInfoVo.class);
            //封装数据返回
    
            AdminUserInfoVo adminUserInfoVo = new AdminUserInfoVo(perms,roleKeyList,userInfoVo);
            return ResponseResult.okResult(adminUserInfoVo);
        }
    
    }

RoleServiceImpl selectRoleKeyByUserId方法

@Service("menuService")
    public class MenuServiceImpl extends ServiceImpl<MenuMapper, Menu> implements MenuService {
        
    
        @Override
        public List<String> selectPermsByUserId(Long id) {
        
            //如果是管理员，返回所有的权限
            if(id == 1L){
        
                LambdaQueryWrapper<Menu> wrapper = new LambdaQueryWrapper<>();
                wrapper.in(Menu::getMenuType,SystemConstants.MENU,SystemConstants.BUTTON);
                wrapper.eq(Menu::getStatus,SystemConstants.STATUS_NORMAL);
                List<Menu> menus = list(wrapper);
                List<String> perms = menus.stream()
                        .map(Menu::getPerms)
                        .collect(Collectors.toList());
                return perms;
            }
            //否则返回所具有的权限
            return getBaseMapper().selectPermsByUserId(id);
        }
    }

MenuMapper

/**
     * 菜单权限表(Menu)表数据库访问层
     *
     * @author makejava
     * @since 2022-08-09 22:32:07
     */
    public interface MenuMapper extends BaseMapper<Menu> {
        
    
        List<String> selectPermsByUserId(Long userId);
    }

<?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
    <mapper namespace="com.sangeng.mapper.MenuMapper">
    
        <select id="selectPermsByUserId" resultType="java.lang.String">
            SELECT
                DISTINCT m.perms
            FROM
                `sys_user_role` ur
                LEFT JOIN `sys_role_menu` rm ON ur.`role_id` = rm.`role_id`
                LEFT JOIN `sys_menu` m ON m.`id` = rm.`menu_id`
            WHERE
                ur.`user_id` = #{userId} AND
                m.`menu_type` IN ('C','F') AND
                m.`status` = 0 AND
                m.`del_flag` = 0
        </select>
    </mapper>

MenuServiceImpl selectPermsByUserId方法

@Service("roleService")
    public class RoleServiceImpl extends ServiceImpl<RoleMapper, Role> implements RoleService {
        
    
        @Override
        public List<String> selectRoleKeyByUserId(Long id) {
        
            //判断是否是管理员 如果是返回集合中只需要有admin
            if(id == 1L){
        
                List<String> roleKeys = new ArrayList<>();
                roleKeys.add("admin");
                return roleKeys;
            }
            //否则查询用户所具有的角色信息
            return getBaseMapper().selectRoleKeyByUserId(id);
        }
    }

public interface RoleMapper extends BaseMapper<Role> {
        
    
        List<String> selectRoleKeyByUserId(Long userId);
    }

<?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
    <mapper namespace="com.sangeng.mapper.RoleMapper">
        <select id="selectRoleKeyByUserId" resultType="java.lang.String">
            SELECT
                r.`role_key`
            FROM
                `sys_user_role` ur
                LEFT JOIN `sys_role` r ON ur.`role_id` = r.`id`
            WHERE
                ur.`user_id` = #{userId} AND
                r.`status` = 0 AND
                r.`del_flag` = 0
        </select>
    </mapper>

###### getRouters接口 ######

RoutersVo

@Data
    @AllArgsConstructor
    @NoArgsConstructor
    public class RoutersVo {
        
    
        private List<Menu> menus;
    }

LoginController

@GetMapping("getRouters")
        public ResponseResult<RoutersVo> getRouters(){
        
            Long userId = SecurityUtils.getUserId();
            //查询menu 结果是tree的形式
            List<Menu> menus = menuService.selectRouterMenuTreeByUserId(userId);
            //封装数据返回
            return ResponseResult.okResult(new RoutersVo(menus));
        }

MenuService

public interface MenuService extends IService<Menu> {
        
    
        List<String> selectPermsByUserId(Long id);
    
        List<Menu> selectRouterMenuTreeByUserId(Long userId);
    }

MenuServiceImpl

@Override
        public List<Menu> selectRouterMenuTreeByUserId(Long userId) {
        
            MenuMapper menuMapper = getBaseMapper();
            List<Menu> menus = null;
            //判断是否是管理员
            if(SecurityUtils.isAdmin()){
        
                //如果是 获取所有符合要求的Menu
                menus = menuMapper.selectAllRouterMenu();
            }else{
        
                //否则  获取当前用户所具有的Menu
                menus = menuMapper.selectRouterMenuTreeByUserId(userId);
            }
    
            //构建tree
            //先找出第一层的菜单  然后去找他们的子菜单设置到children属性中
            List<Menu> menuTree = builderMenuTree(menus,0L);
            return menuTree;
        }
    
        private List<Menu> builderMenuTree(List<Menu> menus, Long parentId) {
        
            List<Menu> menuTree = menus.stream()
                    .filter(menu -> menu.getParentId().equals(parentId))
                    .map(menu -> menu.setChildren(getChildren(menu, menus)))
                    .collect(Collectors.toList());
            return menuTree;
        }
    
        /**
         * 获取存入参数的 子Menu集合
         * @param menu
         * @param menus
         * @return
         */
        private List<Menu> getChildren(Menu menu, List<Menu> menus) {
        
            List<Menu> childrenList = menus.stream()
                    .filter(m -> m.getParentId().equals(menu.getId()))
                    .map(m->m.setChildren(getChildren(m,menus)))
                    .collect(Collectors.toList());
            return childrenList;
        }

MenuMapper.java

List<Menu> selectAllRouterMenu();
    
        List<Menu> selectRouterMenuTreeByUserId(Long userId);

MenuMapper.xml

<select id="selectAllRouterMenu" resultType="com.sangeng.domain.entity.Menu">
            SELECT
              DISTINCT m.id, m.parent_id, m.menu_name, m.path, m.component, m.visible, m.status, IFNULL(m.perms,'') AS perms, m.is_frame,  m.menu_type, m.icon, m.order_num, m.create_time
            FROM
                `sys_menu` m
            WHERE
                m.`menu_type` IN ('C','M') AND
                m.`status` = 0 AND
                m.`del_flag` = 0
            ORDER BY
                m.parent_id,m.order_num
        </select>
        <select id="selectRouterMenuTreeByUserId" resultType="com.sangeng.domain.entity.Menu">
            SELECT
              DISTINCT m.id, m.parent_id, m.menu_name, m.path, m.component, m.visible, m.status, IFNULL(m.perms,'') AS perms, m.is_frame,  m.menu_type, m.icon, m.order_num, m.create_time
            FROM
                `sys_user_role` ur
                LEFT JOIN `sys_role_menu` rm ON ur.`role_id` = rm.`role_id`
                LEFT JOIN `sys_menu` m ON m.`id` = rm.`menu_id`
            WHERE
                ur.`user_id` = #{userId} AND
                m.`menu_type` IN ('C','M') AND
                m.`status` = 0 AND
                m.`del_flag` = 0
            ORDER BY
                m.parent_id,m.order_num
        </select>

查询的列：

SELECT DISTINCT m.id, m.parent\_id, m.menu\_name, m.path, m.component, m.visible, m.status, IFNULL(m.perms,‘’) AS perms, m.is\_frame, m.menu\_type, m.icon, m.order\_num, m.create\_time

注意需要按照parent\_id和order\_num排序

#### 5.3 退出登录接口 ####

##### 5.3.1 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>POST</td> 
   <td>/user/logout</td> 
   <td>需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

响应格式:

{
        
        "code": 200,
        "msg": "操作成功"
    }

##### 5.3.2 代码实现 #####

要实现的操作：

删除redis中的用户信息

LoginController

@PostMapping("/user/logout")
        public ResponseResult logout(){
        
            return loginServcie.logout();
        }

LoginService

ResponseResult logout();

SystemLoginServiceImpl

@Override
        public ResponseResult logout() {
        
            //获取当前登录的用户id
            Long userId = SecurityUtils.getUserId();
            //删除redis中对应的值
            redisCache.deleteObject("login:"+userId);
            return ResponseResult.okResult();
        }

SecurityConfig

要关闭默认的退出登录功能。并且要配置我们的退出登录接口需要认证才能访问

@Override
        protected void configure(HttpSecurity http) throws Exception {
        
            http
                    //关闭csrf
                    .csrf().disable()
                    //不通过Session获取SecurityContext
                    .sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS)
                    .and()
                    .authorizeRequests()
                    // 对于登录接口 允许匿名访问
                    .antMatchers("/user/login").anonymous()
    //                //注销接口需要认证才能访问
    //                .antMatchers("/logout").authenticated()
    //                .antMatchers("/user/userInfo").authenticated()
    //                .antMatchers("/upload").authenticated()
                    // 除上面外的所有请求全部不需要认证即可访问
                    .anyRequest().authenticated();
    
            //配置异常处理器
            http.exceptionHandling()
                    .authenticationEntryPoint(authenticationEntryPoint)
                    .accessDeniedHandler(accessDeniedHandler);
            //关闭默认的注销功能
            http.logout().disable();
            //把jwtAuthenticationTokenFilter添加到SpringSecurity的过滤器链中
            http.addFilterBefore(jwtAuthenticationTokenFilter, UsernamePasswordAuthenticationFilter.class);
            //允许跨域
            http.cors();
        }

#### 5.4 查询标签列表 ####

##### 5.4.0 需求 #####

为了方便后期对文章进行管理，需要提供标签的功能，一个文章可以有多个标签。

在后台需要分页查询标签功能，要求能根据标签名进行分页查询。 **后期可能会增加备注查询等需求**。

注意：不能把删除了的标签查询出来。

##### 5.4.1 标签表分析 #####

通过需求去分析需要有哪些字段。

##### 5.4.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Get</td> 
   <td>content/tag/list</td> 
  </tr> 
 </tbody> 
</table>

Query格式请求参数：

pageNum: 页码

pageSize: 每页条数

name：标签名

remark：备注

响应格式：

{
        
    	"code":200,
    	"data":{
        
    		"rows":[
    			{
        
    				"id":4,
    				"name":"Java",
    				"remark":"sdad"
    			}
    		],
    		"total":1
    	},
    	"msg":"操作成功"
    }

##### 5.4.3 代码实现 #####

Controller

@RestController
    @RequestMapping("/content/tag")
    public class TagController {
        
        @Autowired
        private TagService tagService;
    
        @GetMapping("/list")
        public ResponseResult<PageVo> list(Integer pageNum, Integer pageSize, TagListDto tagListDto){
        
            return tagService.pageTagList(pageNum,pageSize,tagListDto);
        }
    }

Service

public interface TagService extends IService<Tag> {
        
    
        ResponseResult<PageVo> pageTagList(Integer pageNum, Integer pageSize, TagListDto tagListDto);
    }

@Service("tagService")
    public class TagServiceImpl extends ServiceImpl<TagMapper, Tag> implements TagService {
        
    
        @Override
        public ResponseResult<PageVo> pageTagList(Integer pageNum, Integer pageSize, TagListDto tagListDto) {
        
            //分页查询
            LambdaQueryWrapper<Tag> queryWrapper = new LambdaQueryWrapper<>();
            queryWrapper.eq(StringUtils.hasText(tagListDto.getName()),Tag::getName,tagListDto.getName());
            queryWrapper.eq(StringUtils.hasText(tagListDto.getRemark()),Tag::getRemark,tagListDto.getRemark());
    
            Page<Tag> page = new Page<>();
            page.setCurrent(pageNum);
            page.setSize(pageSize);
            page(page, queryWrapper);
            //封装数据返回
            PageVo pageVo = new PageVo(page.getRecords(),page.getTotal());
            return ResponseResult.okResult(pageVo);
        }
    }

*  **`以下代码都是自己手敲的，配有 相关知识点。`**

#### 5.5 新增标签 ####

##### 5.5.0 需求 #####

点击标签管理的新增按钮可以实现新增标签的功能。

##### 5.5.1 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>POST</td> 
   <td>/content/tag</td> 
   <td>需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

请求体格式:

{
        "name":"c#","remark":"c++++"}

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

##### 5.5.2 实现 #####

![在这里插入图片描述][4402bddb3d7842fbbbac34c9785e2d4d.png]

![在这里插入图片描述][03cad69bf50f43febf67b8ab1b27a4e9.png]  
创建时间，修改时间 的日期格式 这里是在 service中实现，也可以在 对应的实体类Tag中添加注解实现。

*  `@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")`

![在这里插入图片描述][4eee3766892f48549fb7d7e5e965884e.png]

#### 5.6 删除标签 ####

##### 5.6.1 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>DELETE</td> 
   <td>/content/tag/{id}</td> 
   <td>需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

请求参数在path中

例如：content/tag/6 代表删除id为6的标签数据

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

##### 5.6.2 实现 #####

删除后在列表中是查看不到该条数据

数据库中该条数据还是存在的，只是修改了逻辑删除字段的值：  
需要再配置文件中设置  
![在这里插入图片描述][3d5987fa38fa4d4a90ff166b7ce61a31.png]

![在这里插入图片描述][9e631b86c0c64361bd77349f44d54504.png]![在这里插入图片描述][1029a6f5abb247a0b3838deb02aaba34.png]

#### 5.7 修改标签 ####

##### 5.7.1 接口设计 #####

###### 5.7.1.1 获取标签信息 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>/content/tag/{id}</td> 
   <td>需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

请求参数在path中

例如：content/tag/6 代表获取id为6的标签数据

响应格式：

{
        
    	"code":200,
    	"data":{
        
            "id":4,
            "name":"Java",
            "remark":"sdad"
    	},
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][4b56bf9124a8414189f26f128b860b71.png]  
![在这里插入图片描述][4f8a3e9029f14f5e94de61c2fe70053c.png]

###### 5.7.1.2 修改标签接口 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>PUT</td> 
   <td>/content/tag</td> 
   <td>需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

请求体格式：

{
        "id":7,"name":"c#","remark":"c++++"}

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现

![在这里插入图片描述][bd5bca5ca92744f1b5b74315d45ce8dd.png]

![在这里插入图片描述][1118d082d95a4c5d8c0f32b5543ff1df.png]

#### 5.8 写博文 ####

##### 5.8.1 需求 #####

需要提供写博文的功能，写博文时需要关联分类和标签。

可以上传缩略图，也可以在正文中添加图片。

文章可以直接发布，也可以保存到草稿箱。

##### 5.8.2 表分析 #####

写文章，文章对应有标签，文章还有分类  
![在这里插入图片描述][ac253dd1e6da490b87254e527f12f991.png]

![在这里插入图片描述][91d419b9ec904c16b0d4ed210f6d9892.png]

##### 5.8.2 接口设计 #####

###### 5.8.2.1 查询所有分类接口 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>/content/category/listAllCategory</td> 
   <td>需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

请求参数：

无

响应格式：

{
        
    	"code":200,
    	"data":[
    		{
        
    			"description":"wsd",
    			"id":1,
    			"name":"java"
    		},
    		{
        
    			"description":"wsd",
    			"id":2,
    			"name":"PHP"
    		}
    	],
    	"msg":"操作成功"
    }

实现：

![在这里插入图片描述][025ee2bf3def45e9a977a58704555cee.png]  
![在这里插入图片描述][278132ce203543e79076d0ddb5d0045b.png]  
![在这里插入图片描述][8b05e45c674040bb832cb4d35fe14637.png]

###### 5.8.2.2 查询所有标签接口 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>/content/tag/listAllTag</td> 
   <td>需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

请求参数:

无

响应格式：

{
        
    	"code":200,
    	"data":[
    		{
        
    			"id":1,
    			"name":"Mybatis"
    		},
    		{
        
    			"id":4,
    			"name":"Java"
    		}
    	],
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][9ba8a918027e459396e47d160d7ef03b.png]  
![在这里插入图片描述][25bcaed2497a400080143df70f8b47a8.png]

###### 5.8.2.3 上传图片 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>POST</td> 
   <td>/upload</td> 
   <td>需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

参数：

img,值为要上传的文件

请求头：

Content-Type ：multipart/form-data;

响应格式:

{
        
        "code": 200,
        "data": "文件访问链接",
        "msg": "操作成功"
    }

实现  
![2bae466401b94440a8779490156a69c0.png][]  
![在这里插入图片描述][15a23b735e464a85b0f603e8946e4287.png]  
serviceImp

package com.sangeng.service.impl;
    import ...
    
    @Service
    @Data //生成getter和sertter方法，这里三个成员变量主要使用getter方法进行赋值
    @ConfigurationProperties(prefix = "oss") //@ConfigurationProperties 的作用: 让JavaBean中属性值要和配置文件application.xml进行映射
    public class OssUploadService implements UploadService {
        
        @Override
        public ResponseResult uploadImg(MultipartFile img) {
         //img是网络中传过来的流对象
            //判断文件类型
                //获取原始文件名
            String originalFilename = img.getOriginalFilename(); //得到上传时的文件名(本机需要上传的文件名，比如111.jpg上传到oss)
            //对原始文件名进行判断（只接受.png .jpg格式文件）
            if (!originalFilename.endsWith(".png") && !originalFilename.endsWith(".jpg")){
        
                //如果文件名 不是以 .png 结尾，抛出异常
                throw new SystemException(AppHttpCodeEnum.FILE_TYPE_ERROR);
            }
            //如果判断通过，则上传文件到OSS
    //        根据当前文件名，生成一个存放路径 2023/6.14/uuid.png  或.jpg
            String filePath = PathUtils.generateFilePath(originalFilename);// 2022/1/15/+uuid+.jpg 得到文件路径
            String url = uploadOss(img,filePath); //上传文件至OSS后返回一个外链（可以通过此外链url 访问OSS中上传的图片）
    
            return ResponseResult.okResult(url); //返回结果data是外链 值
        }
    
        private String accessKey;
        private String secretKey;
        private String bucket;
    
        private String uploadOss(MultipartFile imgFile, String filePath){
        
    //        注：用七牛云的oss，所以导包的时候 要导入七牛云的包。     用人家的代码，导人家的包 com.qiniu.storage
            //构造一个带指定 Region 对象的配置类
    //修改1.Region指定数据存储区域，autoRegion()自动根据七牛云账号找到选的区域（我选的是 华北）
            Configuration cfg = new Configuration(Region.autoRegion());
            cfg.resumableUploadAPIVersion = Configuration.ResumableUploadAPIVersion.V2;// 指定分片上传版本
            UploadManager uploadManager = new UploadManager(cfg);
    //...生成上传凭证，然后准备上传
    
       注：为了安全起见，AK,SK,bucket存储空间名，都是从application.xml 配置文件中读取到的
    修改2.复制七牛云官网-个人中心-密钥管理-  AK和SK
    //        String accessKey = "";
    //        String secretKey = "";
    修改3.创建存储空间的名字 pk-sg-blog
    //        String bucket = "";
    
    //默认不指定key的情况下，以文件内容的hash值作为文件名,  比如上传一张图片，名字为hash值生成的名字
    //修改4.指定上传文件到oss时，文件的存储名
            String key = filePath; // 指定生成路径
            try {
        
    //修改5 注释掉默认上传，改成 前端传过来的文件流
    //            byte[] uploadBytes = "hello qiniu cloud".getBytes("utf-8");
    //            ByteArrayInputStream byteInputStream=new ByteArrayInputStream(uploadBytes);
    //上传文件——前端传过来的图片
    //            获取到网络中传过来的流对象的inputstream
                InputStream inputStream = imgFile.getInputStream();//前端传过来的文件转成inputstream流
    
                Auth auth = Auth.create(accessKey, secretKey);//创建凭证
                String upToken = auth.uploadToken(bucket); //上传凭证
                try {
        
    //修改6 put方法 第一个参数 要放上面 自己定义的 inputStream对象
                    Response response = uploadManager.put(inputStream,key,upToken,null, null);
                    //解析上传成功的结果
                    DefaultPutRet putRet = new Gson().fromJson(response.bodyString(), DefaultPutRet.class);
                    System.out.println(putRet.key); //111.png  key值就是上传后的 文件名
                    System.out.println(putRet.hash); //Fo2AVLRHugoNbek6XZ8Uy-DCnuSL
    //              外链 http://rw7y62wqd.hb-bkt.clouddn.com/111.png
    //                外链= http://+ 测试域名+文件名               七牛云测试域名，免费用30天，过期回收域名
                    return "http://rw7y62wqd.hb-bkt.clouddn.com/"+key;   //上传成功，返回一个对应的外链
                } catch (QiniuException ex) {
        
                    Response r = ex.response;
                    System.err.println(r.toString());
                    try {
        
                        System.err.println(r.bodyString());
                    } catch (QiniuException ex2) {
        
                        //ignore
                    }
                }
            } catch (Exception ex) {
        
                //ignore  异常类型 改大一点
            }
            return "www";
        }
    
    }

###### 5.8.2.4 新增博文 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>POST</td> 
   <td>/content/article</td> 
   <td>需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

请求体格式：

{
        
        "title":"测试新增博文",
        "thumbnail":"https://sg-blog-oss.oss-cn-beijing.aliyuncs.com/2022/08/21/4ceebc07e7484beba732f12b0d2c43a9.png",
        "isTop":"0",
        "isComment":"0",
        "content":"# 一级标题\n## 二级标题\n![Snipaste_20220228_224837.png](https://img-blog.csdnimg.cn/img_convert/9a98336c43a0605a50ef539e6558f380.png)\n正文",
        "tags":[
            1,
            4
        ],
        "categoryId":1,
        "summary":"哈哈",
        "status":"1"
    }

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][ebd99254e4be41148fe3f7b4a49e2f9c.png]  
![在这里插入图片描述][44891f38980b434283858476f54683c6.png]  
![在这里插入图片描述][0e0ae448840f48f59bf7874b11fab4e6.png]

##### 5.8.3 Dto+自动填充 #####

AddArticleDto

注意增加tags属性用于接收文章关联标签的id

![在这里插入图片描述][1bdcddb0ec7e423b9823bd6962f1f29b.png]

Article 修改这样创建时间创建人修改时间修改人可以自动填充（需要mybatisplus配置文件，配置自动填充拦截器）

@TableField(fill = FieldFill.INSERT)
        private Long createBy;
        @TableField(fill = FieldFill.INSERT)
        private Date createTime;
        @TableField(fill = FieldFill.INSERT_UPDATE)
        private Long updateBy;
        @TableField(fill = FieldFill.INSERT_UPDATE)
        private Date updateTime;

![在这里插入图片描述][0c2ee718c3a6485296859bd0c8f60b2a.png]  
代码

package com.sangeng.handler.mybatisplus;
    import com.baomidou.mybatisplus.core.handlers.MetaObjectHandler;
    import com.sangeng.utils.SecurityUtils;
    import org.apache.ibatis.reflection.MetaObject;
    import org.springframework.stereotype.Component;
    
    import java.util.Date;
    @Component
    public class MyMetaObjectHandler implements MetaObjectHandler {
        
        //配置自动填充 拦截器
        //insert操作时填充方法
        @Override
        public void insertFill(MetaObject metaObject) {
        
            Long userId = null;
    //        try {
        
                userId = SecurityUtils.getUserId(); //从token中拿到userid,自动填充
    //        } catch (Exception e) {
        
    //            e.printStackTrace();
    //        注册的时候，不能获取当前userid，所以userid设置为-1
    //            userId = -1L;//表示是自己创建
    //        }
            this.setFieldValByName("createTime", new Date(), metaObject);
            this.setFieldValByName("createBy",userId , metaObject);
            this.setFieldValByName("updateTime", new Date(), metaObject);
            this.setFieldValByName("updateBy", userId, metaObject);
        }
        //update操作时填充方法
        @Override
        public void updateFill(MetaObject metaObject) {
        
            this.setFieldValByName("updateTime", new Date(), metaObject);
            this.setFieldValByName(" ", SecurityUtils.getUserId(), metaObject);
        }
    }

#### 5.9 导出所有分类到Excel ####

##### 5.9.1 需求 #####

分类管理 导出按钮 把所有分类 导出到 Excel文件中。

##### 5.9.2 技术方案 #####

使用EasyExcel实现Excel的导出操作。

https://github.com/alibaba/easyexcel

[EasyExcel官网][EasyExcel]

##### 5.9.3 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求地址</th> 
   <th>请求头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>/content/category/export</td> 
   <td>需要token请求头</td> 
  </tr> 
 </tbody> 
</table>

请求参数：

无

响应格式：

成功的话可以直接导出一个Excel文件

失败的话响应格式如下：

{
        
    	"code":500,
    	"msg":"出现错误"
    }

##### 5.9.4 代码实现 #####

工具类方法修改  
![在这里插入图片描述][a2c7b277c2724159a4a2c94c67c7037c.png]  
![在这里插入图片描述][259c4eff150c4bae9c7989da5ed478c6.png]  
![在这里插入图片描述][a8fb03c2732c4056a4cd3db70cf1f132.png]

WebUtils

public static void setDownLoadHeader(String filename, HttpServletResponse response) throws UnsupportedEncodingException {
        
            response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
            response.setCharacterEncoding("utf-8");
            String fname= URLEncoder.encode(filename,"UTF-8").replaceAll("\\+", "%20");
            response.setHeader("Content-disposition","attachment; filename="+fname);
        }

CategoryController

@GetMapping("/export")
        public void export(HttpServletResponse response){
        
            //设置下载文件的请求头
            try {
        
                WebUtils.setDownLoadHeader("分类.xlsx",response); //设置 响应头，excel的名字
                //获取需要导出的数据   查询到所有的分类数据
                List<Category> categoryVos = categoryService.list();
    
                List<ExcelCategoryVo> excelCategoryVos = BeanCopyUtils.copyBeanList(categoryVos, ExcelCategoryVo.class);
    
                //把数据写入都excel中  write（输出流，封装实体类对象）
                EasyExcel.write(response.getOutputStream(), ExcelCategoryVo.class).autoCloseStream(Boolean.FALSE).sheet("sheet_分类导出")
                        .doWrite(excelCategoryVos);  // 要导出的数据excelCategoryVos， 写到excel中
            } catch (Exception e) {
        
                //如果出现异常 也要相应json
                ResponseResult result = ResponseResult.errorResult(AppHttpCodeEnum.SYSTEM_ERROR);
                WebUtils.renderString(response, JSON.toJSONString(result)); // 把json写入到响应当中
            }
    
        }

ExcelCategoryVo

@Data
    @NoArgsConstructor
    @AllArgsConstructor
    public class ExcelCategoryVo {
        
        @ExcelProperty("分类名")
        private String name;
        //描述
        @ExcelProperty("描述")
        private String description;
    
        //状态0:正常,1禁用
        @ExcelProperty("状态0:正常,1禁用")
        private String status;
    }

#### 5.10 权限控制 ####

##### 5.10.1 需求 #####

对导出分类的接口 做权限控制。

##### 5.10.2 代码实现 #####

![在这里插入图片描述][c1303574ef2f4575b7cd94cf3a8542f8.png]  
![在这里插入图片描述][2b3a700bdcd14327ba6625ecf9a57b76.png]

SecurityConfig

@EnableGlobalMethodSecurity(prePostEnabled = true)

UserDetailsServiceImpl

package com.sangeng.service.impl;
    import ...
    
    @Service
    public class UserDetailsServiceImpl implements UserDetailsService {
        
        @Autowired
        private UserMapper userMapper;
        @Autowired
        private MenuMapper menuMapper;
        @Override
        public UserDetails loadUserByUsername(String username) throws UsernameNotFoundException {
        
            //security会使用UserDetailsService实现类中的loadUserByUsername方法进行校验
            //根据用户名查询用户信息
            LambdaQueryWrapper<User> queryWrapper = new LambdaQueryWrapper<>();
            queryWrapper.eq(User::getUserName,username);
            User user = userMapper.selectOne(queryWrapper);
            //判断是否查到用户  如果没查到抛出异常
            if (Objects.isNull(user)){
         throw new RuntimeException("用户不存在"); }
            //返回用户信息    返回的是UserDatails对象，后面才做密码校验   密码SpringSecurity自动校验
            //TODO 查询权限信息封装 如果是后台用户才需要查询权限封装 （前台用户不需要查询权限）
            if (user.getType().equals(SystemConstants.ADMIN)){
        
                List<String> perms = menuMapper.selectPermsByUserId(user.getId()); //权限列表
                return new LoginUser(user,perms);
            }
            //  定义一个loginUser 实现 UserDetails，即可返回
            return new LoginUser(user,null); //UserDetails对象(权限信息 + 用户信息)
        }
    }

LoginUser

增加属性 private List permissions;

import ...
    @Data
    @AllArgsConstructor
    @NoArgsConstructor
    public class LoginUser implements UserDetails {
        
    //    该类 存储用户信息 + 权限信息
        private User user; //user封装成 LoginUser的成员变量，存储用户信息
    
        //（后台管理员）用户权限
        private List<String> permission;
    
        @Override
        public Collection<? extends GrantedAuthority> getAuthorities() {
        
            //返回一个用户的 权限集合   springsecurity是通过这个方法 获取权限 （可以将permission转换成 该方法类型并返回）
            return null;
        }
    
        @Override
        public String getPassword() {
        
            return user.getPassword();
        }
    
        @Override
        public String getUsername() {
        
            return user.getUserName();
        }
    
        @Override
        public boolean isAccountNonExpired() {
        
            return true;
        }
    
        @Override
        public boolean isAccountNonLocked() {
        
            return true;
        }
    
        @Override
        public boolean isCredentialsNonExpired() {
        
            return true;
        }
    
        @Override
        public boolean isEnabled() {
        
            return true;
        }
    }

![在这里插入图片描述][ae1bb03ab4c445c68624009b5f2e00d6.png]

PermissionService

hasPermisson

@Service("ps")  //对应自定义权限中定义的方法
    // @PreAuthorize("@ps.hasPermission('content:category:export')") @GetMapping("/export")
    public class PermissionService {
        
    //    定义注解hasPermission
        /**
         * 判断当前用户是否具有permission  （权限）
         * @param permission 要判断的权限
         * @return 是 否  具有权限
         */
        public boolean hasPermission(String permission){
        
            //如果是超级管理员，直接返回true
            if (SecurityUtils.isAdmin()){
        
                return true;
            }
            //否则 获取当前登录用户所具有的权限列表，然后 判断是否具有permission
            List<String> perms = SecurityUtils.getLoginUser().getPermission();
            return perms.contains(permission);
        }
    }

![在这里插入图片描述][b9e9e2111ec344eabfc0cdd33e7432be.png]

CategoryController

@PreAuthorize("@ps.hasPermission('content:category:export')") //自定义权限，看登录的用户是否有 这个权限，有才能访问该请求。 要实现@Service("ps") public class PermissionService {}
        @GetMapping("/export")
        public void export(HttpServletResponse response){
        
            //设置下载文件的请求头
            try {
        
                WebUtils.setDownLoadHeader("分类.xlsx",response); //设置 响应头，excel的名字
                //获取需要导出的数据   查询到所有的分类数据
                List<Category> categoryVos = categoryService.list();
    
                List<ExcelCategoryVo> excelCategoryVos = BeanCopyUtils.copyBeanList(categoryVos, ExcelCategoryVo.class);
    
                //把数据写入都excel中  write（输出流，封装实体类对象）
                EasyExcel.write(response.getOutputStream(), ExcelCategoryVo.class).autoCloseStream(Boolean.FALSE).sheet("sheet_分类导出")
                        .doWrite(excelCategoryVos);  // 要导出的数据excelCategoryVos， 写到excel中
            } catch (Exception e) {
        
                //如果出现异常 也要相应json
                ResponseResult result = ResponseResult.errorResult(AppHttpCodeEnum.SYSTEM_ERROR);
                WebUtils.renderString(response, JSON.toJSONString(result)); // 把json写入到响应当中
            }
    
        }

![在这里插入图片描述][1a858aa132ce4514ae9c086374a6ffb3.png]

#### 5.11 文章列表 ####

##### 5.10.1 需求 #####

为了对文章进行管理，需要提供文章列表，

在后台需要分页查询文章功能，要求能根据标题和摘要**模糊查询**。

注意：不能把删除了的文章查询出来

##### 5.10.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Get</td> 
   <td>/content/article/list</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Query格式请求参数：

pageNum: 页码

pageSize: 每页条数

title：文章标题

summary：文章摘要

响应格式：

{
        
    	"code":200,
    	"data":{
        
    		"rows":[
    			{
        
    				"categoryId":"1",
    				"content":"嘻嘻嘻嘻嘻嘻",
    				"createTime":"2022-01-24 07:20:11",
    				"id":"1",
    				"isComment":"0",
    				"isTop":"1",
    				"status":"0",
    				"summary":"SpringSecurity框架教程-Spring Security+JWT实现项目级前端分离认证授权",
    				"thumbnail":"https://sg-blog-oss.oss-cn-beijing.aliyuncs.com/2022/01/31/948597e164614902ab1662ba8452e106.png",
    				"title":"SpringSecurity从入门到精通",
    				"viewCount":"161"
    			}
    		],
    		"total":"1"
    	},
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][2d5b124a90a440fab3bc49d9110de5d1.png]  
![在这里插入图片描述][943fd155bb7048549495a411e46d40b2.png]  
![在这里插入图片描述][5a0d9344c7974dd5a3c62fe19da2130a.png]

#### 5.12 修改文章 ####

##### 5.12.1 需求 #####

点击文章列表中的修改按钮可以跳转到写博文页面。回显示该文章的具体信息。

用户可以在该页面修改文章信息。点击更新按钮后修改文章。

##### 5.12.2 分析 #####

首先根据文章id查询文章的详细信息 实现文章的回显。

##### 5.12.3 接口设计 #####

###### 5.12.3.1 查询文章详情接口 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Get</td> 
   <td>content/article/{id}</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Path格式请求参数：

id: 文章id

响应格式：

{
        
    	"code":200,
    	"data":{
        
    		"categoryId":"1",
    		"content":"xxxxxxx",
    		"createBy":"1",
    		"createTime":"2022-08-28 15:15:46",
    		"delFlag":0,
    		"id":"10",
    		"isComment":"0",
    		"isTop":"1",
    		"status":"0",
    		"summary":"啊实打实",
    		"tags":[
    			"1",
    			"4",
    			"5"
    		],
    		"thumbnail":"https://sg-blog-oss.oss-cn-beijing.aliyuncs.com/2022/08/28/7659aac2b74247fe8ebd9e054b916dbf.png",
    		"title":"委屈饿驱蚊器",
    		"updateBy":"1",
    		"updateTime":"2022-08-28 15:15:46",
    		"viewCount":"0"
    	},
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][ffb93eeb03454231b0a3d6659855dd60.png]  
![在这里插入图片描述][77d2c6b6f1e946ec8b27122c94e6a14d.png]  
![在这里插入图片描述][f4cf95ad511747c59e271d92d77cf112.png]

###### 5.12.3.2 更新文章接口 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>PUT</td> 
   <td>content/article</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

请求体参数格式：

{
        
        "categoryId":"1",
        "content":"![Snipaste_20220228_224837.png](https://img-blog.csdnimg.cn/img_convert/8ce7b01011cc38b1b3d9f6a3597ccb7d.png)\n\n# 十大\n## 时代的",
        "createBy":"1",
        "createTime":"2022-08-28 15:15:46",
        "delFlag":0,
        "id":"10",
        "isComment":"0",
        "isTop":"1",
        "status":"0",
        "summary":"啊实打实2",
        "tags":[
            "1",
            "4",
            "5"
        ],
        "thumbnail":"https://sg-blog-oss.oss-cn-beijing.aliyuncs.com/2022/08/28/7659aac2b74247fe8ebd9e054b916dbf.png",
        "title":"委屈饿驱蚊器",
        "updateBy":"1",
        "updateTime":"2022-08-28 15:15:46",
        "viewCount":"0"
    }

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][62efdcb2b4aa4d4dba0cbf87b33e99ef.png]  
![在这里插入图片描述][edfa380ad3d84ca9a221ceb6bcfa8f63.png]  
![在这里插入图片描述][5f43935e0dc9458c878745826436e7ef.png]

#### 5.13 删除文章 ####

##### 5.13.1 需求 #####

点击文章后面的删除按钮可以删除该文章

注意：是逻辑删除不是物理删除

##### 5.13.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>DELETE</td> 
   <td>content/article/{id}</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Path请求参数：

id：要删除的文章id

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][64f1f29fffc944668ae880e312a9f125.png]  
![在这里插入图片描述][3b0102f99b494ebc92e7e08b1b01d504.png]  
![在这里插入图片描述][066dee4e8ccd4031bd3685d5041790c2.png]

#### 5.14 菜单列表 ####

##### 5.14.1 需求 #####

需要展示菜单列表，不需要分页。

可以针对菜单名进行模糊查询

也可以针对菜单的状态进行查询。

菜单要按照父菜单id和orderNum进行排序

##### 5.14.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>system/menu/list</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Query请求参数：

status : 状态

menuName： 菜单名

响应格式：

{
        
    	"code":200,
    	"data":[
    		{
        
    			"component":"content/article/write/index",
    			"icon":"build",
    			"id":"2023",
    			"isFrame":1,
    			"menuName":"写博文",
    			"menuType":"C",
    			"orderNum":0,
    			"parentId":"0",
    			"path":"write",
    			"perms":"content:article:writer",
    			"remark":"",
    			"status":"0",
    			"visible":"0"
    		},
    		...
    		{
        
    			"icon":"#",
    			"id":"2026",
    			"isFrame":1,
    			"menuName":"友链删除",
    			"menuType":"F",
    			"orderNum":1,
    			"parentId":"2022",
    			"path":"",
    			"perms":"content:link:remove",
    			"remark":"",
    			"status":"0",
    			"visible":"0"
    		}
    	],
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][ac62f23a6080438584d55337f04edb88.png]  
![在这里插入图片描述][1dab3b6c4e824515ba509e9697daae27.png]  
![在这里插入图片描述][5d2f21822e1b488abd964065e18119a2.png]

#### 5.15 新增菜单 ####

##### 5.15.1 需求 #####

新增菜单

##### 5.15.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>POST</td> 
   <td>content/menu</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

请求体参数：

Menu类对应的json格式

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][c40a04dccfe1420989bb8b3235e745f7.png]  
![在这里插入图片描述][121dc1d3b64849b5821b3c471ea77993.png]

#### 5.16 修改菜单 ####

##### 5.16.1 需求 #####

能够修改菜单，但是修改的时候不能把父菜单设置为当前菜单，如果设置了需要给出相应的提示。并且修改失败。

##### 5.16.2 接口设计 #####

###### 5.16.2.1 根据id查询菜单数据 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Get</td> 
   <td>system/menu/{id}</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Path格式请求参数：

id: 菜单id

响应格式：

{
        
    	"code":200,
    	"data":{
        
    		"icon":"table",
    		"id":"2017",
    		"menuName":"内容管理",
    		"menuType":"M",
    		"orderNum":"4",
    		"parentId":"0",
    		"path":"content",
    		"remark":"",
    		"status":"0",
    		"visible":"0"
    	},
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][eefaeb2eab664c84ae98a6cf77363492.png]  
![在这里插入图片描述][a15314d5b74a468b8c2bf2d70956eed7.png]  
![在这里插入图片描述][20a0e34d3eed4930ad4348083356d09f.png]

###### 5.16.2.2 更新菜单 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>PUT</td> 
   <td>system/menu</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

请求体参数：

Menu类对应的json格式

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

如果把父菜单设置为当前菜单:

{
        
    	"code":500,
    	"msg":"修改菜单'写博文'失败，上级菜单不能选择自己"
    }

实现  
![在这里插入图片描述][910aa279e94d4fdcb6f47e083f22959b.png]  
![在这里插入图片描述][720a48239f3b45c3af805400baf84544.png]  
![在这里插入图片描述][742556419d5f4729acadfe6a5d94c10c.png]

#### 5.17 删除菜单 ####

##### 5.17.1 需求 #####

能够删除菜单，但是如果要删除的菜单有子菜单则提示：存在子菜单不允许删除 并且删除失败。

##### 5.17.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>DELETE</td> 
   <td>content/article/{menuId}</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Path参数：

menuId：要删除菜单的id

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

如果要删除的菜单有子菜单则

{
        
    	"code":500,
    	"msg":"存在子菜单不允许删除"
    }

实现  
![在这里插入图片描述][70376caaa5e246e89bcb103cea0f13bb.png]

#### 5.18 角色列表 ####

##### 5.18.1 需求 #####

需要有角色列表分页查询的功能。

要求能够针对角色名称进行模糊查询。

要求能够针对状态进行查询。

要求按照role\_sort进行升序排列。

##### 5.18.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>system/role/list</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Query格式请求参数：

pageNum: 页码

pageSize: 每页条数

roleName：角色名称

status：状态

响应格式：

{
        
    	"code":200,
    	"data":{
        
    		"rows":[
    			{
        
    				"id":"12",
    				"roleKey":"link",
    				"roleName":"友链审核员",
    				"roleSort":"1",
    				"status":"0"
    			}
    		],
    		"total":"1"
    	},
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][08ddd3adb44b4c0fbd7feac9fcbaf130.png]  
![在这里插入图片描述][23e12305c2944f19bdc37b2d5b6f1de1.png]

![在这里插入图片描述][3791c5d847e2408492e9d12050831d5d.png]

#### 5.19 改变角色状态 ####

##### 5.19.1 需求 #####

修改角色的停启用状态

##### 5.19.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>PUT</td> 
   <td>system/role/changeStatus</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

请求体：

{
        "roleId":"11","status":"1"}

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现![在这里插入图片描述][162f045b4a44467e9461c529b7bf9832.png]  
![在这里插入图片描述][cc027bf08d834474827c54e123c00581.png]

![在这里插入图片描述][32c8436e6bcd44e8b6b23be4bb06b6f8.png]

#### 5.20 新增角色！！ ####

##### 5.20.1 需求 #####

新增角色时能够直接设置角色所关联的菜单权限。

##### 5.20.2 接口设计 #####

###### 5.20.2.1 获取菜单树接口 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>/system/menu/treeselect</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

无需请求参数

响应格式：

{
        
    	"code":200,
    	"data":[
    		{
        
    			"children":[],
    			"id":"2023",
    			"label":"写博文",
    			"parentId":"0"
    		},
    		{
        
    			"children":[
    							{
        
    							"children":[
    											{
        
    												"children":[],
    												"id":"1001",
    												"label":"用户查询",
    												"parentId":"100"
    											},
    												...
    									  ]
    						],
    			"id":"2017",
    			"label":"内容管理",
    			"parentId":"0"
    		}
    	],
    	"msg":"操作成功"
    }

实现： 三级子菜单功能 + 二级子菜单功能  
![在这里插入图片描述][3422699a3024465791250933c5c3fad5.png]  
ServiceImpl 三级子菜单功能

//    增加用户角色时，展示菜单的三级目录
        @Override
        public ResponseResult treeSelect() {
        
            //1. Menu表中的所有数据 转成MenuTreeVo集合        并设置(id,label，parentId)
            // Menu -> MenuTreeVo (id,label，parentId,children=null)
            List<MenuTreeVo> menuTreeVo = list().stream()
                    .map(menu -> new MenuTreeVo(menu.getId(), menu.getMenuName(), menu.getParentId(), null))
                    .collect(Collectors.toList());
            //2. 根据parent_id(参数2) 将列表menuTreeVo(参数1)建立成 3级菜单树      函数名builderMenuTree2
            List<MenuTreeVo> menuTreeVo1 = builderMenuTree2(menuTreeVo,0L);
            return ResponseResult.okResult(menuTreeVo1);
        }
    
        private List<MenuTreeVo> builderMenuTree2(List<MenuTreeVo> menuTreeVo, long parentId) {
        
            //第一层
            List<MenuTreeVo> collect = menuTreeVo.stream()
                    .filter(m -> m.getParentId().equals(parentId)) //过滤出 父菜单
                    //getChildren2(menuTreeVo, m1) 根据m1 在 menuTreeVo列表中 循环找子菜单(m1表示3个父菜单)
                    .map(m1 -> m1.setChildren(getChildren2(menuTreeVo, m1)))  //第2,3层——循环设置children，
                    .collect(Collectors.toList());
            return collect;
        }
    
        private List<MenuTreeVo> getChildren2(List<MenuTreeVo> menuTreeVo, MenuTreeVo m1) {
        
            //getChildren2(menuTreeVo, m1) 根据m1(m1表示3个父菜单) 在 menuTreeVo列表中 循环找子菜单
            List<MenuTreeVo> collect2 = menuTreeVo.stream()
                    .filter(m2 -> m2.getParentId().equals(m1.getId())) //找1个父菜单的子菜单
                    .map(m3 -> m3.setChildren(getChildren2(menuTreeVo, m3))) //第2,3层递归设置children，
                    .collect(Collectors.toList());
            return collect2;
        }

ServiceImpl 二级子菜单功能

//    增加用户角色时，展示菜单的 二级目录
        @Override
        public ResponseResult treeSelect() {
        
            //1.找出parentId=0的根菜单 存到列表中
            LambdaQueryWrapper<Menu> queryWrapper = new LambdaQueryWrapper<>();
            queryWrapper.eq(Menu::getParentId, 0);
            Page<Menu> page = new Page<>();
            page(page, queryWrapper);  //根据queryWrapper查询
            //2 转成MenuTreeVo集合   Menu -> MenuTreeVo (children,id,label，parentId)
            //2.1 Menu -> MenuTreeVo (id,label，parentId)
            List<MenuTreeVo> menuTreeVos = toMenuTreeVo(page.getRecords());
    
            //2.2 查询所有根菜单的子菜单 for循环 找出各个children ,设置到children属性
            // 解决(children)
            //查询所有根菜单对应的子菜单集合，并且赋值给对应属性
            //从parentId != 0 (表示子菜单) 开始查，因为 parentId==0是根菜单，根菜单不可能是 某个菜单的子菜单
            for (MenuTreeVo menuTreeVo : menuTreeVos) {
         //从根菜单中找 子菜单
                    List<MenuTreeVo> children = getTreeChildren(menuTreeVo.getId());
    //                if (treeVos.size() != 0){  //当有子菜单才设置子菜单，否则不设置（不然的话，子菜单为空，将子菜单设置成了一个空地址）
                        menuTreeVo.setChildren(children);
    //                }
            }
            return ResponseResult.okResult(menuTreeVos);
        }
    
        private List<MenuTreeVo> getTreeChildren(Long id) {
        
            //菜单的id 等于 根菜单id，则该条菜单 为子菜单
            LambdaQueryWrapper<Menu> queryWrapper = new LambdaQueryWrapper<>();
            queryWrapper.eq(Menu::getParentId,id); //Menu表中parentId = id的数据
            queryWrapper.orderByAsc(Menu::getId); //根据id升序
    
            List<Menu> menus = list(queryWrapper);
    
    //        转成MenuTreeVo集合
            List<MenuTreeVo> menuTreeVos = toMenuTreeVo(menus);
            return menuTreeVos;
        }
    
        private List<MenuTreeVo> toMenuTreeVo(List<Menu> lists) {
        
    //        Menu -> MenuTreeVo (id,label，parentId)
    //        解决(id,parentId)
            List<MenuTreeVo> menuTreeVos = BeanCopyUtils.copyBeanList(lists, MenuTreeVo.class);
    //        解决(children,label)
            for (MenuTreeVo menuTreeVo : menuTreeVos) {
         //遍历上面的 copyBeanList的列表
                //        解决(label)
                if (menuTreeVo.getId()!=0){
         //如果Id ！=0 才查询 （Id = 0 表示根菜单，根据0查用户，会查到null）
                    Menu menu = menuService.getById(menuTreeVo.getId()); //查到对应的menu
                    menuTreeVo.setLabel(menu.getMenuName());
                }
            }
            return menuTreeVos;
        }

###### 5.20.2.2 新增角色接口 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>POST</td> 
   <td>system/role</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

请求体：

{
        
        "roleName":"测试新增角色",
        "roleKey":"wds",
        "roleSort":0,
        "status":"0",
        "menuIds":[
            "1",
            "100"
        ],
        "remark":"我是角色备注"
    }

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][6497e485824f449a9156d6415ef4bf43.png]  
![在这里插入图片描述][f20874a1bfe14d99a9f95b64acd5e796.png]

![在这里插入图片描述][b12f254d38994f9e80fed51d60ce5306.png]

#### 5.21 修改角色 ####

##### 5.21.1 需求 #####

修改角色时可以修改角色所关联的菜单权限

##### 5.21.2 接口设计 #####

###### 5.21.2.1 角色信息回显接口 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Get</td> 
   <td>system/role/{id}</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Path格式请求参数：

id: 角色id

响应格式：

{
        
    	"code":200,
    	"data":{
        
    		"id":"11",
    		"remark":"嘎嘎嘎",
    		"roleKey":"aggag",
    		"roleName":"嘎嘎嘎",
    		"roleSort":"5",
    		"status":"0"
    	},
    	"msg":"操作成功"
    }

实现

![在这里插入图片描述][d4e94728e4224fe9ac7084e1482408a8.png]  
![在这里插入图片描述][d60a9d0fa3b04dd7979aea8ce595ec2c.png]  
![在这里插入图片描述][bae6376c2524454ebed2629e190c36b1.png]

###### 5.21.2.2 加载对应角色菜单列表树接口 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Get</td> 
   <td>/system/menu/roleMenuTreeselect/{id}</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Path格式请求参数：

id: 角色id

响应格式：

字段介绍

menus：菜单树。

checkedKeys：角色所关联的菜单权限id列表。

{
        
    	"code":200,
    	"data":{
        
    		"menus":[
    			{
        
    				"children":[],
    				"id":"2023",
    				"label":"写博文",
    				"parentId":"0"
    			},
    			
    			{
        
    				"children":[
    					{
        
    						"children":[],
    						"id":"2019",
    						"label":"文章管理",
    						"parentId":"2017"
    					},
    					{
        
    						"children":[
    							{
        
    								"children":[],
    								"id":"2028",
    								"label":"导出分类",
    								"parentId":"2018"
    							}
    						],
    						"id":"2018",
    						"label":"分类管理",
    						"parentId":"2017"
    					},
    					{
        
    						"children":[
    							{
        
    								"children":[],
    								"id":"2024",
    								"label":"友链新增",
    								"parentId":"2022"
    							},
    							{
        
    								"children":[],
    								"id":"2025",
    								"label":"友链修改",
    								"parentId":"2022"
    							},
    							{
        
    								"children":[],
    								"id":"2026",
    								"label":"友链删除",
    								"parentId":"2022"
    							},
    							{
        
    								"children":[],
    								"id":"2027",
    								"label":"友链查询",
    								"parentId":"2022"
    							}
    						],
    						"id":"2022",
    						"label":"友链管理",
    						"parentId":"2017"
    					},
    					{
        
    						"children":[],
    						"id":"2021",
    						"label":"标签管理",
    						"parentId":"2017"
    					}
    				],
    				"id":"2017",
    				"label":"内容管理",
    				"parentId":"0"
    			}
    		],
    		"checkedKeys":[
    			"1001"  
    		]
    	},
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][c7c0f195a34742e89652031d366d2aea.png]  
![在这里插入图片描述][e8a82e201f3c4291b3ddd9686e715e85.png]  
RoleMenuServiceImpl

@Autowired
        private RoleMenuService roleMenuService;
        @Override
        public ResponseResult roleMenuTreeselectById(Long id) {
         //参数id是 角色id
            RoleMenuTreeVo roleMenuTreeVo = new RoleMenuTreeVo();
            //1.设置menus 把3级菜单展示出来
    //        Menu -> MenuTreeVo集合
            List<MenuTreeVo> menuTreeVo = list().stream()
                    .map(menu -> new MenuTreeVo(menu.getId(), menu.getMenuName(), menu.getParentId(), null))
                    .collect(Collectors.toList());
            //根据parent_id(参数2) 将列表menuTreeVo(参数1)建立成 3级菜单树      函数名builderMenuTree2
            List<MenuTreeVo> menus = builderMenuTree2(menuTreeVo,0);
    
            roleMenuTreeVo.setMenus(menus);
    
            //2.设置checkedKeys（3级菜单中 用户id所具有的权限啊展示出来） 用户角色所关联的 菜单id
            LambdaQueryWrapper<RoleMenu> queryWrapper = new LambdaQueryWrapper<>();
            queryWrapper.eq(RoleMenu::getRoleId,id);
            List<RoleMenu> roleMenus = roleMenuService.list(queryWrapper);
            List<String> menuIds = roleMenus.stream()
                    .map(roleMenu -> roleMenu.getMenuId().toString())
                    .collect(Collectors.toList());
            roleMenuTreeVo.setCheckedKeys(menuIds);
            return ResponseResult.okResult(roleMenuTreeVo);
        }
        
        private List<MenuTreeVo> builderMenuTree2(List<MenuTreeVo> menuTreeVo, long parentId) {
        
            //第一层
            List<MenuTreeVo> collect = menuTreeVo.stream()
                    .filter(m -> m.getParentId().equals(parentId)) //过滤出 父菜单
                    //getChildren2(menuTreeVo, m1) 根据m1 在 menuTreeVo列表中 循环找子菜单(m1表示3个父菜单)
                    .map(m1 -> m1.setChildren(getChildren2(menuTreeVo, m1)))  //第2,3层——循环设置children，
                    .collect(Collectors.toList());
            return collect;
        }
        
        private List<MenuTreeVo> getChildren2(List<MenuTreeVo> menuTreeVo, MenuTreeVo m1) {
        
            //getChildren2(menuTreeVo, m1) 根据m1(m1表示3个父菜单) 在 menuTreeVo列表中 循环找子菜单
            List<MenuTreeVo> collect2 = menuTreeVo.stream()
                    .filter(m2 -> m2.getParentId().equals(m1.getId())) //找1个父菜单的子菜单
                    .map(m3 -> m3.setChildren(getChildren2(menuTreeVo, m3))) //第2,3层递归设置children，
                    .collect(Collectors.toList());
            return collect2;
        }

###### 5.21.2.3 更新角色信息接口 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>PUT</td> 
   <td>system/role</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

请求体：

{
        
        "id":"13",
        "remark":"我是角色备注",
        "roleKey":"wds",
        "roleName":"测试新增角色",
        "roleSort":0,
        "status":"0",
        "menuIds":[
            "1",
            "100",
            "1001"
        ]
    }

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][fe6a2c6d36d6497ab17448d89b19e308.png]  
![在这里插入图片描述][37aa7efa8239401a9969849d402e1ed8.png]  
![在这里插入图片描述][2673924e17bf425eae7ff6cb240701fe.png]

#### 5.22 删除角色 ####

##### 5.22.1 需求 #####

删除固定的某个角色（逻辑删除）

##### 5.22.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>DELETE</td> 
   <td>system/role/{id}</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Path请求参数：

id：要删除的角色id

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现：直接调用IService中的removeById()方法  
![在这里插入图片描述][c1e6ad6b9df949b0b1c3bf80b1634db4.png]

#### 5.23 用户列表 ####

##### 5.23.1 需求 #####

需要用户分页列表接口。

可以根据用户名模糊搜索。

可以进行手机号的搜索。

可以进行状态的查询。

##### 5.23.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>system/user/list</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Query格式请求参数：

pageNum: 页码

pageSize: 每页条数

userName：用户名

phonenumber：手机号

status:状态

响应格式：

{
        
    	"code":200,
    	"data":{
        
    		"rows":[
    			{
        
    				"avatar":"http://r7yxkqloa.bkt.clouddn.com/2022/03/05/75fd15587811443a9a9a771f24da458d.png",
    				"createTime":"2022-01-05 17:01:56",
    				"email":"23412332@qq.com",
    				"id":"1",
    				"nickName":"sg3334",
    				"phonenumber":"18888888888",
    				"sex":"1",
    				"status":"0",
    				"updateBy":"1",
    				"updateTime":"2022-03-13 21:36:22",
    				"userName":"sg"
    			}
    		],
    		"total":"1"
    	},
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][28f7099b40f54dddad2e45ab36b68f79.png]

![在这里插入图片描述][0c37e069cba94fba86a2fc3be1e2b028.png]  
![在这里插入图片描述][b20da331fdfa45b5b67afe7da18390ea.png]

#### 5.24 新增用户！！！ ####

##### 5.24.1 需求 #####

需要新增用户功能。新增用户时可以直接关联角色。

注意：新增用户时注意密码加密存储。

用户名不能为空，否则提示：必需填写用户名

用户名必须之前未存在，否则提示：用户名已存在

手机号必须之前未存在，否则提示：手机号已存在

邮箱必须之前未存在，否则提示：邮箱已存在

##### 5.24.2 接口设计 #####

###### 5.24.2.1 查询角色列表接口 ######

注意：查询的是所有状态正常的角色

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>/system/role/listAllRole</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

响应格式：

{
        
    	"code":200,
    	"data":[
    		{
        
    			"createBy":"0",
    			"createTime":"2021-11-12 18:46:19",
    			"delFlag":"0",
    			"id":"2",
    			"remark":"普通角色",
    			"roleKey":"common",
    			"roleName":"普通角色",
    			"roleSort":"2",
    			"status":"0",
    			"updateBy":"0",
    			"updateTime":"2022-01-02 06:32:58"
    		},
    		{
        
    			"createTime":"2022-01-06 22:07:40",
    			"delFlag":"0",
    			"id":"11",
    			"remark":"嘎嘎嘎",
    			"roleKey":"aggag",
    			"roleName":"嘎嘎嘎",
    			"roleSort":"5",
    			"status":"0",
    			"updateBy":"1",
    			"updateTime":"2022-09-12 10:00:25"
    		},
    		{
        
    			"createTime":"2022-01-16 14:49:30",
    			"delFlag":"0",
    			"id":"12",
    			"roleKey":"link",
    			"roleName":"友链审核员",
    			"roleSort":"1",
    			"status":"0",
    			"updateTime":"2022-01-16 16:05:09"
    		}
    	],
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][64e2b27a05ae4e2b99074e25ae7a84a7.png]  
![在这里插入图片描述][bfc7d4fa4a1d4f3ab089e68647a7d807.png]

![在这里插入图片描述][6e40800602d94b5497677397c4897b57.png]

###### 5.24.2.2 新增用户 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>POST</td> 
   <td>system/user</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

请求体：

{
        
        "userName":"wqeree",
        "nickName":"测试新增用户",
        "password":"1234343",
        "phonenumber":"18889778907",
        "email":"233@sq.com",
        "sex":"0",
        "status":"0",
        "roleIds":[
            "2"
        ]
    }

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][6f8d8c5d8eee472fb6e8deaf852649eb.png]  
![在这里插入图片描述][72eebe111686463f88578d2260f3fb8d.png]

@Override
        @Transactional
        public ResponseResult addUser(UserVo2 userVo2) {
        
            //校验
    //        1.用户名不能为空，否则提示：必需填写用户名
            if (Objects.isNull(userVo2.getUserName())){
        
               throw new SystemException(AppHttpCodeEnum.USERNAME_NOT_NULL);
            }
    //    	  2.用户名必须之前未存在，否则提示：用户名已存在
    //        if (!userMapper.selectUserNameBoolean(userVo2.getUserName())){
        
    //            throw new SystemException(AppHttpCodeEnum.USERNAME_EXIST);
    //        }
            LambdaQueryWrapper<User> queryWrapper = new LambdaQueryWrapper<>();
            queryWrapper.eq(User::getUserName,userVo2.getUserName());
            if (getOne(queryWrapper) != null){
        
                throw new SystemException(AppHttpCodeEnum.USERNAME_EXIST);
            }
    
    //        3.手机号必须之前未存在，否则提示：手机号已存在
    //        if (!userMapper.selectPhoneBoolean(userVo2.getPhonenumber())){
        
    //            throw new SystemException(AppHttpCodeEnum.PHONENUMBER_EXIST)
    //        }
            LambdaQueryWrapper<User> queryWrapper1 = new LambdaQueryWrapper<>();
            queryWrapper1.eq(User::getPhonenumber,userVo2.getPhonenumber());
            if (getOne(queryWrapper1) != null){
        
                throw new SystemException(AppHttpCodeEnum.PHONENUMBER_EXIST);
            }
    
    //    	   4.邮箱必须之前未存在，否则提示：邮箱已存在
    //        if (!userMapper.selectEmailBoolean(userVo2.getEmail())){
        
    //            throw new SystemException(AppHttpCodeEnum.EMAIL_EXIST);
    //        }
            LambdaQueryWrapper<User> queryWrapper2 = new LambdaQueryWrapper<>();
            queryWrapper2.eq(User::getEmail,userVo2.getEmail());
            if (getOne(queryWrapper2) != null){
        
                throw new SystemException(AppHttpCodeEnum.EMAIL_EXIST);
            }
            //1.保存到 user表
            User user = BeanCopyUtils.copyBean(userVo2, User.class);
    //        5.新增用户时注意密码加密存储。
            //对密码进行加密
            String encodePassword = passwordEncoder.encode(user.getPassword());//对明文密码 进行加密，得到密文
            user.setPassword(encodePassword); //将password加密后的密文,存到user中
            save(user);  //新增一条用户记录
    
            //2.保存到user_role表
            Long userId = user.getId();
            List<UserRole> userRoleList = userVo2.getRoleIds().stream()
                    .map(roleId -> new UserRole(userId, Long.parseLong(roleId)))
                    .collect(Collectors.toList());
            userRoleService.saveBatch(userRoleList);
            return ResponseResult.okResult();
        }

#### 5.25 删除用户 ####

##### 5.25.1 需求 #####

删除固定的某个用户（逻辑删除）

##### 5.25.2 接口设计 #####

不能删除当前操作的用户

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>DELETE</td> 
   <td>/system/user/{id}</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Path请求参数：

id：要删除的用户id

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现  
controller层 事务  
![在这里插入图片描述][8eab64a95bba48fba1e1b457d80ebffb.png]

#### 5.26 修改用户 ####

##### 5.26.1 需求 #####

需要提供修改用户的功能。修改用户时可以修改用户所关联的角色。

##### 5.26.2 接口设计 #####

###### 5.26.2.1 根据id查询用户信息回显接口 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Get</td> 
   <td>/system/user/{id}</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Path格式请求参数：

id: 用户id

响应格式：

roleIds：用户所关联的角色id列表

roles：所有角色的列表

user：用户信息

{
        
    	"code":200,
    	"data":{
        
    		"roleIds":[
    			"11"
    		],
    		"roles":[
    			{
        
    				"createBy":"0",
    				"createTime":"2021-11-12 18:46:19",
    				"delFlag":"0",
    				"id":"1",
    				"remark":"超级管理员",
    				"roleKey":"admin",
    				"roleName":"超级管理员",
    				"roleSort":"1",
    				"status":"0",
    				"updateBy":"0"
    			}
    				...
    		],
    		"user":{
        
    			"email":"weq@2132.com",
    			"id":"14787164048663",
    			"nickName":"sg777",
    			"sex":"0",
    			"status":"0",
    			"userName":"sg777"
    		}
    	},
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][f09f04853aad4e5f8fb82adc61f01d8d.png]  
![在这里插入图片描述][c574a66c9a944ca98e376997388bb4b0.png]  
![在这里插入图片描述][3492fcfa8ec244dfaa1c3018b2d28862.png]

###### 5.26.2.2 更新用户信息接口 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>PUT</td> 
   <td>/system/user</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

请求体：

{
        
        "email":"weq@2132.com",
        "id":"14787164048663",
        "nickName":"sg777",
        "sex":"1",
        "status":"0",
        "userName":"sg777",
        "roleIds":[
            "11"
        ]
    }

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][a592a924b3b54a0dbe10bed58f4e8480.png]  
![在这里插入图片描述][160143ddb3284a8891fb1334ea294fa1.png]

![在这里插入图片描述][5cc19eb72b254d88a7301f0188c54dd6.png]

#### 5.27 分页查询分类列表 ####

##### 5.27.1 需求 #####

需要分页查询分类列表。

能根据分类名称进行模糊查询。

能根据状态进行查询。

##### 5.27.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>content/category/list</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Query格式请求参数：

pageNum: 页码

pageSize: 每页条数

name：分类名

status: 状态

响应格式：

{
        
    	"code":200,
    	"data":{
        
    		"rows":[
    			{
        
    				"description":"wsd",
    				"id":"1",
    				"name":"java",
    				"status":"0"
    			},
    			{
        
    				"description":"wsd",
    				"id":"2",
    				"name":"PHP",
    				"status":"0"
    			}
    		],
    		"total":"2"
    	},
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][99da04ddd8a24a32972268683ff8b5b8.png]  
![在这里插入图片描述][ee141a36f4c74450ab2db5bf3db6389b.png]  
![在这里插入图片描述][91c418b8297c4319875d887deb2e2619.png]

#### 5.28 新增分类 ####

##### 5.28.1 需求 #####

需要新增分类功能

##### 5.28.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>POST</td> 
   <td>/content/category</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

请求体：

{
        
        "name":"威威",
        "description":"是的",
        "status":"0"
    }

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现![在这里插入图片描述][b523c05d3d65425d997e42fcf5b76e20.png]  
![在这里插入图片描述][81ca057310344b49a9579f57d93ef240.png]

![在这里插入图片描述][ef0ad33ca21d4959808b932abc896c08.png]

#### 5.29 修改分类 ####

##### 5.29.1 需求 #####

需要提供修改分类的功能

##### 5.29.2 接口设计 #####

###### 5.29.2.1 根据id查询分类 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Get</td> 
   <td>content/category/{id}</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Path格式请求参数：

id: 分类id

响应格式：

{
        
    	"code":200,
    	"data":{
        
    		"description":"qwew",
    		"id":"4",
    		"name":"ww",
    		"status":"0"
    	},
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][c6a2f9369bea4f0b80e45eebdbc8a52a.png]  
![在这里插入图片描述][7cc1881ce1114f20b06bbd7cf2896752.png]  
![在这里插入图片描述][ab81184922f742d0b6a0148b77e06412.png]

###### 5.29.2.2 更新分类 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>PUT</td> 
   <td>/content/category</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

请求体：

{
        
        "description":"是的",
        "id":"3",
        "name":"威威2",
        "status":"0"
    }

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][4a98b41be0b947c9a47cd8605b97026f.png]  
![在这里插入图片描述][c25809580923464f84381113da4e53c2.png]  
![在这里插入图片描述][5052d1013f754c08b1ae9caa3d6323a9.png]

#### 5.30 删除分类 ####

##### 5.30.1 需求 #####

删除某个分类（逻辑删除）

##### 5.30.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>DELETE</td> 
   <td>/content/category/{id}</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Path请求参数：

id：要删除的分类id

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][43a1d86affc44dc2a53a42ad25f75ce6.png]

#### 5.31 分页查询友链列表 ####

##### 5.31.1 需求 #####

需要分页查询友链列表。

能根据友链名称进行模糊查询。

能根据状态进行查询。

##### 5.31.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>/content/link/list</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Query格式请求参数：

pageNum: 页码

pageSize: 每页条数

name：友链名

status:状态

响应格式：

{
        
    	"code":200,
    	"data":{
        
    		"rows":[
    			{
        
    				"address":"https://www.baidu.com",
    				"description":"sda",
    				"id":"1",						       "logo":"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fn1.itc.cn%2Fimg8%2Fwb%2Frecom%2F2016%2F05%2F10%2F146286696706220328.PNG&refer=http%3A%2F%2Fn1.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1646205529&t=f942665181eb9b0685db7a6f59d59975",
    				"name":"sda",
    				"status":"0"
    			}
    		],
    		"total":"1"
    	},
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][b0fcc4dd38c94a798c948495cf2d8446.png]  
![在这里插入图片描述][917d96f6f1fc4cba9b3bebb75dddbe5a.png]

![在这里插入图片描述][fb240e6c1e114be6a422f35c90c7437d.png]

#### 5.32 新增友链 ####

##### 5.32.1 需求 #####

需要新增友链功能

##### 5.32.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>POST</td> 
   <td>/content/link</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

请求体：

{
        
        "name":"sda",
        "description":"weqw",
        "address":"wewe",
        "logo":"weqe",
        "status":"2"
    }

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][7f4b89bd135b47bbaa01b3bc2f2bbccb.png]  
![在这里插入图片描述][7484b13c70df42b895d5c1718b3eba28.png]  
![在这里插入图片描述][0ee0f2b9051843baba6ed9610dd67056.png]

#### 5.33 修改友链 ####

##### 5.33.1 需求 #####

需要提供修改友链的功能

##### 5.33.2 接口设计 #####

###### 5.33.2.1 根据id查询友联 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Get</td> 
   <td>content/link/{id}</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Path格式请求参数：

id: 友链id

响应格式：

{
        
    	"code":200,
    	"data":{
        
    		"address":"wewe",
    		"description":"weqw",
    		"id":"4",
    		"logo":"weqe",
    		"name":"sda",
    		"status":"2"
    	},
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][45f1ea15ecff4fe291650c10ff4aed2f.png]  
![在这里插入图片描述][f9252e4f2b574ac38181fe0fe4c0e0fd.png]

![在这里插入图片描述][f6056c4f77124a888111f6931133b061.png]

###### 5.33.2.2 修改友链 ######

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>PUT</td> 
   <td>/content/link</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

请求体：

{
        
        "address":"https://www.qq.com",
        "description":"dada2",
        "id":"2",
        "logo":"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fn1.itc.cn%2Fimg8%2Fwb%2Frecom%2F2016%2F05%2F10%2F146286696706220328.PNG&refer=http%3A%2F%2Fn1.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1646205529&t=f942665181eb9b0685db7a6f59d59975",
        "name":"sda",
        "status":"0"
    }

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现

![在这里插入图片描述][37791285bf85466ebd8999cf8f6368bc.png]  
![在这里插入图片描述][fcd7bfeb52b54cf59dee186544fc8ba8.png]  
![在这里插入图片描述][588ef9788e8947d6af3430d2edfca76e.png]

#### 5.34 删除友链 ####

##### 5.34.1 需求 #####

删除某个友链（逻辑删除）

##### 5.34.2 接口设计 #####

<table> 
 <thead> 
  <tr> 
   <th>请求方式</th> 
   <th>请求路径</th> 
   <th>是否需求token头</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>DELETE</td> 
   <td>/content/link/{id}</td> 
   <td>是</td> 
  </tr> 
 </tbody> 
</table>

Path请求参数：

id：要删除的友链id

响应格式：

{
        
    	"code":200,
    	"msg":"操作成功"
    }

实现  
![在这里插入图片描述][a01cf15c762d4fefbd90d37b3d64d045.png]

### 6.重点知识 ###

#### 6.1 工具类 BeanCopyUtils ####

![在这里插入图片描述][0af8aba8ec8b4ded9d669eaac2e24214.png]

package com.sangeng.utils;
    
    import com.sangeng.domain.entity.Article;
    import com.sangeng.domain.vo.HotArticleVo;
    import org.springframework.beans.BeanUtils;
    
    import java.util.List;
    import java.util.stream.Collectors;
    
    public class BeanCopyUtils {
        
    
    //    构造方法设置为私有的方法
        private BeanCopyUtils() {
        
        }
    //    单个实体类拷贝(将一个源对象 拷贝 至  字节码class)
    //    通过反射创建目标对象，然后再拷贝
        public static <V> V copyBean(Object source,Class<V> clazz) {
        
            //创建目标对象     传过来什么类型，就返回什么类型，使用泛型（  <V> V泛型方法，返回值类型 ）
            V result = null;  //提升作用域
            try {
        
    
                result = clazz.newInstance();
                //实现属性copy
                BeanUtils.copyProperties(source, result);
    
            } catch (Exception e) {
        
                throw new RuntimeException(e);
            }
    
            //返回结果
            return result;
        }
    
    //    集合拷贝
    //  （后面要用）声明泛型O,V  返回类型     public <T> void say(){} 表明是泛型方法
        public static <O,V>  List<V> copyBeanList(List<O> list, Class<V> clazz){
        
    //        先将list集合  转成流->流当中元素的转换(转换方式copyBean方法) 返回一个泛型V -> 收集操作，泛型转成list
            return list.stream()
                    .map(o -> copyBean(o, clazz))
                    .collect(Collectors.toList());
        }
    }

单个实体类拷贝

//封装成User
    User user = BeanCopyUtils.copyBean(userVo2, User.class);//拷贝成 类型User.class

![在这里插入图片描述][b90b2dbe3df34ff1986d777532e83e7a.png]

集合拷贝  
拷贝整个list集合,集合中的每一个元素 按照单个实体类拷贝。  
将page.getRecords()查到的集合 拷贝 成 List集合

List<UserVo> userVos = BeanCopyUtils.copyBeanList(page.getRecords(), UserVo.class);

#### 6.2 mybatisplus 解决 主键id雪花算法生成方式，改成主键id自增方式 ####

使用mybatisplus时，当`实体类entity Article`**主键id**，  
如果\*不用@TableId标注 主键id \*，则**插入数据**时，默认使用**雪花算法生成主键id**，`即使数据库设置了 主键自增`

![在这里插入图片描述][427366226a004f418329f6cc6116a5e8.png]  
解决雪花算法问题，使用 自增主键id  
6.2.1 数据库表  
![在这里插入图片描述][49118580f79e4dc0b0508832aff5b95f.png]

6.2.2 局部设置 主键id自增方式  
![在这里插入图片描述][67919a4ed3b94fd2a603209a00b5c806.png]

6.2.2 全局设置 主键id自增方式  
![在这里插入图片描述][c7128559c5104ccebf6310430ea625c9.png]  
![在这里插入图片描述][c18a94a50cbf44f7a41ac6cebef42ebf.png]

#### 6.3 事务 @Transactional ####

在方法前面 加个注解@Transactional 即可实现aop事务  
![在这里插入图片描述][d0938730d5a44aa2b569d8483af81235.png]

#### 6.4 mybatisplus 分页查询 ####

[mybatis-plus分页查询（springboot中实现单表和多表查询）][mybatis-plus_springboot]

#### 6.5 mybatisplus 自动 插入时间 ####

插入数据时，自动插入 创建时间，更新时间，创建人，更新人。

#### 6.6 ResponseResult (响应类) 和 AppHttpCodeEnum (响应枚举类) ####

ResponseResult ![在这里插入图片描述][5bcb24bf6c774d58a52873596fb49dcb.png]  
AppHttpCodeEnum  
![在这里插入图片描述][f643198d3fb4474a8ec7ad98d8bdc2ad.png]

ResponseResult

package com.sangeng.domain;
    import com.fasterxml.jackson.annotation.JsonInclude;
    import com.sangeng.enums.AppHttpCodeEnum;
    
    import java.io.Serializable;
    
    @JsonInclude(JsonInclude.Include.NON_NULL)
    public class ResponseResult<T> implements Serializable {
        
    //    ResponseResult<T> 作用： <T>指定ResponseResult类中 字段data的数据类型 为泛型
        private Integer code;  //编码
        private String msg;    //message
        private T data;       // 泛型， 传入data什么类型，data就是什么类型
    
        // 返回 { 200; "操作成功"; }    AppHttpCodeEnum枚举类中 SUCCESS(200,"操作成功"),
        public ResponseResult() {
         //如果什么参数都不传，则返回 { 200; "操作成功"; }
            this.code = AppHttpCodeEnum.SUCCESS.getCode();
            this.msg = AppHttpCodeEnum.SUCCESS.getMsg();
        }
        // 返回 { code; data; }
        public ResponseResult(Integer code, T data) {
        
            this.code = code;
            this.data = data;
        }
        // 返回 { code; msg; data;}
        public ResponseResult(Integer code, String msg, T data) {
        
            this.code = code;
            this.msg = msg;
            this.data = data;
        }
        // 返回 { code; msg;}
        public ResponseResult(Integer code, String msg) {
        
            this.code = code;
            this.msg = msg;
        }
    
        public static ResponseResult errorResult(int code, String msg) {
        //errorResult 出错方法
            ResponseResult result = new ResponseResult();
            return result.error(code, msg);
        }
        public static ResponseResult okResult() {
         //errorResult 正常方法
            ResponseResult result = new ResponseResult();
            return result;
        }
        public static ResponseResult okResult(int code, String msg) {
        //errorResult 正常方法
            ResponseResult result = new ResponseResult();
            return result.ok(code, null, msg);
        }
        //errorResult 正常方法
        public static ResponseResult okResult(Object data) {
        //传入什么类型，则泛型T就为什么类型
            ResponseResult result = setAppHttpCodeEnum(AppHttpCodeEnum.SUCCESS, AppHttpCodeEnum.SUCCESS.getMsg());
            if(data!=null) {
        
                result.setData(data);
            }
            return result;
        }
        public static ResponseResult errorResult(AppHttpCodeEnum enums){
        
            return setAppHttpCodeEnum(enums,enums.getMsg());
        }
        public static ResponseResult errorResult(AppHttpCodeEnum enums, String msg){
        
            return setAppHttpCodeEnum(enums,msg);
        }
        public static ResponseResult setAppHttpCodeEnum(AppHttpCodeEnum enums){
        
            return okResult(enums.getCode(),enums.getMsg());
        }
        private static ResponseResult setAppHttpCodeEnum(AppHttpCodeEnum enums, String msg){
        
            return okResult(enums.getCode(),msg);
        }
        public ResponseResult<?> error(Integer code, String msg) {
        
            this.code = code;
            this.msg = msg;
            return this;
        }
        public ResponseResult<?> ok(Integer code, T data) {
        
            this.code = code;
            this.data = data;
            return this;
        }
        public ResponseResult<?> ok(Integer code, T data, String msg) {
        
            this.code = code;
            this.data = data;
            this.msg = msg;
            return this;
        }
    
        public ResponseResult<?> ok(T data) {
        
            this.data = data;
            return this;
        }
        //  getter和  setter
        public Integer getCode() {
        
            return code;
        }
    
        public void setCode(Integer code) {
        
            this.code = code;
        }
    
        public String getMsg() {
        
            return msg;
        }
    
        public void setMsg(String msg) {
        
            this.msg = msg;
        }
    
        public T getData() {
        
            return data;
        }
    
        public void setData(T data) {
        
            this.data = data;
        }
    }

AppHttpCodeEnum

*  枚举是一个被命名的整型常数的集合，用于声明一组带标识符的常数。
 *  枚举是一个特殊的类，一般表示一组常量
 *

package com.sangeng.enums;
    //使用menu定义枚举类
    public enum AppHttpCodeEnum {
        
        //必须在枚举类的第一行声明枚举类对象，并且枚举类对象之间以“，”分隔，以“；”结尾。 必需声明枚举对象参数 的字段，并有构造方法
        // 成功
        SUCCESS(200,"操作成功"),
        // 登录
        NEED_LOGIN(401,"需要登录后操作"),
        NO_OPERATOR_AUTH(403,"无权限操作"),
        SYSTEM_ERROR(500,"出现错误"),
        USERNAME_EXIST(501,"用户名已存在"),
        PHONENUMBER_EXIST(502,"手机号已存在"),
        EMAIL_EXIST(503, "邮箱已存在"),
        REQUIRE_USERNAME(504, "必需填写用户名"),
        LOGIN_ERROR(505,"用户名或密码错误"),
        CONTENT_NOT_NULL(506,"评论内容不能为空" ),
        FILE_TYPE_ERROR(507,"文件类型错误,请上传png或jpg文件" ),
        USERNAME_NOT_NULL(508,"用户名不能为空" ),
        NICKNAME_NOT_NULL(509,"昵称不能为空" ),
        PASSWORD_NOT_NULL(510,"密码不能为空" ),
        EMAIL_NOT_NULL(511,"邮箱不能为空" );
    
        int code;
        String msg;
        AppHttpCodeEnum(int code, String errorMessage){
         //构造方法(两个参数，上面声明枚举才能传两个参数)
            this.code = code;
            this.msg = errorMessage;
        }
        //由此处 以上 是枚举类必需的
        public int getCode() {
        //getter
            return code;
        }
        public String getMsg() {
        //getter
            return msg;
        }
    }

*  ResponseResult使用

controller  
![在这里插入图片描述][89f747d0d8a5475f96090368fa96e6f2.png]  
service接口  
![在这里插入图片描述][36266ab23b8d45a38762d8995f0df72f.png]  
serviceImpl  
![在这里插入图片描述][c6fca26a5b1143dcb734f0d6386fa2e0.png]

*  AppHttpCodeEnum使用  
    ![在这里插入图片描述][51d9a25903a145d09c9de04094f7c78b.png]

#### 6.7 SystemConstants (常量类) ####

![在这里插入图片描述][34bc0ec92bd74ebf8047c080d8870e68.png]

package com.sangeng.constants;
    
    public class SystemConstants
    {
        
        /**
         *  文章是草稿
         */
        public static final int ARTICLE_STATUS_DRAFT = 1;
        /**
         *  文章是正常分布状态
         */
        public static final int ARTICLE_STATUS_NORMAL = 0;
        /**
         * 分类是正常状态
         */
        public static final String  STATUS_NORMAL = "0";
        /**
         * 友链状态为审核通过     0
         * ctrl shift U 大小写切换
         */
        public static final String  LINK_STATUS_NORMAL = "0";
    
    
        /**
         * 评论类型：文章评论 0
         */
        public static final String ARTICLE_COMMENT = "0";
        /**
         * 评论类型：友链评论 1
         */
        public static final String LINK_COMMENT = "1";
    
        /**
         * 菜单和按钮
         */
        public static final String MENU = "C";
        public static final String BUTTON = "F";
    
        /**
         * 1:表示后台管理员，0 表示前台用户
         */
        public static final String ADMIN = "1";
    }

*  SystemConstants 常量类 使用  
    ![在这里插入图片描述][c174dbbb63684d4f8aa6506ed0d8a6b0.png]

#### 6.8 Exception ####

1.  异常类 SystemException
2.  异常处理类 GlobalExceptionHandler

![在这里插入图片描述][834e575cb44748e5bd58ce9371bd022e.png]  
异常类 SystemException  
![在这里插入图片描述][79097e6b06cf48d1b18b62620092d301.png]

package com.sangeng.exception;
    import com.sangeng.enums.AppHttpCodeEnum;
    public class SystemException extends RuntimeException{
        
        private int code;
        private String msg;
        public int getCode() {
        
            return code;
        }
        public String getMsg() {
        
            return msg;
        }
        public SystemException(AppHttpCodeEnum httpCodeEnum) {
        
            //通过枚举类 得到 其中的的常量  填充code,msg
            super(httpCodeEnum.getMsg()); //调用父类的super方法，必须写
            this.code = httpCodeEnum.getCode();
            this.msg = httpCodeEnum.getMsg();
        }
        // throw new SystemException(507,"必须填写用户名")  抛出异常是传入参数
        public SystemException(String message, int code, String msg) {
        
            super(message); //调用父类的super方法，必须写
            this.code = code;
            this.msg = msg;
        }
    }

异常处理类 GlobalExceptionHandler  
（处理上面的异常类SystemException ，比如：异常信息，异常编码）  
![在这里插入图片描述][c4ce458d967848b89f58b08533e19254.png]

package com.sangeng.handler.exception;
    
    import com.sangeng.domain.ResponseResult;
    import com.sangeng.enums.AppHttpCodeEnum;
    import com.sangeng.exception.SystemException;
    import lombok.extern.slf4j.Slf4j;
    import org.springframework.web.bind.annotation.ControllerAdvice;
    import org.springframework.web.bind.annotation.ExceptionHandler;
    import org.springframework.web.bind.annotation.ResponseBody;
    import org.springframework.web.bind.annotation.RestControllerAdvice;
    
    //@ControllerAdvice  //controller中出现了异常，会在这里统一处理
    //@ResponseBody    //将处理方法的返回值 放到 响应体中
    
    @Slf4j  //日志
    @RestControllerAdvice //@RestControllerAdvice = @ControllerAdvice + @ResponseBody
    //处理方法的返回值 都会转换成json放到响应体中
    public class GlobalExceptionHandler {
        
    
        @ExceptionHandler(SystemException.class) //处理SystemException异常
        public ResponseResult systemExceptionHandler(SystemException e){
        
            //打印异常信息
            log.error("出现了异常！{}",e);
            //从异常对象中获取提示信息封装返回，（封装到响应体中，因为controller请求方法中 返回类型是ResponseResult ）
            return ResponseResult.errorResult(e.getCode(), e.getMsg()); //前端返回json对象 { "code":504, "msg":"必需填写用户名" }
        }
    
        @ExceptionHandler(Exception.class) //处理Exception异常
        public ResponseResult exceptionHandler(Exception e){
        
            //打印异常信息
            log.error("出现了异常！{}",e);
            //从异常对象中获取提示信息封装返回
            return ResponseResult.errorResult(AppHttpCodeEnum.SYSTEM_ERROR.getCode(),e.getMessage());
        }
    }

使用举例  
1.使用枚举类 得到异常信息

USERNAME_NOT_NULL(508,"用户名不能为空" )

![在这里插入图片描述][e1c1b19b0b9746d0b37fdad1a65a2967.png]

2.抛出异常 手动传入异常信息

if(!StringUtils.hasText(user.getUserName())){
        
     throw new SystemException(508,"用户名不能为空" );
     }

#### 6.9 AOP实现日志记录 ####

AOP —— 日志  
切面类LogAspect

#### 6.10 判空 Objects.nonNull() ####

*  Objects.nonNull(name) 判断name不空的话
 *  Objects.isNull(name) 判断name为空的话

![在这里插入图片描述][a233b7a73d83404c9904145a79d3aa90.png]

#### 6.11 mybatisplus 实现增删改查 ####

#### 6.12 dto ####

[34614aea9d1d493ab8e72ceeb3543be4.png]: https://img-blog.csdnimg.cn/34614aea9d1d493ab8e72ceeb3543be4.png
[13034d7c8b04486ab53a0fedbc9a38e2.png]: https://img-blog.csdnimg.cn/13034d7c8b04486ab53a0fedbc9a38e2.png
[ba4cc04c587945809d44889475c45652.png]: https://img-blog.csdnimg.cn/ba4cc04c587945809d44889475c45652.png
[5b8c2b5d30d146b3a52bf4929d8e8128.png]: https://img-blog.csdnimg.cn/5b8c2b5d30d146b3a52bf4929d8e8128.png
[792c7024ceca4a8fb72b02f9df864d70.png]: https://img-blog.csdnimg.cn/792c7024ceca4a8fb72b02f9df864d70.png
[d5e4a9b5be07420c8507474f9eca70eb.png]: https://img-blog.csdnimg.cn/d5e4a9b5be07420c8507474f9eca70eb.png
[542273597e45402cab968b5c0b91a6bf.png]: https://img-blog.csdnimg.cn/542273597e45402cab968b5c0b91a6bf.png
[976e45b7beda41469cad1861873d0123.png]: https://img-blog.csdnimg.cn/976e45b7beda41469cad1861873d0123.png
[25ff2017c2bf4947b102a8b1f6ad018a.png]: https://img-blog.csdnimg.cn/25ff2017c2bf4947b102a8b1f6ad018a.png
[Link 1]: https://so.csdn.net/so/search?q=%E4%BA%8C%E8%BF%9B%E5%88%B6&spm=1001.2101.3001.7020
[Cron]: https://www.bejson.com/othertools/cron/
[a1da7e3c24064a65b065721b583b85fa.png]: https://img-blog.csdnimg.cn/a1da7e3c24064a65b065721b583b85fa.png
[3b782ef4dc4347d2a4ea7db32bfd2d6d.png]: https://img-blog.csdnimg.cn/3b782ef4dc4347d2a4ea7db32bfd2d6d.png
[a7f3b0defb1c4652aa5418c35dd6fe64.png]: https://img-blog.csdnimg.cn/a7f3b0defb1c4652aa5418c35dd6fe64.png
[fd660bc47c284d3fbca73a0cbbf7bcb3.png]: https://img-blog.csdnimg.cn/fd660bc47c284d3fbca73a0cbbf7bcb3.png
[1b8c1c887d6f4652b07ca2e13e02b5ea.png]: https://img-blog.csdnimg.cn/1b8c1c887d6f4652b07ca2e13e02b5ea.png
[a1702a637f184491a0419e146b0de1b5.png]: https://img-blog.csdnimg.cn/a1702a637f184491a0419e146b0de1b5.png
[153d8bc9ff464a2fbb4360fcf0ac6570.png]: https://img-blog.csdnimg.cn/153d8bc9ff464a2fbb4360fcf0ac6570.png
[e4894edff0434b31825aa0d53620abc7.png]: https://img-blog.csdnimg.cn/e4894edff0434b31825aa0d53620abc7.png
[25e356fdc6774c248db0e0fc46913748.png]: https://img-blog.csdnimg.cn/25e356fdc6774c248db0e0fc46913748.png
[87d0ca761f74499e90b30aa7753b8cb1.png]: https://img-blog.csdnimg.cn/87d0ca761f74499e90b30aa7753b8cb1.png
[21633e2a5634478eb07c254d129e5d25.png]: https://img-blog.csdnimg.cn/21633e2a5634478eb07c254d129e5d25.png
[be180f85091c4479a70b0c3646da35ce.png]: https://img-blog.csdnimg.cn/be180f85091c4479a70b0c3646da35ce.png
[cd9cfa8033ad4108987130115d78a145.png]: https://img-blog.csdnimg.cn/cd9cfa8033ad4108987130115d78a145.png
[7aff1789002049059a441a9a54b287d8.png]: https://img-blog.csdnimg.cn/7aff1789002049059a441a9a54b287d8.png
[cb3610ed6ee54260a49c2facf319b2dc.png]: https://img-blog.csdnimg.cn/cb3610ed6ee54260a49c2facf319b2dc.png
[794cf41a4bd94a23b1ccf55848f881bd.png]: https://img-blog.csdnimg.cn/794cf41a4bd94a23b1ccf55848f881bd.png
[22afb11854504fb4a64f1fa42b3e3e70.png]: https://img-blog.csdnimg.cn/22afb11854504fb4a64f1fa42b3e3e70.png
[4402bddb3d7842fbbbac34c9785e2d4d.png]: https://img-blog.csdnimg.cn/4402bddb3d7842fbbbac34c9785e2d4d.png
[03cad69bf50f43febf67b8ab1b27a4e9.png]: https://img-blog.csdnimg.cn/03cad69bf50f43febf67b8ab1b27a4e9.png
[4eee3766892f48549fb7d7e5e965884e.png]: https://img-blog.csdnimg.cn/4eee3766892f48549fb7d7e5e965884e.png
[3d5987fa38fa4d4a90ff166b7ce61a31.png]: https://img-blog.csdnimg.cn/3d5987fa38fa4d4a90ff166b7ce61a31.png
[9e631b86c0c64361bd77349f44d54504.png]: https://img-blog.csdnimg.cn/9e631b86c0c64361bd77349f44d54504.png
[1029a6f5abb247a0b3838deb02aaba34.png]: https://img-blog.csdnimg.cn/1029a6f5abb247a0b3838deb02aaba34.png
[4b56bf9124a8414189f26f128b860b71.png]: https://img-blog.csdnimg.cn/4b56bf9124a8414189f26f128b860b71.png
[4f8a3e9029f14f5e94de61c2fe70053c.png]: https://img-blog.csdnimg.cn/4f8a3e9029f14f5e94de61c2fe70053c.png
[bd5bca5ca92744f1b5b74315d45ce8dd.png]: https://img-blog.csdnimg.cn/bd5bca5ca92744f1b5b74315d45ce8dd.png
[1118d082d95a4c5d8c0f32b5543ff1df.png]: https://img-blog.csdnimg.cn/1118d082d95a4c5d8c0f32b5543ff1df.png
[ac253dd1e6da490b87254e527f12f991.png]: https://img-blog.csdnimg.cn/ac253dd1e6da490b87254e527f12f991.png
[91d419b9ec904c16b0d4ed210f6d9892.png]: https://img-blog.csdnimg.cn/91d419b9ec904c16b0d4ed210f6d9892.png
[025ee2bf3def45e9a977a58704555cee.png]: https://img-blog.csdnimg.cn/025ee2bf3def45e9a977a58704555cee.png
[278132ce203543e79076d0ddb5d0045b.png]: https://img-blog.csdnimg.cn/278132ce203543e79076d0ddb5d0045b.png
[8b05e45c674040bb832cb4d35fe14637.png]: https://img-blog.csdnimg.cn/8b05e45c674040bb832cb4d35fe14637.png
[9ba8a918027e459396e47d160d7ef03b.png]: https://img-blog.csdnimg.cn/9ba8a918027e459396e47d160d7ef03b.png
[25bcaed2497a400080143df70f8b47a8.png]: https://img-blog.csdnimg.cn/25bcaed2497a400080143df70f8b47a8.png
[2bae466401b94440a8779490156a69c0.png]: https://img-blog.csdnimg.cn/2bae466401b94440a8779490156a69c0.png
[15a23b735e464a85b0f603e8946e4287.png]: https://img-blog.csdnimg.cn/15a23b735e464a85b0f603e8946e4287.png
[ebd99254e4be41148fe3f7b4a49e2f9c.png]: https://img-blog.csdnimg.cn/ebd99254e4be41148fe3f7b4a49e2f9c.png
[44891f38980b434283858476f54683c6.png]: https://img-blog.csdnimg.cn/44891f38980b434283858476f54683c6.png
[0e0ae448840f48f59bf7874b11fab4e6.png]: https://img-blog.csdnimg.cn/0e0ae448840f48f59bf7874b11fab4e6.png
[1bdcddb0ec7e423b9823bd6962f1f29b.png]: https://img-blog.csdnimg.cn/1bdcddb0ec7e423b9823bd6962f1f29b.png
[0c2ee718c3a6485296859bd0c8f60b2a.png]: https://img-blog.csdnimg.cn/0c2ee718c3a6485296859bd0c8f60b2a.png
[EasyExcel]: https://easyexcel.opensource.alibaba.com/
[a2c7b277c2724159a4a2c94c67c7037c.png]: https://img-blog.csdnimg.cn/a2c7b277c2724159a4a2c94c67c7037c.png
[259c4eff150c4bae9c7989da5ed478c6.png]: https://img-blog.csdnimg.cn/259c4eff150c4bae9c7989da5ed478c6.png
[a8fb03c2732c4056a4cd3db70cf1f132.png]: https://img-blog.csdnimg.cn/a8fb03c2732c4056a4cd3db70cf1f132.png
[c1303574ef2f4575b7cd94cf3a8542f8.png]: https://img-blog.csdnimg.cn/c1303574ef2f4575b7cd94cf3a8542f8.png
[2b3a700bdcd14327ba6625ecf9a57b76.png]: https://img-blog.csdnimg.cn/2b3a700bdcd14327ba6625ecf9a57b76.png
[ae1bb03ab4c445c68624009b5f2e00d6.png]: https://img-blog.csdnimg.cn/ae1bb03ab4c445c68624009b5f2e00d6.png
[b9e9e2111ec344eabfc0cdd33e7432be.png]: https://img-blog.csdnimg.cn/b9e9e2111ec344eabfc0cdd33e7432be.png
[1a858aa132ce4514ae9c086374a6ffb3.png]: https://img-blog.csdnimg.cn/1a858aa132ce4514ae9c086374a6ffb3.png
[2d5b124a90a440fab3bc49d9110de5d1.png]: https://img-blog.csdnimg.cn/2d5b124a90a440fab3bc49d9110de5d1.png
[943fd155bb7048549495a411e46d40b2.png]: https://img-blog.csdnimg.cn/943fd155bb7048549495a411e46d40b2.png
[5a0d9344c7974dd5a3c62fe19da2130a.png]: https://img-blog.csdnimg.cn/5a0d9344c7974dd5a3c62fe19da2130a.png
[ffb93eeb03454231b0a3d6659855dd60.png]: https://img-blog.csdnimg.cn/ffb93eeb03454231b0a3d6659855dd60.png
[77d2c6b6f1e946ec8b27122c94e6a14d.png]: https://img-blog.csdnimg.cn/77d2c6b6f1e946ec8b27122c94e6a14d.png
[f4cf95ad511747c59e271d92d77cf112.png]: https://img-blog.csdnimg.cn/f4cf95ad511747c59e271d92d77cf112.png
[62efdcb2b4aa4d4dba0cbf87b33e99ef.png]: https://img-blog.csdnimg.cn/62efdcb2b4aa4d4dba0cbf87b33e99ef.png
[edfa380ad3d84ca9a221ceb6bcfa8f63.png]: https://img-blog.csdnimg.cn/edfa380ad3d84ca9a221ceb6bcfa8f63.png
[5f43935e0dc9458c878745826436e7ef.png]: https://img-blog.csdnimg.cn/5f43935e0dc9458c878745826436e7ef.png
[64f1f29fffc944668ae880e312a9f125.png]: https://img-blog.csdnimg.cn/64f1f29fffc944668ae880e312a9f125.png
[3b0102f99b494ebc92e7e08b1b01d504.png]: https://img-blog.csdnimg.cn/3b0102f99b494ebc92e7e08b1b01d504.png
[066dee4e8ccd4031bd3685d5041790c2.png]: https://img-blog.csdnimg.cn/066dee4e8ccd4031bd3685d5041790c2.png
[ac62f23a6080438584d55337f04edb88.png]: https://img-blog.csdnimg.cn/ac62f23a6080438584d55337f04edb88.png
[1dab3b6c4e824515ba509e9697daae27.png]: https://img-blog.csdnimg.cn/1dab3b6c4e824515ba509e9697daae27.png
[5d2f21822e1b488abd964065e18119a2.png]: https://img-blog.csdnimg.cn/5d2f21822e1b488abd964065e18119a2.png
[c40a04dccfe1420989bb8b3235e745f7.png]: https://img-blog.csdnimg.cn/c40a04dccfe1420989bb8b3235e745f7.png
[121dc1d3b64849b5821b3c471ea77993.png]: https://img-blog.csdnimg.cn/121dc1d3b64849b5821b3c471ea77993.png
[eefaeb2eab664c84ae98a6cf77363492.png]: https://img-blog.csdnimg.cn/eefaeb2eab664c84ae98a6cf77363492.png
[a15314d5b74a468b8c2bf2d70956eed7.png]: https://img-blog.csdnimg.cn/a15314d5b74a468b8c2bf2d70956eed7.png
[20a0e34d3eed4930ad4348083356d09f.png]: https://img-blog.csdnimg.cn/20a0e34d3eed4930ad4348083356d09f.png
[910aa279e94d4fdcb6f47e083f22959b.png]: https://img-blog.csdnimg.cn/910aa279e94d4fdcb6f47e083f22959b.png
[720a48239f3b45c3af805400baf84544.png]: https://img-blog.csdnimg.cn/720a48239f3b45c3af805400baf84544.png
[742556419d5f4729acadfe6a5d94c10c.png]: https://img-blog.csdnimg.cn/742556419d5f4729acadfe6a5d94c10c.png
[70376caaa5e246e89bcb103cea0f13bb.png]: https://img-blog.csdnimg.cn/70376caaa5e246e89bcb103cea0f13bb.png
[08ddd3adb44b4c0fbd7feac9fcbaf130.png]: https://img-blog.csdnimg.cn/08ddd3adb44b4c0fbd7feac9fcbaf130.png
[23e12305c2944f19bdc37b2d5b6f1de1.png]: https://img-blog.csdnimg.cn/23e12305c2944f19bdc37b2d5b6f1de1.png
[3791c5d847e2408492e9d12050831d5d.png]: https://img-blog.csdnimg.cn/3791c5d847e2408492e9d12050831d5d.png
[162f045b4a44467e9461c529b7bf9832.png]: https://img-blog.csdnimg.cn/162f045b4a44467e9461c529b7bf9832.png
[cc027bf08d834474827c54e123c00581.png]: https://img-blog.csdnimg.cn/cc027bf08d834474827c54e123c00581.png
[32c8436e6bcd44e8b6b23be4bb06b6f8.png]: https://img-blog.csdnimg.cn/32c8436e6bcd44e8b6b23be4bb06b6f8.png
[3422699a3024465791250933c5c3fad5.png]: https://img-blog.csdnimg.cn/3422699a3024465791250933c5c3fad5.png
[6497e485824f449a9156d6415ef4bf43.png]: https://img-blog.csdnimg.cn/6497e485824f449a9156d6415ef4bf43.png
[f20874a1bfe14d99a9f95b64acd5e796.png]: https://img-blog.csdnimg.cn/f20874a1bfe14d99a9f95b64acd5e796.png
[b12f254d38994f9e80fed51d60ce5306.png]: https://img-blog.csdnimg.cn/b12f254d38994f9e80fed51d60ce5306.png
[d4e94728e4224fe9ac7084e1482408a8.png]: https://img-blog.csdnimg.cn/d4e94728e4224fe9ac7084e1482408a8.png
[d60a9d0fa3b04dd7979aea8ce595ec2c.png]: https://img-blog.csdnimg.cn/d60a9d0fa3b04dd7979aea8ce595ec2c.png
[bae6376c2524454ebed2629e190c36b1.png]: https://img-blog.csdnimg.cn/bae6376c2524454ebed2629e190c36b1.png
[c7c0f195a34742e89652031d366d2aea.png]: https://img-blog.csdnimg.cn/c7c0f195a34742e89652031d366d2aea.png
[e8a82e201f3c4291b3ddd9686e715e85.png]: https://img-blog.csdnimg.cn/e8a82e201f3c4291b3ddd9686e715e85.png
[fe6a2c6d36d6497ab17448d89b19e308.png]: https://img-blog.csdnimg.cn/fe6a2c6d36d6497ab17448d89b19e308.png
[37aa7efa8239401a9969849d402e1ed8.png]: https://img-blog.csdnimg.cn/37aa7efa8239401a9969849d402e1ed8.png
[2673924e17bf425eae7ff6cb240701fe.png]: https://img-blog.csdnimg.cn/2673924e17bf425eae7ff6cb240701fe.png
[c1e6ad6b9df949b0b1c3bf80b1634db4.png]: https://img-blog.csdnimg.cn/c1e6ad6b9df949b0b1c3bf80b1634db4.png
[28f7099b40f54dddad2e45ab36b68f79.png]: https://img-blog.csdnimg.cn/28f7099b40f54dddad2e45ab36b68f79.png
[0c37e069cba94fba86a2fc3be1e2b028.png]: https://img-blog.csdnimg.cn/0c37e069cba94fba86a2fc3be1e2b028.png
[b20da331fdfa45b5b67afe7da18390ea.png]: https://img-blog.csdnimg.cn/b20da331fdfa45b5b67afe7da18390ea.png
[64e2b27a05ae4e2b99074e25ae7a84a7.png]: https://img-blog.csdnimg.cn/64e2b27a05ae4e2b99074e25ae7a84a7.png
[bfc7d4fa4a1d4f3ab089e68647a7d807.png]: https://img-blog.csdnimg.cn/bfc7d4fa4a1d4f3ab089e68647a7d807.png
[6e40800602d94b5497677397c4897b57.png]: https://img-blog.csdnimg.cn/6e40800602d94b5497677397c4897b57.png
[6f8d8c5d8eee472fb6e8deaf852649eb.png]: https://img-blog.csdnimg.cn/6f8d8c5d8eee472fb6e8deaf852649eb.png
[72eebe111686463f88578d2260f3fb8d.png]: https://img-blog.csdnimg.cn/72eebe111686463f88578d2260f3fb8d.png
[8eab64a95bba48fba1e1b457d80ebffb.png]: https://img-blog.csdnimg.cn/8eab64a95bba48fba1e1b457d80ebffb.png
[f09f04853aad4e5f8fb82adc61f01d8d.png]: https://img-blog.csdnimg.cn/f09f04853aad4e5f8fb82adc61f01d8d.png
[c574a66c9a944ca98e376997388bb4b0.png]: https://img-blog.csdnimg.cn/c574a66c9a944ca98e376997388bb4b0.png
[3492fcfa8ec244dfaa1c3018b2d28862.png]: https://img-blog.csdnimg.cn/3492fcfa8ec244dfaa1c3018b2d28862.png
[a592a924b3b54a0dbe10bed58f4e8480.png]: https://img-blog.csdnimg.cn/a592a924b3b54a0dbe10bed58f4e8480.png
[160143ddb3284a8891fb1334ea294fa1.png]: https://img-blog.csdnimg.cn/160143ddb3284a8891fb1334ea294fa1.png
[5cc19eb72b254d88a7301f0188c54dd6.png]: https://img-blog.csdnimg.cn/5cc19eb72b254d88a7301f0188c54dd6.png
[99da04ddd8a24a32972268683ff8b5b8.png]: https://img-blog.csdnimg.cn/99da04ddd8a24a32972268683ff8b5b8.png
[ee141a36f4c74450ab2db5bf3db6389b.png]: https://img-blog.csdnimg.cn/ee141a36f4c74450ab2db5bf3db6389b.png
[91c418b8297c4319875d887deb2e2619.png]: https://img-blog.csdnimg.cn/91c418b8297c4319875d887deb2e2619.png
[b523c05d3d65425d997e42fcf5b76e20.png]: https://img-blog.csdnimg.cn/b523c05d3d65425d997e42fcf5b76e20.png
[81ca057310344b49a9579f57d93ef240.png]: https://img-blog.csdnimg.cn/81ca057310344b49a9579f57d93ef240.png
[ef0ad33ca21d4959808b932abc896c08.png]: https://img-blog.csdnimg.cn/ef0ad33ca21d4959808b932abc896c08.png
[c6a2f9369bea4f0b80e45eebdbc8a52a.png]: https://img-blog.csdnimg.cn/c6a2f9369bea4f0b80e45eebdbc8a52a.png
[7cc1881ce1114f20b06bbd7cf2896752.png]: https://img-blog.csdnimg.cn/7cc1881ce1114f20b06bbd7cf2896752.png
[ab81184922f742d0b6a0148b77e06412.png]: https://img-blog.csdnimg.cn/ab81184922f742d0b6a0148b77e06412.png
[4a98b41be0b947c9a47cd8605b97026f.png]: https://img-blog.csdnimg.cn/4a98b41be0b947c9a47cd8605b97026f.png
[c25809580923464f84381113da4e53c2.png]: https://img-blog.csdnimg.cn/c25809580923464f84381113da4e53c2.png
[5052d1013f754c08b1ae9caa3d6323a9.png]: https://img-blog.csdnimg.cn/5052d1013f754c08b1ae9caa3d6323a9.png
[43a1d86affc44dc2a53a42ad25f75ce6.png]: https://img-blog.csdnimg.cn/43a1d86affc44dc2a53a42ad25f75ce6.png
[b0fcc4dd38c94a798c948495cf2d8446.png]: https://img-blog.csdnimg.cn/b0fcc4dd38c94a798c948495cf2d8446.png
[917d96f6f1fc4cba9b3bebb75dddbe5a.png]: https://img-blog.csdnimg.cn/917d96f6f1fc4cba9b3bebb75dddbe5a.png
[fb240e6c1e114be6a422f35c90c7437d.png]: https://img-blog.csdnimg.cn/fb240e6c1e114be6a422f35c90c7437d.png
[7f4b89bd135b47bbaa01b3bc2f2bbccb.png]: https://img-blog.csdnimg.cn/7f4b89bd135b47bbaa01b3bc2f2bbccb.png
[7484b13c70df42b895d5c1718b3eba28.png]: https://img-blog.csdnimg.cn/7484b13c70df42b895d5c1718b3eba28.png
[0ee0f2b9051843baba6ed9610dd67056.png]: https://img-blog.csdnimg.cn/0ee0f2b9051843baba6ed9610dd67056.png
[45f1ea15ecff4fe291650c10ff4aed2f.png]: https://img-blog.csdnimg.cn/45f1ea15ecff4fe291650c10ff4aed2f.png
[f9252e4f2b574ac38181fe0fe4c0e0fd.png]: https://img-blog.csdnimg.cn/f9252e4f2b574ac38181fe0fe4c0e0fd.png
[f6056c4f77124a888111f6931133b061.png]: https://img-blog.csdnimg.cn/f6056c4f77124a888111f6931133b061.png
[37791285bf85466ebd8999cf8f6368bc.png]: https://img-blog.csdnimg.cn/37791285bf85466ebd8999cf8f6368bc.png
[fcd7bfeb52b54cf59dee186544fc8ba8.png]: https://img-blog.csdnimg.cn/fcd7bfeb52b54cf59dee186544fc8ba8.png
[588ef9788e8947d6af3430d2edfca76e.png]: https://img-blog.csdnimg.cn/588ef9788e8947d6af3430d2edfca76e.png
[a01cf15c762d4fefbd90d37b3d64d045.png]: https://img-blog.csdnimg.cn/a01cf15c762d4fefbd90d37b3d64d045.png
[0af8aba8ec8b4ded9d669eaac2e24214.png]: https://img-blog.csdnimg.cn/0af8aba8ec8b4ded9d669eaac2e24214.png
[b90b2dbe3df34ff1986d777532e83e7a.png]: https://img-blog.csdnimg.cn/b90b2dbe3df34ff1986d777532e83e7a.png
[427366226a004f418329f6cc6116a5e8.png]: https://img-blog.csdnimg.cn/427366226a004f418329f6cc6116a5e8.png
[49118580f79e4dc0b0508832aff5b95f.png]: https://img-blog.csdnimg.cn/49118580f79e4dc0b0508832aff5b95f.png
[67919a4ed3b94fd2a603209a00b5c806.png]: https://img-blog.csdnimg.cn/67919a4ed3b94fd2a603209a00b5c806.png
[c7128559c5104ccebf6310430ea625c9.png]: https://img-blog.csdnimg.cn/c7128559c5104ccebf6310430ea625c9.png
[c18a94a50cbf44f7a41ac6cebef42ebf.png]: https://img-blog.csdnimg.cn/c18a94a50cbf44f7a41ac6cebef42ebf.png
[d0938730d5a44aa2b569d8483af81235.png]: https://img-blog.csdnimg.cn/d0938730d5a44aa2b569d8483af81235.png
[mybatis-plus_springboot]: https://blog.csdn.net/qq_45432276/article/details/131143009?spm=1001.2014.3001.5501
[5bcb24bf6c774d58a52873596fb49dcb.png]: https://img-blog.csdnimg.cn/5bcb24bf6c774d58a52873596fb49dcb.png
[f643198d3fb4474a8ec7ad98d8bdc2ad.png]: https://img-blog.csdnimg.cn/f643198d3fb4474a8ec7ad98d8bdc2ad.png
[89f747d0d8a5475f96090368fa96e6f2.png]: https://img-blog.csdnimg.cn/89f747d0d8a5475f96090368fa96e6f2.png
[36266ab23b8d45a38762d8995f0df72f.png]: https://img-blog.csdnimg.cn/36266ab23b8d45a38762d8995f0df72f.png
[c6fca26a5b1143dcb734f0d6386fa2e0.png]: https://img-blog.csdnimg.cn/c6fca26a5b1143dcb734f0d6386fa2e0.png
[51d9a25903a145d09c9de04094f7c78b.png]: https://img-blog.csdnimg.cn/51d9a25903a145d09c9de04094f7c78b.png
[34bc0ec92bd74ebf8047c080d8870e68.png]: https://img-blog.csdnimg.cn/34bc0ec92bd74ebf8047c080d8870e68.png
[c174dbbb63684d4f8aa6506ed0d8a6b0.png]: https://img-blog.csdnimg.cn/c174dbbb63684d4f8aa6506ed0d8a6b0.png
[834e575cb44748e5bd58ce9371bd022e.png]: https://img-blog.csdnimg.cn/834e575cb44748e5bd58ce9371bd022e.png
[79097e6b06cf48d1b18b62620092d301.png]: https://img-blog.csdnimg.cn/79097e6b06cf48d1b18b62620092d301.png
[c4ce458d967848b89f58b08533e19254.png]: https://img-blog.csdnimg.cn/c4ce458d967848b89f58b08533e19254.png
[e1c1b19b0b9746d0b37fdad1a65a2967.png]: https://img-blog.csdnimg.cn/e1c1b19b0b9746d0b37fdad1a65a2967.png
[a233b7a73d83404c9904145a79d3aa90.png]: https://img-blog.csdnimg.cn/a233b7a73d83404c9904145a79d3aa90.png