springMVC -- 5、自定义（视图解析器、类型转换器、日期格式化转换器）、数据校验（比如手机验证）

旧城等待， 2023-02-27 10:45 1阅读 0赞

**目录**

（2）自定义视图解析器

（3）自定义类型转换器

（4）自定义日期格式化转换器

（5）数据校验

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

## **（2）自定义视图解析器** ##

**视图解析器：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70][]

**视图对象：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 1][]

我们在之前的操作中已经用了SpringMVC中提供的视图解析器，那么如果我们需要实现自己的视图解析器该如何操作呢？

![20200717092217783.png][]

**index.jsp ** ![20200717092225131.png][]

![20200717092256682.png][]

**java****文件：****MyViewResolver****（视图解析器）**

**//这里不写**@Controller**，在springmvc.xml中加代码 **![20200717092320913.png][]

public class MyViewResolver implements ViewResolver（视图解析器）{ //接口
    
        @Override
        public View resolveViewName(String viewName（视图名称）, Locale locale（地点）) throws Exception {
    
            if(viewName.startsWith("msb:")){
                System.out.println(viewName);
                return new MyView();
            }else{
                return null;
            }
        }
    }

**java****文件：****MyView****（视图）**

public class MyView implements View { //接口
    
        @Override
        public String getContentType() {
            return "text/html";
        }
        @Override
        public void render(Map<String, ?> model, HttpServletRequest request, HttpServletResponse response) throws Exception {
    
            System.out.println("model;"+model);
            PrintWriter writer = response.getWriter();
            writer.write写入("<h1>马士兵教育</h1>");
            writer.write写入("123456");
        }
    }

**java****文件：****ViewResolverController****（视图解析控制器）**

@Controller
    public class ViewResolverController {
    
        @RequestMapping("/msb")
        public String testView(){
            System.out.println("testView");
            return "msb:/index";
        }
        @RequestMapping("/msb2")
        public String testView2(){
            System.out.println("testView");
            return "heihei:/index";
        }
    }

![20200717092431784.png][]**//****数据请求到**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 3][]

![20200717092452968.png][]

**springmvc.****xml**

![20200717092503218.png][]

![20200717092510818.png][]

![20200717092514592.png][]**//****路径找不到（权限问题）**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 4][]

**springmvc.****xml**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 5][]

![20200717092555623.png][]

![20200717092559930.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 6][]

**springmvc.****xml**

![20200717092617603.png][]**//****关掉视图解析器**

![20200717092627892.png][]

![20200717092630743.png][]

## **（3）自定义类型转换器** ##

在日常的企业开发需求中，我们输入文本框的内容全部都是字符串类型，但是在后端处理的时候我们可以用其他基本类型来接受数据，也可以使用实体类来接受参数，这个是怎么完成的呢？就是通过SpringMVC提供的类型转换器，SpringMVC内部提供了非常丰富的类型转换器的支持，但是有些情况下有可能难以满足我们的需求，因此需要我们自己实现，如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 7][]

**index.****jsp**

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
      <head>
        <title>$Title$</title>
      </head>
      <%
        pageContext.setAttribute("ctp",request.getContextPath());
      %>
      <body>
    666666666<br>
    =================================== 添加 ======================================
    请按照id-name-age-password的方式输入数据<br>
    <form action="${ctp}/converter（转换器）" method="post">
      <input type="text" name="user"><br>
      <input type="submit（提交）" value="提交">
    </form>
    ===============================================================================
     <%-- <img src="${ctp}/images/timg.jpg">--%> //关掉之前写的
      </body>
    </html>

**java****文件：****MyConverterController****（转换控制器）**

@Controller
    public class MyConverterController {
    
        @RequestMapping("/converter")
        public String testConverter(User user, Model model){
            System.out.println(user);
            model.addAttribute("user",user);
            return "success"; //成功
        }
    }

**java文件：****MyConverter（转换器）**

@Controller
    public class MyConverter implements Converter<String, User> {
    
        @Override
        public User convert(String source（来源）) {
            User user = null;
            if ((source != null) && !"".equals(source) && (source.split("-").length == 4)){
                user = new User();
                user.setId(Integer.parseInt(source.split("-")[0]));
                user.setName(source.split("-")[1]);
                user.setAge(Integer.parseInt(source.split("-")[2]));
                user.setPassword(source.split("-")[3]);
            }
            return user;
        }
    }

![20200717092848795.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 8][]

![20200717092857842.png][] **//没转换成功**

**springmvc.****xml**

<context:component-scan base-package="com.mashibing"></context:component-scan>
        <mvc:default-servlet-handler/>
        <mvc:annotation-driven></mvc:annotation-driven>
        <bean class="
    org.springframework.web.servlet.view.InternalResourceViewResolver">
            <property name="suffix" value=".jsp"></property>
            <property name="prefix" value="/WEB-INF/page/"></property>
        </bean>
    
    
    
    =================================== 添加 ======================================
    //添加自定义的类型转换器到ConversionServiceFactoryBean（转换器-服务-工厂豆）中
        <bean class="
    org.springframework.format.support. ConversionServiceFactoryBean"> //（转换器-服务-工厂豆）
            <property name="converters">
                <set>
                    <ref bean="myConverter"></ref>
                </set>
            </property>
    </bean>
    ===============================================================================
    </beans>

![20200717092933816.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 9][]

![20200717093002327.png][]** //没转换成功**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 10][]** //在下面图中间添加一行代码**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 11][]

![20200717093328447.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 12][]

**========================================================**

**总结：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 13][]

**========================================================**

## **（4）自定义日期格式化转换器** ##

有时候我们经常需要在页面添加日期等相关信息，此时需要制定日期格式化转换器，此操作非常简单：只需要在单独的属性上添加@DateTimeFormat注解即可，制定对应的格式

**java****文件：****User****（用户）**

![2020071709340744.png][]** //另外填上set和get方法**

**index2.****jsp**

**复制****index.****jsp****，只改下面部分：**

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
      <head>
        <title>$Title$</title>
      </head>
      <%
        pageContext.setAttribute("ctp",request.getContextPath());
      %>
      <body>
    666666666<br>
    请按照id-name-age-password的方式输入数据<br>
    <form action="${ctp}/testDateConverter" method="post">
    ================================= 只改这里 ====================================
      id:<input type="text" name="id"><br>
      name:<input type="text" name="name"><br>
      age:<input type="text" name="age"><br>
      password:<input type="password" name="password"><br>
      birth:<input type="text" name="birth（出生）"><br>
    ===============================================================================
      <input type="submit" value="提交">
    </form>
     <%-- <img src="${ctp}/images/timg.jpg">--%>
      </body>
    </html>

**java****文件：****DateConverterController****（日期转换控制器）**

@Controller
    public class DateConverterController {
    
        @RequestMapping("/testDateConverter")
        public String testDateConverter(User user){
            System.out.println(user);
            return "success"; //成功
        }
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 14][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 15][]

**但是选第二个格式就能成功：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 16][]

![20200717093520729.png][]

如果使用默认的类型转换器，那么在输入日期的时候必须要使用/作为分隔，如果需要自定义实现该如何操作？

如果需要添加日期格式化器的话，只需要在实体类上添加@DataTimeFormat("格式")即可，  
   但是需要注意的是，如果在配置日期格式化器的时候，通过配置了类型转换器，那么此时就会失效，需要使用FormattingConversionServiceFactoryBean（格式化-转换器-服务工厂豆）对象

**java****文件：****User****（用户）**

![20200717093529870.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 17][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 18][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 19][]

![20200717093601800.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 20][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 21][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 22][]**//****也可以**

![20200717093626301.png][]

## **（5）数据校验** ##

一般情况下我们会在前端页面实现数据的校验，但是大家需要注意的是**前端校验会存在数据的不安全问题（所以今天都是用的手机验证登录）**，因此一般情况下我们都会使用前端校验+后端校验的方式，这样的话既能够满足用户的体验度，同时也能保证数据的安全，下面来说一下在springmvc中如何进行后端数据校验

JSR303是 Java 为 Bean 数据合法性校验提供的标准框架，它已经包含在 JavaEE 6.0 中 。JSR 303 (Java Specification Requests意思是Java 规范提案)通过**在** **Bean** **属性上标注**类似于 @NotNull、@Max 等标准的注解指定校验规则，并通过标准的验证接口对 Bean 进行验证

**JSR303**:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 23][]

**Hibernate Validator****（休眠校验器） 扩展注解:**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 24][]**//最好用低版本5.10**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 25][]

**pom.****xml**

**导入依赖：**

<dependency>
        <groupId>org.hibernate</groupId>
        <artifactId>hibernate-validator</artifactId>
        <version>5.1.0.Final</version>
    </dependency>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 26][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 27][]

**java****文件：****Person****（个人）**

public class Person {
    
        private Integer id;   //id
        private String name;  //姓名
        private Integer age;  //年龄
        private String gender;//性别
        private Date birth;   //出生
        private String email; //邮箱
    
        public Integer getId() {return id;}
        public void setId(Integer id) {this.id = id;}
    
        public String getName() {return name;}
        public void setName(String name) {this.name = name;}
    
        public Integer getAge() {return age;}
        public void setAge(Integer age) {this.age = age;}
    
        public String getGender() {return gender;}
        public void setGender(String gender) {this.gender = gender;}
    
        public Date getBirth() {return birth;}
        public void setBirth(Date birth) {this.birth = birth;}
    
        public String getEmail() {return email;}
        public void setEmail(String email) {this.email = email;}
    
        @Override
        public String toString() {
            return "Person{" +
                    "id=" + id +
                    ", name='" + name + '\'' +
                    ", age=" + age +
                    ", gender='" + gender + '\'' +
                    ", birth=" + birth +
                    ", email='" + email + '\'' +
                    '}';
        }
    }

**login.****jsp**

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    ================================= 只改这里 ====================================
    <%
        pageContext.setAttribute("ctp",request.getContextPath());
    %>
    <body>
    <form action="${ctp}/validation（确认）" method="post">
        编码：<input type="text" name="id"><br>
        姓名：<input type="text" name="name"><br>
        年龄：<input type="text" name="age"><br>
        性别：<input type="text" name="gender"><br>
        生日：<input type="text" name="birth"><br>
        邮箱：<input type="text" name="email"><br>
        <input type="submit（提交）" value="login"><br>
    </form>
    ===============================================================================
    </body>
    </html>

**java****文件：****ValidationController****（确认控制器）**

@Controller
    public class ValidationController {
    
        @RequestMapping("/validation（确认）")
        public String validate(Person person){
            System.out.println(person);
            return "success";
        }
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 28][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 29][]

![2020071709401185.png][]

**主要看：**![20200717094014659.png][]

![20200717094021976.png][]

![20200717094025459.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 30][]

![20200717094031447.png][]

![20200717094035259.png][]

![20200717094037479.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 31][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 32][]

![20200717094048206.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 33][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 34][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 35][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 36][]

**login.****jsp**

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    ================================== 添加 =======================================
    <%@ taglib prefix="from" uri="http://www.springframework.org/tags/form" %>
    ===============================================================================
    <html>
    <head>
        <title>Title</title>
    </head>
    <%
        pageContext.setAttribute("ctp",request.getContextPath());
    %>
    <body>
    <%--<form action="${ctp}/validation" method="post">--%>
    <%--    编码：<input type="text" name="id">${errors.id}<br>--%>
    <%--    姓名：<input type="text" name="name">${errors.name}<br>--%>
    <%--    年龄：<input type="text" name="age">${errors.age}<br>--%>
    <%--    性别：<input type="text" name="gender">${errors.gender}<br>--%>
    <%--    生日：<input type="text" name="birth">${errors.birth}<br>--%>
    <%--    邮箱：<input type="text" name="email">${errors.email}<br>--%>
    <%--    <input type="submit" value="login"><br>--%>
    <%--</form>--%>
    ================================== 添加 =======================================
    <form:form action="dataValidate" method="post">
        id:<form:input path="id"></form:input><form:errors path="id">
    </form:errors> <br/>
        name:<form:input path="name"></form:input><form:errors path="name">
    </form:errors><br/>
        age:<form:input path="age"></form:input><form:errors path="age">
    </form:errors><br/>
        gender:<form:input path="gender"></form:input><form:errors path="gender">
    </form:errors><br/>
        birth:<form:input path="birth"></form:input><form:errors path="birth">
    </form:errors><br/>
        email:<form:input path="email"></form:input><form:errors path="email">
    </form:errors><br/>
        <input type="submit" value="submit">
    </form:form>
    ===============================================================================
    </body>
    </html>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70]: /images/20230209/7798eb80707a4252854694f529dd88f2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200717092204972.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[20200717092217783.png]: https://img-blog.csdnimg.cn/20200717092217783.png
[20200717092225131.png]: https://img-blog.csdnimg.cn/20200717092225131.png
[20200717092256682.png]: https://img-blog.csdnimg.cn/20200717092256682.png
[20200717092320913.png]: https://img-blog.csdnimg.cn/20200717092320913.png
[20200717092431784.png]: https://img-blog.csdnimg.cn/20200717092431784.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200717092443469.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200717092447887.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[20200717092452968.png]: https://img-blog.csdnimg.cn/20200717092452968.png
[20200717092503218.png]: https://img-blog.csdnimg.cn/20200717092503218.png
[20200717092510818.png]: https://img-blog.csdnimg.cn/20200717092510818.png
[20200717092514592.png]: https://img-blog.csdnimg.cn/20200717092514592.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200717092528589.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/2020071709255047.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[20200717092555623.png]: https://img-blog.csdnimg.cn/20200717092555623.png
[20200717092559930.png]: https://img-blog.csdnimg.cn/20200717092559930.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20200717092605657.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[20200717092617603.png]: https://img-blog.csdnimg.cn/20200717092617603.png
[20200717092627892.png]: https://img-blog.csdnimg.cn/20200717092627892.png
[20200717092630743.png]: https://img-blog.csdnimg.cn/20200717092630743.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20200717092714666.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[20200717092848795.png]: https://img-blog.csdnimg.cn/20200717092848795.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20200717092852883.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[20200717092857842.png]: https://img-blog.csdnimg.cn/20200717092857842.png
[20200717092933816.png]: https://img-blog.csdnimg.cn/20200717092933816.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 9]: https://img-blog.csdnimg.cn/20200717092939185.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[20200717093002327.png]: https://img-blog.csdnimg.cn/20200717093002327.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 10]: https://img-blog.csdnimg.cn/20200717093007803.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 11]: https://img-blog.csdnimg.cn/20200717093323214.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[20200717093328447.png]: https://img-blog.csdnimg.cn/20200717093328447.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 12]: https://img-blog.csdnimg.cn/20200717093332847.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 13]: https://img-blog.csdnimg.cn/20200717093348617.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[2020071709340744.png]: https://img-blog.csdnimg.cn/2020071709340744.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 14]: https://img-blog.csdnimg.cn/20200717093500523.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 15]: https://img-blog.csdnimg.cn/20200717093504406.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 16]: https://img-blog.csdnimg.cn/20200717093511511.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[20200717093520729.png]: https://img-blog.csdnimg.cn/20200717093520729.png
[20200717093529870.png]: https://img-blog.csdnimg.cn/20200717093529870.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 17]: https://img-blog.csdnimg.cn/2020071709353436.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 18]: https://img-blog.csdnimg.cn/20200717093538859.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 19]: https://img-blog.csdnimg.cn/20200717093542907.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[20200717093601800.png]: https://img-blog.csdnimg.cn/20200717093601800.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 20]: https://img-blog.csdnimg.cn/20200717093605152.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 21]: https://img-blog.csdnimg.cn/20200717093609432.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 22]: https://img-blog.csdnimg.cn/20200717093613118.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[20200717093626301.png]: https://img-blog.csdnimg.cn/20200717093626301.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 23]: https://img-blog.csdnimg.cn/20200717093640180.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 24]: https://img-blog.csdnimg.cn/20200717093654463.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 25]: https://img-blog.csdnimg.cn/2020071709370322.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 26]: https://img-blog.csdnimg.cn/2020071709372390.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 27]: https://img-blog.csdnimg.cn/20200717093726194.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 28]: https://img-blog.csdnimg.cn/20200717094005409.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 29]: https://img-blog.csdnimg.cn/20200717094007782.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[2020071709401185.png]: https://img-blog.csdnimg.cn/2020071709401185.png
[20200717094014659.png]: https://img-blog.csdnimg.cn/20200717094014659.png
[20200717094021976.png]: https://img-blog.csdnimg.cn/20200717094021976.png
[20200717094025459.png]: https://img-blog.csdnimg.cn/20200717094025459.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 30]: https://img-blog.csdnimg.cn/20200717094028221.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[20200717094031447.png]: https://img-blog.csdnimg.cn/20200717094031447.png
[20200717094035259.png]: https://img-blog.csdnimg.cn/20200717094035259.png
[20200717094037479.png]: https://img-blog.csdnimg.cn/20200717094037479.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 31]: https://img-blog.csdnimg.cn/20200717094041270.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 32]: https://img-blog.csdnimg.cn/20200717094044745.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[20200717094048206.png]: https://img-blog.csdnimg.cn/20200717094048206.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 33]: https://img-blog.csdnimg.cn/20200717094054759.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 34]: https://img-blog.csdnimg.cn/20200717094101157.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 35]: https://img-blog.csdnimg.cn/20200717094112463.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ_size_16_color_FFFFFF_t_70 36]: https://img-blog.csdnimg.cn/202007170941166.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0MjU2OQ==,size_16,color_FFFFFF,t_70