【SSM 整合项目】图书管理系统

墨蓝 2023-02-17 03:25 23阅读 0赞

### SSM 整合 ###

*  数据库建表 SQL
 *  环境搭建
 *   *  pom.xml 引入依赖
     *  创建项目结构
 *  MyBatis 整合
 *   *  数据库配置文件 database.properties
     *  IDEA 关联数据库
     *  编写 MyBatis 的核心配置文件 mybatis-config.xml
     *  编写数据库对应的实体类 Books
     *  编写 DAO 层的 Mapper 接口
     *  编写接口对应的 Mapper.xml 文件
     *  编写 Service 层的接口和实现类
 *  Spring 整合
 *   *  编写 Spring 整合 Mybatis
     *  Spring 整合 service 层
 *  SpringMVC 整合
 *   *  web.xml
     *  spring-mvc.xml
 *  Spring 配置整合文件 applicationContext.xml
 *  Controller 和 视图层页面 编写
 *   *  BookController：查询所有书籍
     *  主页面：index.jsp
     *  所有书籍页面：allBook.jsp
     *  BookController：添加书籍
     *  添加书籍页面：addBook.jsp
     *  BookController：修改书籍
     *  修改书籍页面：updateBook.jsp
     *  BookController：删除书籍
 *  项目结构
 *  项目演示
 *  搜索功能

> 更多内容参见 SpringMVC 学习笔记目录：[【Spring MVC】学习笔记汇总][Spring MVC]

# 数据库建表 SQL #

CREATE DATABASE `ssmbuild`;

USE `ssmbuild`;

CREATE TABLE `books` (
    	`bookID` INT(10) NOT NULL AUTO_INCREMENT COMMENT '书id',
    	`bookName` VARCHAR(100) NOT NULL COMMENT '书名',
    	`bookCounts` INT(11) NOT NULL COMMENT '数量',
    	`detail` VARCHAR(200) NOT NULL COMMENT '描述',
    	KEY `bookID` (`bookID`)
    ) ENGINE=INNODB DEFAULT CHARSET=utf8
    
    INSERT  INTO `books`(`bookID`,`bookName`,`bookCounts`,`detail`) VALUES
    	(1,'Java',1,'从入门到放弃'),
    	(2,'MySQL',10,'从删库到跑路'),
    	(3,'Linux',5,'从进门到进牢');

# 环境搭建 #

## pom.xml 引入依赖 ##

<dependencies>
       
       <dependency>
           <groupId>junit</groupId>
           <artifactId>junit</artifactId>
           <version>4.12</version>
       </dependency>
       
       <dependency>
           <groupId>mysql</groupId>
           <artifactId>mysql-connector-java</artifactId>
           <version>5.1.47</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>
        
        
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>1.18.12</version>
        </dependency>
    </dependencies>

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>

## 创建项目结构 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70]  
包结构：

*  **com.yusael.pojo**
 *  **com.yusael.dao**
 *  **com.yusael.service**
 *  **com.yusael.controller**

配置文件：

*  **mybatis-config.xml**

*  **applicationContext.xml**

# MyBatis 整合 #

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

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

## IDEA 关联数据库 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70 3]

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

<?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.yusael.pojo"/>
        </typeAliases>
        <mappers>
            <mapper resource="com/yusael/dao/BookMapper.xml"/>
        </mappers>
    
    </configuration>

## 编写数据库对应的实体类 Books ##

使用 lombok 插件偷懒!

package com.yusael.pojo;
    
    import lombok.AllArgsConstructor;
    import lombok.Data;
    import lombok.NoArgsConstructor;
    
    @Data
    @AllArgsConstructor
    @NoArgsConstructor
    public class Books { 
        private int bookID;
        private String bookName;
        private int bookCounts;
        private String detail;
    }

## 编写 DAO 层的 Mapper 接口 ##

package com.yusael.dao;
    
    import com.yusael.pojo.Books;
    import java.util.List;
    
    public interface BookMapper { 
        // 增加一个Book
        int addBook(Books books);
    
        // 根据 id 删除一个 Book
        int deleteById(int id);
    
        // 更新 Book
        int updateBook(Books books);
    
        // 根据 id 查询, 返回一个 Book
        Books queryBookById(int id);
    
        // 查询全部 Book, 返回 list 集合
        List<Books> queryAllBook();
    }

## 编写接口对应的 Mapper.xml 文件 ##

需要导入 MyBatis 的包；

<?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.yusael.dao.BookMapper">
        
        <insert id="addBook" parameterType="Books">
            insert into ssmbuild.books(bookName, bookCounts, detail)
            values (#{bookName}, #{bookCounts}, #{detail})
        </insert>
    
        
        <delete id="deleteBookById" parameterType="int">
            delete from ssmbuild.books
            where bookID=#{bookId}
        </delete>
    
        
        <update id="updateBook" parameterType="Books">
            update ssmbuild.books
            set bookName=#{bookName},
                bookCounts=#{bookCounts},
                detail=#{detail}
            where bookID=#{bookID}
        </update>
    
        
        <select id="queryBookById" parameterType="int" resultType="Books">
            select * from ssmbuild.books
            where bookID=#{bookID}
        </select>
    
        
        <select id="queryAllBook" resultType="Books">
            select * from ssmbuild.books
        </select>
        
    </mapper>

## 编写 Service 层的接口和实现类 ##

`BookerService` 接口：

package com.yusael.service;
    
    import com.yusael.pojo.Books;
    import java.util.List;
    
    public interface BookService { 
        // 增加一个Book
        int addBook(Books books);
    
        // 根据 id 删除一个 Book
        int deleteBookById(int id);
    
        // 更新 Book
        int updateBook(Books books);
    
        // 根据 id 查询, 返回一个 Book
        Books queryBookById(int id);
    
        // 查询全部 Book, 返回 list 集合
        List<Books> queryAllBook();
    }

`BookServiceImpl` 实现类：

package com.yusael.service;
    
    import com.yusael.dao.BookMapper;
    import com.yusael.pojo.Books;
    import java.util.List;
    
    public class BookServiceImpl implements BookService { 
    
        // 调用dao层的操作, 设置一个set接口, 方便Spring管理
        private BookMapper bookMapper;
    
        public BookMapper getBookMapper() { 
            return bookMapper;
        }
    
        public int addBook(Books books) { 
            return bookMapper.addBook(books);
        }
    
        public int deleteBookById(int id) { 
            return bookMapper.deleteBookById(id);
        }
    
        public int updateBook(Books books) { 
            return bookMapper.updateBook(books);
        }
    
        public Books queryBookById(int id) { 
            return bookMapper.queryBookById(id);
        }
    
        public List<Books> queryAllBook() { 
            return bookMapper.queryAllBook();
        }
    }

# Spring 整合 #

配置 Spring 整合 MyBatis，我们这里数据源使用 **c3p0** 连接池；

## 编写 Spring 整合 Mybatis ##

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

<?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.yusael.dao"/>
        </bean>
     
    </beans>

## Spring 整合 service 层 ##

编写 Spring 整合 service 的相关的配置文件：`spring-service.xml`

Spring 就是一个大杂烩，一个容器！

# SpringMVC 整合 #

## web.xml ##

<?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>

## spring-mvc.xml ##

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

<?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>

# Controller 和 视图层页面 编写 #

## BookController：查询所有书籍 ##

@Controller
    @RequestMapping("/book")
    public class BookController { 
    
        @Autowired
        @Qualifier("BookServiceImpl")
        private BookService bookService;
    
        @RequestMapping("/allBook")
        public String list(Model model) { 
            List<Books> list = bookService.queryAllBook();
            model.addAttribute("list", list);
            return "allBook";
        }
    
    }

## 主页面：index.jsp ##

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
      <head>
        <title>首页</title>
        <style> 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/allBook">点击进入列表页</a>
      </h3>
    
      </body>
    </html>

## 所有书籍页面：allBook.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/toAddBook">新增</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('list')}">
                            <tr>
                                <td>${book.getBookID()}</td>
                                <td>${book.getBookName()}</td>
                                <td>${book.getBookCounts()}</td>
                                <td>${book.getDetail()}</td>
                                <td>
                                    <a href="${pageContext.request.contextPath}/book/toUpdateBook?id=${book.getBookID()}">更改</a> |
                                    <a href="${pageContext.request.contextPath}/book/del/${book.getBookID()}">删除</a>
                                </td>
                            </tr>
                        </c:forEach>
                        </tbody>
                    </table>
                </div>
            </div>
    
        </div>
    
    </body>
    </html>

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

## BookController：添加书籍 ##

@RequestMapping("/toAddBook")
    public String toAddPage() { 
        return "addBook";
    }
    
    @RequestMapping("/addBook")
    public String addBook(Books books) { 
        System.out.println(books);
        bookService.addBook(books); // 添加书籍
        return "redirect:/book/allBook";
    }

## 添加书籍页面：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>

## BookController：修改书籍 ##

@RequestMapping("/toUpdateBook")
    public String toUpdateBook(Model model, int id) { 
        Books books = bookService.queryBookById(id);
        System.out.println(books);
        model.addAttribute("book", books);
        return "updateBook";
    }
    
    @RequestMapping("/updateBook")
    public String updateBook(Model model, Books book) { 
        System.out.println(book);
        bookService.updateBook(book);
        Books books = bookService.queryBookById(book.getBookID());
        model.addAttribute("books", books);
        return "redirect:/book/allBook";
    }

## 修改书籍页面：updateBook.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/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>

## BookController：删除书籍 ##

@RequestMapping("/del/{bookId}")
    public String deleteBook(@PathVariable("bookId") int id) { 
        bookService.deleteBookById(id);
        return "redirect:/book/allBook";
    }

# 项目结构 #

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

# 项目演示 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70 5]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70 6]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70 7]

# 搜索功能 #

页面：

<%--查询书籍--%>
     <form action="${pageContext.request.contextPath}/book/queryBook" method="" class="form-inline">
         <span style="color:red;font-weight: bold;">${error}</span>
         <input type="text" name="queryBookName" class="form-control" placeholder="请输入要查询的书籍名称">
         <input type="submit" value="查询">
     </form>

DAO：

Books queryBookByName(@Param("bookName") String bookName);

Mapper.xml：

<select id="queryBookByName" resultType="Books">
        select * from ssmbuild.books
        where bookName = #{bookName}
    </select>

Service：

Books queryBookByName(String bookName);

ServiceImpl：

public Books queryBookByName(String bookName) { 	
        return bookMapper.queryBookByName(bookName);
    }

Controller：

// 查询书籍
    @RequestMapping("/queryBook")
    public String queryBook(String queryBookName, Model model) { 
    
        Books books = bookService.queryBookByName(queryBookName);
        List<Books> list = new ArrayList<>();
        list.add(books);
    
        if (books == null) { 
            model.addAttribute("error", "未查到信息!");
    
        }
    
        model.addAttribute("list", list);
        return "allBook";
    }

[Spring MVC]: https://blog.csdn.net/weixin_43734095/article/details/106798883
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200611224617573.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200611222904183.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200611223115420.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/202006112231356.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200612231730195.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_1_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200613003421918.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ==,size_1,color_FFFFFF,t_70
[20200613003507662.png]: https://img-blog.csdnimg.cn/20200613003507662.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200613003053921.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20200613003100388.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20200613003222368.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ==,size_16,color_FFFFFF,t_70