分类管理业务开发 -- 手把手教你做ssm+springboot入门后端项目黑马程序员瑞吉外卖（四）

蔚落 2023-10-12 20:23 15阅读 0赞

### 文章目录 ###

*  前言
 *  一、开发功能预览
 *  二、公共字段自动填充
 *   *  1.问题分析
     *  2.代码实现
     *  3.功能测试
     *  4.功能完善
 *  三、新增分类
 *   *  1.需求分析
     *  2.数据模型
     *  3.代码开发
     *  4.功能测试
 *  四、分类信息分页查询
 *   *  1.需求分析
     *  2.代码开发
     *  3.功能测试
 *  五、删除分类
 *   *  1.需求分析
     *  2.代码开发
     *  3.功能测试
     *  4.功能完善
 *  六、修改分类
 *   *  1.需求分析
     *  2.代码开发
     *  3.功能测试
 *  总结

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

# 前言 #

为了巩固所学的知识，作者尝试着开始发布一些学习笔记类的博客，方便日后回顾。当然，如果能帮到一些萌新进行新技术的学习那也是极好的。作者菜菜一枚，文章中如果有记录错误，欢迎读者朋友们批评指正。  
（博客的参考源码可以在我主页的资源里找到，如果在学习的过程中有什么疑问欢迎大家在评论区向我提出）

# 一、开发功能预览 #

> 1.  公共字段自动填充
> 2.  新增分类
> 3.  分类信息分页查询
> 4.  删除分类
> 5.  修改分类

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

# 二、公共字段自动填充 #

## 1.问题分析 ##

前面我们已经完成了后台系统的员工管理功能开发，在新增员工时需要设置创建时间、创建人、修改时间、修改人等字段，在编辑员工时需要设置修改时间和修改人等字段。这些字段属于公共字段，也就是很多表中都有这些字段，如下:

![在这里插入图片描述][ca8a1415f4524c29946e15cee45d8265.png_pic_center]

*  我们可以使用Mybatis plus提供的公共字段自动填充功能对这些公共字段在某个地方统一处理，来简化开发（重复操作）

## 2.代码实现 ##

Mybatis Plus公共字段自动填充，也就是在插入或者更新的时候为指定字段赋予指定的值，使用它的好处就是可以统一对这些字段进行处理，避免了重复代码

**1. 实现步骤:**

> 1.  在实体类的属性上加入@TableField注解，指定自动填充的策略
> 2.  按照框架要求编写元数据对象处理器，在此类中统一为公共字段赋值，此类需要实现MetaobiectHandler接口

**2. 在实体类Employee的公共字段属性上添加@TableField注解，指定填充策略**

/**
     * 员工实体
     */
    @Data
    public class Employee implements Serializable {
        
    
        private static final long serialVersionUID = 1L;
    
        private Long id;
    
        private String username;
    
        private String name;
    
        private String password;
    
        private String phone;
    
        private String sex;
    
        private String idNumber;//身份证号码
    
        private Integer status;
    
        
        @TableField(fill = FieldFill.INSERT) //插入时填充字段
        private LocalDateTime createTime;
    
        @TableField(fill = FieldFill.INSERT_UPDATE) //插入和更新时填充字段
        private LocalDateTime updateTime;
    
        @TableField(fill = FieldFill.INSERT) //插入时填充字段
        private Long createUser;
    
        @TableField(fill = FieldFill.INSERT_UPDATE) //插入和更新时填充字段
        private Long updateUser;
    
    
    }

**3. 按照框架要求在common包下编写元数据对象处理器**

/**
     * 自定义元数据对象处理器
     */
    @Component
    @Slf4j
    public class MyMetaObjecthandler implements MetaObjectHandler {
        
        /**
         * 插入操作，自动填充
         * @param metaObject
         */
        @Override
        public void insertFill(MetaObject metaObject) {
        
            log.info("公共字段自动填充[insert]...");
            log.info(metaObject.toString());
            metaObject.setValue("createTime", LocalDateTime.now());
            metaObject.setValue("updateTime",LocalDateTime.now());
            //先写固定
            metaObject.setValue("createUser",new Long(1));
            metaObject.setValue("updateUser",new Long(1));
        }
    
        /**
         * 更新操作，自动填充
         * @param metaObject
         */
        @Override
        public void updateFill(MetaObject metaObject) {
        
            log.info("公共字段自动填充[update]...");
            log.info(metaObject.toString());
    
    
        }
    }

## 3.功能测试 ##

*  重启调试启动类，登录访问后台首页，点击添加员工,编辑完信息后点击保存

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

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

## 4.功能完善 ##

**1.问题分析**

*  前面我们已经完成了公共字段自动填充功能的代码开发，但是还有一个问题没有解决，就是我们在自动填充createUser和updateUser时设置的用户id是固定值，现在我们需要改造成动态获取当前登录用户的id
 *  我们可能想到，用户登录成功后我们将用户id存入了HttpSession中，现在我从HttoSession中获取不就行了
 *  注意，我们在MyMetaObjectHandler类中是不能获得Httpession对象的，所以我们需要通过其他方式来获取登录用户id
 *  可以使用ThreadLocal来解决此问题，它是IDK中提供的一个类

**2. ThreadLocal前置知识**

*  在学习ThreadLocal之前，我们需要先确认一个事情，就是客户端发送的每次http请求，对应的在服务端都会分配一个新的线程来处理，在处理过程中涉及到下面类中的方法都属于相同的一个线程:

> 1.  LoginCheckFilter的doFilter方法
> 2.  EmployeeController的update方法
> 3.  MyMetaobjectHandler的updateFill方法

*  可以在上面的三个方法中分别加入下面代码 (获取当前线程id) :

long id = Thread.currentThread(). getId();
    log. info("线程id:0",id);

*  执行编辑员工功能进行验证，通过观察控制台输出可以发现，一次请求对应的线程id是相同的:

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

**3. ThreadLocal简介**

*  什么是ThreadLocal?

> ThreadLocal并不是一个Thread，而是Thread的局部变量。当使用ThreadLocal维护变量时，ThreadLocal为每个使用该变量的线程提供独立的变量副本，所以每一个线程都可以独立地改变自己的副本，而不会影响其它线程所对应的副本，ThreadLocal为每个线程提供单独一份存储空间，具有线程隔离的效果，只有在线程内才能获取到对应的值，线程外则不能访问。

*  ThreadLocal常用方法

> 1.  public void set(T value) 设置当前线程的线程局部变量的值
> 2.  public T get() 返回当前线程所对应的线程局部变量的值

*  结合项目实例

> 我们可以在LodinCheckFilter的doFilter方法中获取当前登录用户id，并调用ThreadLocal的set方法来设置当前线程的线程局部变量的值 (用户id)，然后在MVMetaobiectHandler的updateFil方法中调用ThreadLocal的get方法来获得当前线程所对应的线程局部变量的值 (用户id)

**4. 实现步骤:**

> 1.  编写BaseContext工具类，基于ThreadLocal封装的工具类
> 2.  在LoginCheckFilter的doFilter方法中调用BaseContext来设置当前登录用户的id
> 3.  在MyMetaObjectHandler的方法中调用BaseContext获取登录用户的id

**5. 在common包下创建工具类BaseContext**

/**
     * 基于ThreadLocal封装工具类，用户保存和获取当前登录用户id
     */
    public class BaseContext {
        
        //id是long型
        private static ThreadLocal<Long> threadLocal = new ThreadLocal<>();
    
        /**
         * 设置值
         * @param id
         */
        public static void setCurrentId(Long id){
        
            threadLocal.set(id);
        }
    
        /**
         * 获取值
         * @return
         */
        public static Long getCurrentId(){
        
            return threadLocal.get();
        }
    }

**6. 在LoginCheckFilter的doFilter方法中调用BaseContext来设置当前登录用户的id**

/**
     * 检查用户是否已经完成登录
     */
    //名称+拦截路径
    @WebFilter(filterName = "loginCheckFilter",urlPatterns = "/*")
    @Slf4j
    public class LoginCheckFilter implements Filter{
        
        //...
        @Override
        public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        
                //...
                Long empId = (Long) request.getSession().getAttribute("employee");
                BaseContext.setCurrentId(empId);
                //...
        }
    
    }

**7. 在MyMetaObjectHandler的方法中调用BaseContext获取登录用户的id**

/**
     * 自定义元数据对象处理器
     */
    @Component
    @Slf4j
    public class MyMetaObjecthandler implements MetaObjectHandler {
        
        /**
         * 插入操作，自动填充
         * @param metaObject
         */
        @Override
        public void insertFill(MetaObject metaObject) {
        
            log.info("公共字段自动填充[insert]...");
            log.info(metaObject.toString());
            metaObject.setValue("createTime", LocalDateTime.now());
            metaObject.setValue("updateTime",LocalDateTime.now());
            metaObject.setValue("createUser",BaseContext.getCurrentId());
            metaObject.setValue("updateUser",BaseContext.getCurrentId());
        }
    
        /**
         * 更新操作，自动填充
         * @param metaObject
         */
        @Override
        public void updateFill(MetaObject metaObject) {
        
            log.info("公共字段自动填充[update]...");
            log.info(metaObject.toString());
    
            long id = Thread.currentThread().getId();
            log.info("线程id为：{}",id);
    
            metaObject.setValue("updateTime",LocalDateTime.now());
            metaObject.setValue("updateUser",BaseContext.getCurrentId());
        }
    }

**8. 测试**

*  重启启动类，登录用户东离与糖宝99（初始密码为123456）访问后台首页，添加员工，编辑信息后保存

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

*  查看数据库信息

![51ec2e4a385a421ca3739f2f328ce923.png][]

# 三、新增分类 #

## 1.需求分析 ##

后台系统中可以管理分类信息，分类包括两种类型，分别是菜品分类和套餐分类。当我们在后台系统中添加菜品时需要选择一个菜品分类，当我们在后台系统中添加一个套餐时需要选择一个套餐分类，在移动端也会按照菜品分类和套餐分类来展示对应的菜品和套餐。可以在后台系统的分类管理页面分别添加菜品分类和套餐分类，如下

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

## 2.数据模型 ##

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

## 3.代码开发 ##

**1. 基础框架搭建**

*  实体类Category

/**
     * 分类
     */
    @Data
    public class Category implements Serializable {
        
    
        private static final long serialVersionUID = 1L;
    
        private Long id;
    
    
        //类型 1 菜品分类 2 套餐分类
        private Integer type;
    
    
        //分类名称
        private String name;
    
    
        //顺序
        private Integer sort;
    
    
        //创建时间
        @TableField(fill = FieldFill.INSERT)
        private LocalDateTime createTime;
    
    
        //更新时间
        @TableField(fill = FieldFill.INSERT_UPDATE)
        private LocalDateTime updateTime;
    
    
        //创建人
        @TableField(fill = FieldFill.INSERT)
        private Long createUser;
    
    
        //修改人
        @TableField(fill = FieldFill.INSERT_UPDATE)
        private Long updateUser;
    
    }

*  Mapper接口CategoryMapper

@Mapper
    public interface CategoryMapper extends BaseMapper<Category> {
        
    }

*  业务层接口CategoryService

public interface CategoryService extends IService<Category> {
        
    
    }

*  业务层实现类CategoryServicelmpl

@Service
    public class CategoryServiceImpl extends ServiceImpl<CategoryMapper,Category> implements CategoryService{
        
    
    }

**2. 前端相关页面分析**

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

**3. 在开发代码之前，需要梳理一下整个程序的执行过程**

> 1.  页面(backend/page/category/list.html)发送ajax请求，将新增分类窗口输入的数据以json形式提交到服务端
> 2.  服务端Controller接收页面提交的数据并调用Service将数据进行保存
> 3.  Service调用Mapper操作数据库，保存数据
> 4.  由下图可以看到新增菜品分类和新增套餐分类请求的服务端地址和提交的ison数据结构相同，所以服务端只需要提供一个方法统外理即可:

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

1.  编写控制层CategoryController

/**
         * 新增分类
         * @param category
         * @return
         */
        @PostMapping
        public R<String> save(@RequestBody Category category){
        
            log.info("category:{}",category);
            categoryService.save(category);
            return R.success("新增分类成功");
        }

## 4.功能测试 ##

重启启动类，登录访问后台页面，点击分类管理，添加一条记录  
![在这里插入图片描述][91191206b833478e99ad599e4ac3c174.png]

# 四、分类信息分页查询 #

## 1.需求分析 ##

系统中的分类很多的时候，如果在一个页面中全部展示出来会显得比较乱，不便于查看，所以一般的系统中都会以分页的方式来展示列表数据。

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

## 2.代码开发 ##

**1. 在开发代码之前，需要梳理一下整个程序的执行过程**

> 1.  页面发送ajax请求，将分页查询参数(page、pageSize)提交到服务端
> 2.  服务端Controller接收页面提交的数据并调用Service查询数据
> 3.  Service调用Mapper操作数据库，查询分页数据
> 4.  Controller将查询到的分页数据响应给页面
> 5.  页面接收到分页数据并通过ElementUl的Table组件展示到页面上

**2. 前端相关代码分析**

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

**3. 在 CategoryController 中编写相关分页方法（mybatis-plus）**

/**
     * 分类管理
     */
    @RestController
    @RequestMapping("/category")
    @Slf4j
    public class CategoryController {
        
        @Autowired
        private CategoryService categoryService;
    
        /**
         * 分页查询
         * @param page
         * @param pageSize
         * @return
         */
        @GetMapping("/page")
        public R<Page> page(int page,int pageSize){
        
            //分页构造器
            Page<Category> pageInfo = new Page<>(page,pageSize);
            //条件构造器
            LambdaQueryWrapper<Category> queryWrapper = new LambdaQueryWrapper<>();
            //添加排序条件，根据sort进行排序
            queryWrapper.orderByAsc(Category::getSort);
    
            //分页查询
            categoryService.page(pageInfo,queryWrapper);
            return R.success(pageInfo);
        }
    }

## 3.功能测试 ##

*  重启启动类，登录访问后台首页，点击分类管理页面查看数据

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

*  查看控制台及文件结构参考

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

# 五、删除分类 #

## 1.需求分析 ##

在分类管理列表页面，可以对某个分类进行删除操作。需要注意的是当分类关联了菜品或者套餐时，此分类不允许删除。

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

## 2.代码开发 ##

**1. 在开发代码之前，需要梳理一下整个程序的执行过程**

> 1.  页面发送ajax请求，将参数(id)提交到服务端
> 2.  服务端Controller接收页面提交的数据并调用Service删除数据
> 3.  Service调用Mapper操作数据库

**2. 前端相关代码分析**

![在这里插入图片描述][65db3082d12f4c639b6d65ddb7b0bd3b.png]  
**3. 在 CategoryController 中编写相关删除方法（mybatis-plus）**

/**
     * 分类管理
     */
    @RestController
    @RequestMapping("/category")
    @Slf4j
    public class CategoryController {
        
        @Autowired
        private CategoryService categoryService;
        
        /**
         * 根据id删除分类
         * @param id
         * @return
         */
        @DeleteMapping
        public R<String> delete(Long id){
        
            log.info("删除分类，id为：{}",id);
    
            categoryService.removeById(id);
            return R.success("分类信息删除成功");
        }
    }

## 3.功能测试 ##

重启启动类，登录访问后台页面，点击分类管理，删除第一条记录

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

## 4.功能完善 ##

**1. 前面我们已经实现了根据id删除分类的功能，但是并没有检查删除的分类是否关联了菜品或者套餐，所以我们需要进行功能完善，首先准备一些基础的类和接口**

*  菜品实体类Dish和套餐实体类Setmeal

1.  菜品实体类Dish

/**
     菜品
     */
    @Data
    public class Dish implements Serializable {
        
    
        private static final long serialVersionUID = 1L;
    
        private Long id;
    
    
        //菜品名称
        private String name;
    
    
        //菜品分类id
        private Long categoryId;
    
    
        //菜品价格
        private BigDecimal price;
    
    
        //商品码
        private String code;
    
    
        //图片
        private String image;
    
    
        //描述信息
        private String description;
    
    
        //0 停售 1 起售
        private Integer status;
    
    
        //顺序
        private Integer sort;
    
    
        @TableField(fill = FieldFill.INSERT)
        private LocalDateTime createTime;
    
    
        @TableField(fill = FieldFill.INSERT_UPDATE)
        private LocalDateTime updateTime;
    
    
        @TableField(fill = FieldFill.INSERT)
        private Long createUser;
    
    
        @TableField(fill = FieldFill.INSERT_UPDATE)
        private Long updateUser;
    
    }

2)套餐实体类Setmeal

/**
     * 套餐
     */
    @Data
    public class Setmeal implements Serializable {
        
    
        private static final long serialVersionUID = 1L;
    
        private Long id;
    
    
        //分类id
        private Long categoryId;
    
    
        //套餐名称
        private String name;
    
    
        //套餐价格
        private BigDecimal price;
    
    
        //状态 0:停用 1:启用
        private Integer status;
    
    
        //编码
        private String code;
    
    
        //描述信息
        private String description;
    
    
        //图片
        private String image;
    
    
        @TableField(fill = FieldFill.INSERT)
        private LocalDateTime createTime;
    
    
        @TableField(fill = FieldFill.INSERT_UPDATE)
        private LocalDateTime updateTime;
    
    
        @TableField(fill = FieldFill.INSERT)
        private Long createUser;
    
    
        @TableField(fill = FieldFill.INSERT_UPDATE)
        private Long updateUser;
    
    }

*  Mapper接口DishMapper和SetmealMapper（操作数据库、Mapper接口）

1.  SetmealMapper 接口

@Mapper
    public interface SetmealMapper extends BaseMapper<Setmeal> {
        
    }

2）DishMapper 接口

@Mapper
    public interface DishMapper extends BaseMapper<Dish> {
        
    }

*  Service接口DishService和SetmealService

1）DishService 接口

public interface DishService extends IService<Dish> {
        
    }

2）SetmealService 接口

public interface SetmealService extends IService<Setmeal> {
        
    }

*  Service实现类DishServicelmpl和SetmealServicelmpl

1）DishServiceImpl 接口

@Service
    @Slf4j
    public class DishServiceImpl extends ServiceImpl<DishMapper,Dish> implements DishService {
        
    }

2）SetmealServiceImpl 接口

@Service
    @Slf4j
    public class SetmealServiceImpl extends ServiceImpl<SetmealMapper,Setmeal> implements SetmealService {
        
    }

**2. 注释掉 controller 中的 removeById 方法，自定义一个用于删除菜品是否关联其他菜品的判断，具体步骤如下**

*  在CategoryService中编写自定义方法remove

public interface CategoryService extends IService<Category> {
        
        public void remove(Long id);
    }

*  在实现类 CategoryServiceImpl 中编写相关的删除方法

@Service
    public class CategoryServiceImpl extends ServiceImpl<CategoryMapper,Category> implements CategoryService{
        
    
        @Autowired
        private DishService dishService;
    
        @Autowired
        private SetmealService setmealService;
    
        /**
         * 根据id删除分类，删除之前需要进行判断
         * @param id
         */
        @Override
        public void remove(Long id) {
        
            LambdaQueryWrapper<Dish> dishLambdaQueryWrapper = new LambdaQueryWrapper<>();
            //添加查询条件，根据分类id进行查询
            dishLambdaQueryWrapper.eq(Dish::getCategoryId,id);
            int count1 = dishService.count(dishLambdaQueryWrapper);
    
            //查询当前分类是否关联了菜品，如果已经关联，抛出一个业务异常
            if(count1 > 0){
        
                //已经关联菜品，抛出一个业务异常
                throw new CustomException("当前分类下关联了菜品，不能删除");
            }
    
            //查询当前分类是否关联了套餐，如果已经关联，抛出一个业务异常
            LambdaQueryWrapper<Setmeal> setmealLambdaQueryWrapper = new LambdaQueryWrapper<>();
            //添加查询条件，根据分类id进行查询
            setmealLambdaQueryWrapper.eq(Setmeal::getCategoryId,id);
            int count2 = setmealService.count();
            if(count2 > 0){
        
                //已经关联套餐，抛出一个业务异常
                throw new CustomException("当前分类下关联了套餐，不能删除");
            }
    
            //正常删除分类
            super.removeById(id);
        }
    }

*  添加自定义业务异常类 CustomException

/**
     * 自定义业务异常类
     */
    public class CustomException extends RuntimeException {
        
        public CustomException(String message){
        
            super(message);
        }
    }

*  Controller 中调用该方法

/**
         * 根据id删除分类
         * @param id
         * @return
         */
        @DeleteMapping
        public R<String> delete(Long id){
        
            log.info("删除分类，id为：{}",id);
    
    //        categoryService.removeById(id);
            categoryService.remove(id);
    
            return R.success("分类信息删除成功");
        }

**3. 重启启动类，登录访问后台页面，点击分类管理，删除第一条记录**

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

# 六、修改分类 #

## 1.需求分析 ##

在分类管理列表页面点击修改按钮，弹出修改窗口，在修改窗口回显分类信息并进行修改，最后点击确定按钮，完成修改操作

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

## 2.代码开发 ##

**1. 前端相关代码分析**

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

**2. 编写对应的 controller 方法**

/**
         * 根据id修改分类信息
         * @param category
         * @return
         */
        @PutMapping
        public R<String> update(@RequestBody Category category){
        
            log.info("修改分类信息：{}",category);
    
            categoryService.updateById(category);
    
            return R.success("修改分类信息成功");
        }

## 3.功能测试 ##

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

# 总结 #

欢迎各位留言交流以及批评指正，如果文章对您有帮助或者觉得作者写的还不错可以点一下关注，点赞，收藏支持一下。  
（博客的参考源码可以在我主页的资源里找到，如果在学习的过程中有什么疑问欢迎大家在评论区向我提出）

[fa8970bea5e64c4a8f6fd1d70d1d12d8.png]: https://img-blog.csdnimg.cn/fa8970bea5e64c4a8f6fd1d70d1d12d8.png
[ca8a1415f4524c29946e15cee45d8265.png_pic_center]: https://img-blog.csdnimg.cn/ca8a1415f4524c29946e15cee45d8265.png#pic_center
[d49dc6d1078543c790dcd3ab9726b774.png]: https://img-blog.csdnimg.cn/d49dc6d1078543c790dcd3ab9726b774.png
[b16adadf730d441c9073978b9c113e6e.png]: https://img-blog.csdnimg.cn/b16adadf730d441c9073978b9c113e6e.png
[28ab1aaf219346f59bf8aa9e0e586444.png]: https://img-blog.csdnimg.cn/28ab1aaf219346f59bf8aa9e0e586444.png
[3eab557e5fd14fcdb1713281538cd33d.png]: https://img-blog.csdnimg.cn/3eab557e5fd14fcdb1713281538cd33d.png
[51ec2e4a385a421ca3739f2f328ce923.png]: https://img-blog.csdnimg.cn/51ec2e4a385a421ca3739f2f328ce923.png
[bce223d022644747bde59f710c8f1858.png]: https://img-blog.csdnimg.cn/bce223d022644747bde59f710c8f1858.png
[bc4708f19f314f9789d7b7e740aa63a6.png]: https://img-blog.csdnimg.cn/bc4708f19f314f9789d7b7e740aa63a6.png
[4f487745b7f6444a910eaa6e15c52eb9.png]: https://img-blog.csdnimg.cn/4f487745b7f6444a910eaa6e15c52eb9.png
[30727d8c95ae40e7919946d2845ac98e.png]: https://img-blog.csdnimg.cn/30727d8c95ae40e7919946d2845ac98e.png
[91191206b833478e99ad599e4ac3c174.png]: https://img-blog.csdnimg.cn/91191206b833478e99ad599e4ac3c174.png
[d9d5bb01338c414286a644276ae9afa5.png]: https://img-blog.csdnimg.cn/d9d5bb01338c414286a644276ae9afa5.png
[6c28c6587f9040eca8cfd8561a7e6a82.png]: https://img-blog.csdnimg.cn/6c28c6587f9040eca8cfd8561a7e6a82.png
[cd53ebe022294f02bb13ab684fe66bf9.png]: https://img-blog.csdnimg.cn/cd53ebe022294f02bb13ab684fe66bf9.png
[33d5a9fcf8cc4b01b7429aaff81f63d4.png]: https://img-blog.csdnimg.cn/33d5a9fcf8cc4b01b7429aaff81f63d4.png
[6fe5a38a76224a9eafe62dce6ada64e8.png]: https://img-blog.csdnimg.cn/6fe5a38a76224a9eafe62dce6ada64e8.png
[65db3082d12f4c639b6d65ddb7b0bd3b.png]: https://img-blog.csdnimg.cn/65db3082d12f4c639b6d65ddb7b0bd3b.png
[00b9877d47844f0aac956ba2a234aae9.png]: https://img-blog.csdnimg.cn/00b9877d47844f0aac956ba2a234aae9.png
[94acd592736e4b4e902323ba5dcb0f51.png]: https://img-blog.csdnimg.cn/94acd592736e4b4e902323ba5dcb0f51.png
[b85dcd92f1144eb7b92b659efbd60469.png]: https://img-blog.csdnimg.cn/b85dcd92f1144eb7b92b659efbd60469.png
[cc1ebfec5440493e91894fc8094e3981.png]: https://img-blog.csdnimg.cn/cc1ebfec5440493e91894fc8094e3981.png
[4618181a60fa406497ce2d32c351ffb2.png]: https://img-blog.csdnimg.cn/4618181a60fa406497ce2d32c351ffb2.png