SSM框架整合（Spring + Spring MVC + MyBatis）IDEA版

谁践踏了优雅 2023-09-23 22:38 125阅读 0赞

#### 这里写目录标题 ####

*  SSM（Spring + Spring MVC + MyBatis）
 *   *  Spring容器和SpringMVC容器的关系
 *  IDEA创建Maven项目整合SSM步骤
 *   *  第一步：创建maven工程
     *  第二步：在pom.xml里添加相关的依赖
     *   *  在build中配置resources，设置Maven资源过滤
     *  第三步：建立基本结构
     *  第四步：Mybatis配置文件、数据库配置文件的编写
     *   *  数据库配置文件 database.properties
         *  MyBatis的核心配置文件 mybatis-config.xml
     *  第五步：编写Spring核心配置文件
     *   *  Spring整合Mybatis的相关的配置文件：spring-dao.xml
         *  Spring整合service层配置文件 spring-service.xml
     *  第六步：编写Spring MVC 核心配置文件spring-mvc.xml
     *  第七步：对Spring配置进行整合并编写web.xml文件
     *   *  Spring配置整合文件：applicationContext.xml
         *  web.xml文件的编写
     *  第八步：编写业务代码
     *   *  1.创建数据库bookDB,并创建表books，SQL如下
         *  2.在com.vinci.entity包下创建实体类Book,代码如下
         *  3.在com.vinci.mapper包下创建接口BookMapper与其对应的XML文件
         *  4.在com.vinci.service包下创建接口BookService,代码如下
         *  5.在com.vinci.service.impl包下创建接口实现类BookServiceImpl，代码如下
         *  6.在com.vinci.controller包下创建BookController.java，代码如下
         *  7. 编写页面

## SSM（Spring + Spring MVC + MyBatis） ##

SSM（Spring+SpringMVC+MyBatis）就是由Spring、SpringMVC、MyBatis三个开源框架整合而成的框架集，常作为数据源较简单的web项目的框架。  
其中:

*  Spring是一个轻量级的控制反转（IoC）和面向切面（AOP）的容器框架。
 *  SpringMVC分离了控制器、模型对象、分派器以及处理程序对象的角色，这种分离让它们更容易进行定制。
 *  MyBatis是一个支持普通SQL查询，存储过程和高级映射的优秀持久层框架。  
    ![在这里插入图片描述][2d391f8bf8974262bcefaf37fb57e99b.png_pic_center]  
    Spring MVC 负责实现MVC设计模式  
    MyBatis负责实现数据持久层  
    Spring负责管理Spring MVC 和 MyBatis相关对象的创建和依赖注入。

### Spring容器和SpringMVC容器的关系 ###

Spring是SpringMVC的父容器。  
这里的父子关系并不是继承关系的父子关系，而是在SpringMVC容器（子容器）中可以知道Spring容器（父容器）的存在。子容器可以访问父容器，而父容器不能访问子容器。

## IDEA创建Maven项目整合SSM步骤 ##

### 第一步：创建maven工程 ###

![在这里插入图片描述][13d84b13ead847c890bd9fd7ca4d7946.png_pic_center]  
![在这里插入图片描述][1f67f19123914ecdb377fa4a02001044.png_pic_center]

### 第二步：在pom.xml里添加相关的依赖 ###

![在这里插入图片描述][37680d031d844afe9afe49f2c776e2fc.png_pic_center]  
![在这里插入图片描述][b9d9db1a711045fbbff2096a07072b23.png_pic_center]

<dependencies>
    
         
        <dependency>
          <groupId>junit</groupId>
          <artifactId>junit</artifactId>
          <version>4.12</version>
        </dependency>
        
        
        <dependency>
          <groupId>mysql</groupId>
          <artifactId>mysql-connector-java</artifactId>
          <version>8.0.29</version>
        </dependency>
        
        
        <dependency>
          <groupId>com.mchange</groupId>
          <artifactId>c3p0</artifactId>
          <version>0.9.5.2</version>
        </dependency>
        
        
        <dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>servlet-api</artifactId>
          <version>2.5</version>
        </dependency>
        <dependency>
          <groupId>javax.servlet.jsp</groupId>
          <artifactId>jsp-api</artifactId>
          <version>2.2</version>
        </dependency>
        <dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>jstl</artifactId>
          <version>1.2</version>
        </dependency>
        
        
        <dependency>
          <groupId>org.mybatis</groupId>
          <artifactId>mybatis</artifactId>
          <version>3.5.2</version>
        </dependency>
        <dependency>
          <groupId>org.mybatis</groupId>
          <artifactId>mybatis-spring</artifactId>
          <version>2.0.2</version>
        </dependency>
        
        
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-webmvc</artifactId>
          <version>5.1.9.RELEASE</version>
        </dependency>
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-jdbc</artifactId>
          <version>5.1.9.RELEASE</version>
        </dependency>
        
    </dependencies>

#### 在build中配置resources，设置Maven资源过滤 ####

<build>
       <resources>
           <resource>
               <directory>src/main/java</directory>
               <includes>
                   <include>**/*.properties</include>
                   <include>**/*.xml</include>
               </includes>
               <filtering>false</filtering>
           </resource>
           <resource>
               <directory>src/main/resources</directory>
               <includes>
                   <include>**/*.properties</include>
                   <include>**/*.xml</include>
               </includes>
               <filtering>false</filtering>
           </resource>
       </resources>
    </build>

### 第三步：建立基本结构 ###

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

### 第四步：Mybatis配置文件、数据库配置文件的编写 ###

#### 数据库配置文件 database.properties ####

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

jdbc.driver=com.mysql.cj.jdbc.Driver
    jdbc.url=jdbc:mysql://localhost:3306/bookDB?useSSL=true&useUnicode=true&characterEncoding=utf8
    jdbc.username=root
    jdbc.password=123456

#### MyBatis的核心配置文件 mybatis-config.xml ####

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

<?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE configuration
            PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
            "http://mybatis.org/dtd/mybatis-3-config.dtd">
    <configuration>
    
        <typeAliases>
            <package name="com.vinci.entity"/>
        </typeAliases>
    
        <mappers>
            <mapper resource="com/vinci/mapper/BookMapper.xml"/>
        </mappers>
    
    </configuration>

### 第五步：编写Spring核心配置文件 ###

#### Spring整合Mybatis的相关的配置文件：spring-dao.xml ####

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

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xmlns:context="http://www.springframework.org/schema/context"
           xsi:schemaLocation="http://www.springframework.org/schema/beans
           http://www.springframework.org/schema/beans/spring-beans.xsd
           http://www.springframework.org/schema/context
           https://www.springframework.org/schema/context/spring-context.xsd">
    
        
        
        <context:property-placeholder location="classpath:database.properties"/>
    
        
        <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
            
            <property name="driverClass" value="${jdbc.driver}"/>
            <property name="jdbcUrl" value="${jdbc.url}"/>
            <property name="user" value="${jdbc.username}"/>
            <property name="password" value="${jdbc.password}"/>
    
            
            <property name="maxPoolSize" value="30"/>
            <property name="minPoolSize" value="10"/>
            
            <property name="autoCommitOnClose" value="false"/>
            
            <property name="checkoutTimeout" value="10000"/>
            
            <property name="acquireRetryAttempts" value="2"/>
        </bean>
    
        
        <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
            
            <property name="dataSource" ref="dataSource"/>
            
            <property name="configLocation" value="classpath:mybatis-config.xml"/>
        </bean>
    
        
        <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
            
            <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
            
            <property name="basePackage" value="com.vinci.mapper"/>
        </bean>
    
    </beans>

#### Spring整合service层配置文件 spring-service.xml ####

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

### 第六步：编写Spring MVC 核心配置文件spring-mvc.xml ###

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

### 第七步：对Spring配置进行整合并编写web.xml文件 ###

#### Spring配置整合文件：applicationContext.xml ####

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

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
          xsi:schemaLocation="http://www.springframework.org/schema/beans
           http://www.springframework.org/schema/beans/spring-beans.xsd">
    
       <import resource="spring-dao.xml"/>
       <import resource="spring-service.xml"/>
       <import resource="spring-mvc.xml"/>
       
    </beans>

#### web.xml文件的编写 ####

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

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
            xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
            xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
            version="4.0">
    
       
       <servlet>
           <servlet-name>DispatcherServlet</servlet-name>
           <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
           <init-param>
               <param-name>contextConfigLocation</param-name>
                 
               <param-value>classpath:applicationContext.xml</param-value>
           </init-param>
           <load-on-startup>1</load-on-startup>
       </servlet>
       <servlet-mapping>
           <servlet-name>DispatcherServlet</servlet-name>
           <url-pattern>/</url-pattern>
       </servlet-mapping>
    
       
       <filter>
           <filter-name>encodingFilter</filter-name>
           <filter-class>
              org.springframework.web.filter.CharacterEncodingFilter
           </filter-class>
           <init-param>
               <param-name>encoding</param-name>
               <param-value>utf-8</param-value>
           </init-param>
       </filter>
       <filter-mapping>
           <filter-name>encodingFilter</filter-name>
           <url-pattern>/*</url-pattern>
       </filter-mapping>
       
       
       <session-config>
           <session-timeout>15</session-timeout>
       </session-config>
       
    </web-app>

### 第八步：编写业务代码 ###

![在这里插入图片描述][82e06b525d0342ada23260087c435a1d.png_pic_center]  
以图书管理系统的CRUD为例，编写流程为：

#### 1.创建数据库bookDB,并创建表books，SQL如下 ####

#DROP DATABASE bookDB;
    CREATE DATABASE `bookDB`;
    USE `bookDB`;
    
    #DROP table books;
    CREATE TABLE `books` (
    `bookID` INT(10) PRIMARY KEY AUTO_INCREMENT,
    `bookName` VARCHAR(100) NOT NULL,
    `bookCounts` INT(11) NOT NULL,
    `detail` VARCHAR(200) NOT NULL
    )
    
    INSERT  INTO `books`(`bookID`,`bookName`,`bookCounts`,`detail`)VALUES
    (1,'Java',1,'从入门到放弃'),
    (2,'MySQL',10,'从删库到跑路'),
    (3,'Linux',5,'从进门到进牢');
    
    SELECT * FROM books;

#### 2.在com.vinci.entity包下创建实体类Book,代码如下 ####

package com.vinci.entity;
    
    import lombok.AllArgsConstructor;
    import lombok.Data;
    import lombok.NoArgsConstructor;
    /*
    * lombok 开发组件
    * @Data 注解在类，生成setter/getter、equals、canEqual、hashCode、toString方法，
    *       如为final属性，则不会为该属性生成setter方法。
    * @NoArgsConstructor 注解在类，生成无参的构造方法。
    * @AllArgsConstructor 注解在类，生成包含类中所有字段的构造方法。
    * */
    @Data
    @NoArgsConstructor
    @AllArgsConstructor
    public class Book {
        
        private int bookID;
        private String bookName;
        private int bookCounts;
        private String detail;
    }

#### 3.在com.vinci.mapper包下创建接口BookMapper与其对应的XML文件 ####

**BookMapper.java代码如下**

package com.vinci.mapper;
    
    import com.vinci.entity.Book;
    
    import java.util.List;
    
    public interface BookMapper {
        
    
        //查询全部书籍信息
        public List<Book> queryAllBook();
    
        //添加书籍
        public int addBook(Book book);
    
        //修改书籍
        public int updateBook(Book book);
    
        //删除书籍
        public int delBook(int bookID);
    
        //根据ID查询书籍
        public Book queryBookById(int bookID);
    
    }

**BookMapper.xml代码如下：**

<?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.vinci.mapper.BookMapper">
    
        
        <select id="queryAllBook" resultType="Book">
          SELECT * from books;
       </select>
    
        
        <insert id="addBook" parameterType="Book">
          insert into books values(null,#{bookName},#{bookCounts},#{detail});
       </insert>
    
        
        <delete id="delBook" parameterType="int">
            delete from books
            where bookId = #{bookID};
        </delete>
    
        
        <update id="updateBook" parameterType="Book">
            UPDATE books SET
            bookName = #{bookName},
            bookCounts = #{bookCounts},
            detail = #{detail}
            WHERE bookID = #{bookID};
        </update>
    
        
        <select id="queryBookById" resultType="Book">
            select * from books
            where bookID = #{bookID}
        </select>
    
    </mapper>

#### 4.在com.vinci.service包下创建接口BookService,代码如下 ####

package com.vinci.service;
    
    import com.vinci.entity.Book;
    
    import java.util.List;
    
    public interface BookService {
        
    
        //查询全部书籍信息
        public List<Book> queryAllBook();
    
        //添加书籍
        public int addBook(Book book);
    
        //修改书籍
        public int updateBook(Book book);
    
        //删除书籍
        public int delBook(int bookID);
    
        //根据ID查询书籍
        public Book queryBookById(int bookID);
    
    }

#### 5.在com.vinci.service.impl包下创建接口实现类BookServiceImpl，代码如下 ####

package com.vinci.service.impl;
    
    import com.vinci.entity.Book;
    import com.vinci.mapper.BookMapper;
    import com.vinci.service.BookService;
    
    import java.util.List;
    
    public class BookServiceImpl implements BookService {
        
    
        //调用dao层的操作，设置一个set接口，方便Spring管理
        private BookMapper bookMapper;
    
        public void setBookMapper(BookMapper bookMapper) {
        
            this.bookMapper = bookMapper;
        }
    
        @Override
        public List<Book> queryAllBook() {
        
            return bookMapper.queryAllBook();
        }
    
        @Override
        public int addBook(Book book) {
        
            return bookMapper.addBook(book);
        }
    
        @Override
        public int updateBook(Book book) {
        
            return bookMapper.updateBook(book);
        }
    
        @Override
        public int delBook(int bookID) {
        
            return bookMapper.delBook(bookID);
        }
    
        @Override
        public Book queryBookById(int bookID) {
        
            return bookMapper.queryBookById(bookID);
        }
    }

#### 6.在com.vinci.controller包下创建BookController.java，代码如下 ####

package com.vinci.controller;
    
    import com.vinci.entity.Book;
    import com.vinci.service.BookService;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.beans.factory.annotation.Qualifier;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.PathVariable;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    import java.util.List;
    
    @Controller
    @RequestMapping("/book")
    public class BookController {
        
    
        @Autowired
        @Qualifier("BookServiceImpl")
        private BookService bookService;
    
    //    查询全部书籍
        @RequestMapping("/queryAllBook")
        public String queryAllBook(Model model){
        
            List<Book> bookList =  bookService.queryAllBook();
            model.addAttribute("bookList",bookList);
            return "book-list";
        }
    
    //    添加书籍
        @RequestMapping("/addBook")
        public String addBook(Book book){
        
            bookService.addBook(book);
            return "redirect:/book/queryAllBook";
        }
    
    //    修改书籍
        @RequestMapping("/updateBook")
        public String updateBook(Book book){
        
            System.out.println(book);
            bookService.updateBook(book);
            return "redirect:/book/queryAllBook";
        }
    
    //    删除书籍
        @RequestMapping("/delBook/{bookID}")
        public String delBook(@PathVariable("bookID") int bookID){
        
            bookService.delBook(bookID);
            return "redirect:/book/queryAllBook";
        }
    
    //    根据ID查询书籍
        public Book queryBookById(int bookId){
        
            Book book = bookService.queryBookById(bookId);
            return book;
        }
    
    //    跳转addBook.jsp页面
        @RequestMapping("/jumpToAddBooksPage")
        public String jumpToAddBooksPage(){
        
           return "addBook";
        }
    
        //    跳转updateBook.jsp页面
        @RequestMapping("/jumpToupdateBooksPage/{bookID}")
        public String jumpToupdateBooksPage(@PathVariable("bookID") int bookID,Model model){
        
            Book book = queryBookById(bookID);
            System.out.println(book);
            model.addAttribute("book",book);
            return "updateBook";
        }
    }

#### 7. 编写页面 ####

**index.jsp**

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
    <!DOCTYPE HTML>
    <html>
    <head>
        <title>首页</title>
        <style type="text/css">
            a {
          
                text-decoration: none;
                color: black;
                font-size: 18px;
            }
            h3 {
          
                width: 180px;
                height: 38px;
                margin: 100px auto;
                text-align: center;
                line-height: 38px;
                background: deepskyblue;
                border-radius: 4px;
            }
        </style>
    </head>
    <body>
    
    <h3>
        <a href="${pageContext.request.contextPath}/book/queryAllBook">点击进入列表页</a>
    </h3>
    </body>
    </html>

**book-list.jsp**

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>书籍列表</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    
    <div class="container">
    
        <div class="row clearfix">
            <div class="col-md-12 column">
                <div class="page-header">
                    <h1>
                        <small>书籍列表 —— 显示所有书籍</small>
                    </h1>
                </div>
            </div>
        </div>
    
        <div class="row">
            <div class="col-md-4 column">
                <a class="btn btn-primary" href="${pageContext.request.contextPath}/book/jumpToAddBooksPage">新增</a>
            </div>
        </div>
    
        <div class="row clearfix">
            <div class="col-md-12 column">
                <table class="table table-hover table-striped">
                    <thead>
                    <tr>
                        <th>书籍编号</th>
                        <th>书籍名字</th>
                        <th>书籍数量</th>
                        <th>书籍详情</th>
                        <th>操作</th>
                    </tr>
                    </thead>
    
                    <tbody>
                    <c:forEach var="book" items="${requestScope.get('bookList')}">
                        <tr>
                            <td>${book.getBookID()}</td>
                            <td>${book.getBookName()}</td>
                            <td>${book.getBookCounts()}</td>
                            <td>${book.getDetail()}</td>
                            <td>
                                <a href="${pageContext.request.contextPath}/book/jumpToupdateBooksPage/${book.getBookID()}">更改</a> |
                                <a href="${pageContext.request.contextPath}/book/delBook/${book.getBookID()}">删除</a>
                            </td>
                        </tr>
                    </c:forEach>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

**addBook.jsp**

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
    <html>
    <head>
        <title>新增书籍</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    <div class="container">
    
        <div class="row clearfix">
            <div class="col-md-12 column">
                <div class="page-header">
                    <h1>
                        <small>新增书籍</small>
                    </h1>
                </div>
            </div>
        </div>
        <form action="${pageContext.request.contextPath}/book/addBook" method="post">
            书籍名称：<input type="text" name="bookName"><br><br><br>
            书籍数量：<input type="text" name="bookCounts"><br><br><br>
            书籍详情：<input type="text" name="detail"><br><br><br>
            <input type="submit" value="添加">
        </form>
    
    </div>

**updateBook.jsp**

<%--
      Created by IntelliJ IDEA.
      User: Vinci
      Date: 2022/6/23
      Time: 14:57
      To change this template use File | Settings | File Templates.
    --%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>修改信息</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    <div class="container">
    
        <div class="row clearfix">
            <div class="col-md-12 column">
                <div class="page-header">
                    <h1>
                        <small>修改信息</small>
                    </h1>
                </div>
            </div>
        </div>
    
        <form action="${pageContext.request.contextPath}/book/updateBook" method="post">
            <input type="hidden" name="bookID" value="${book.getBookID()}"/>
            书籍名称：<input type="text" name="bookName" value="${book.getBookName()}"/>
            书籍数量：<input type="text" name="bookCounts" value="${book.getBookCounts()}"/>
            书籍详情：<input type="text" name="detail" value="${book.getDetail() }"/>
            <input type="submit" value="提交"/>
        </form>
    
    </div>

[2d391f8bf8974262bcefaf37fb57e99b.png_pic_center]: https://img-blog.csdnimg.cn/2d391f8bf8974262bcefaf37fb57e99b.png#pic_center
[13d84b13ead847c890bd9fd7ca4d7946.png_pic_center]: https://img-blog.csdnimg.cn/13d84b13ead847c890bd9fd7ca4d7946.png#pic_center
[1f67f19123914ecdb377fa4a02001044.png_pic_center]: https://img-blog.csdnimg.cn/1f67f19123914ecdb377fa4a02001044.png#pic_center
[37680d031d844afe9afe49f2c776e2fc.png_pic_center]: https://img-blog.csdnimg.cn/37680d031d844afe9afe49f2c776e2fc.png#pic_center
[b9d9db1a711045fbbff2096a07072b23.png_pic_center]: https://img-blog.csdnimg.cn/b9d9db1a711045fbbff2096a07072b23.png#pic_center
[aee91c7446344154940cdd14429e1c4b.png_pic_center]: https://img-blog.csdnimg.cn/aee91c7446344154940cdd14429e1c4b.png#pic_center
[1f61c727afb54cb68facd7535db2762f.png_pic_center]: https://img-blog.csdnimg.cn/1f61c727afb54cb68facd7535db2762f.png#pic_center
[8c84365bab67447782221776cdb2d760.png_pic_center]: https://img-blog.csdnimg.cn/8c84365bab67447782221776cdb2d760.png#pic_center
[a7abda26401e4a4cbeb451a3a1b806e9.png_pic_center]: https://img-blog.csdnimg.cn/a7abda26401e4a4cbeb451a3a1b806e9.png#pic_center
[6adf62b7659c4ba6bd82ffdc5f1e2123.png_pic_center]: https://img-blog.csdnimg.cn/6adf62b7659c4ba6bd82ffdc5f1e2123.png#pic_center
[59986f78b7704713b2643d3d12db6972.png_pic_center]: https://img-blog.csdnimg.cn/59986f78b7704713b2643d3d12db6972.png#pic_center
[28006e8021d64d5c9141c18ec24e6c47.png_pic_center]: https://img-blog.csdnimg.cn/28006e8021d64d5c9141c18ec24e6c47.png#pic_center
[3129439ab0074480bc7705ddf3a36a83.png_pic_center]: https://img-blog.csdnimg.cn/3129439ab0074480bc7705ddf3a36a83.png#pic_center
[82e06b525d0342ada23260087c435a1d.png_pic_center]: https://img-blog.csdnimg.cn/82e06b525d0342ada23260087c435a1d.png#pic_center