SpringMVC入门案例【三层架构和MVC、SpringMVC的概述和入门程序】（超详细）

亦凉 2023-01-10 05:04 225阅读 0赞

### SpringMVC入门案例 ###

*  三层架构和MVC
 *   *  三层架构
     *   *  表现层
         *  业务层
         *  持久层
     *  MVC 模型
     *   *  Model（模型）
         *  View（视图）
         *  Controller（控制器）
 *  SpringMVC 概述
 *   *  SpringMVC 是什么
     *  SpringMVC 在三层架构的位置
     *  SpringMVC 的优势
     *  SpringMVC 和 Struts2 的对比
 *  SpringMVC的入门程序
 *   *  创建基于maven的webapp项目
     *  先看一下目录结构（强调）
     *  在pom.xml文件中添加依赖
     *  在main文件夹里新建两个文件夹java和resources并补全目录结构
     *  补写web.xml文件
     *  补写index.jsp文件
     *  在WEB-INF下创建pages文件夹，并创建success.jsp文件
     *  配置Tomcat
     *  运行程序
     *  入门案例流程总结（图示）

# 三层架构和MVC #

## 三层架构 ##

**我们的开发架构一般都是基于两种形式，一种是 C/S 架构，也就是客户端/服务器，另一种是 B/S 架构，也就是浏览器服务器。在 JavaEE 开发中，几乎全都是基于 B/S 架构的开发。那么在 B/S 架构中，系统标准的三层架构包括：表现层、业务层、持久层。三层架构在我们的实际开发中使用的非常多，所以这个案例也都是基于三层架构设计的。**

**三层架构中，每一层各司其职，接下来我们就说说每层都负责哪些方面：**

### 表现层 ###

> **表现层也就是我们常说的web层。它负责接收客户端请求，向客户端响应结果，通常客户端使用http协议请求web 层，web 需要接收 http 请求，完成 http 响应。  
> 表现层包括展示层和控制层：控制层负责接收请求，展示层负责结果的展示。  
> 表现层依赖业务层，接收到客户端请求一般会调用业务层进行业务处理，并将处理结果响应给客户端。  
> 表现层的设计一般都使用 MVC 模型。（MVC 是表现层的设计模型，和其他层没有关系）**

### 业务层 ###

> **业务层也就是我们常说的 service 层。它负责业务逻辑处理，和我们开发项目的需求息息相关。web 层依赖业务层，但是业务层不依赖 web 层。  
> 业务层在业务处理时可能会依赖持久层，如果要对数据持久化需要保证事务一致性。（也就是我们说的，事务应该放到业务层来控制）**

### 持久层 ###

> **也就是我们是常说的 dao 层。负责数据持久化，包括数据层即数据库和数据访问层，数据库是对数据进行持久化的载体，数据访问层是业务层和持久层交互的接口，业务层需要通过数据访问层将数据持久化到数据库中。通俗的讲，持久层就是和数据库交互，对数据库表进行曾删改查的。**

## MVC 模型 ##

**MVC 全名是 Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，是一种用于设计创建 Web 应用程序表现层的模式。**

### Model（模型） ###

**Model通常指的就是我们的数据模型。作用一般情况下用于封装数据。**

### View（视图） ###

**View通常指的就是我们的 jsp 或者 html。作用一般就是展示数据的。  
通常视图是依据模型数据创建的。**

### Controller（控制器） ###

**Controller是应用程序中处理用户交互的部分。作用一般就是处理程序逻辑的。**

> **它相对于前两个不是很好理解，这里举个例子：  
> 例如：  
> 我们要保存一个用户的信息，该用户信息中包含了姓名，性别，年龄等等。  
> 这时候表单输入要求年龄必须是 1~100 之间的整数。姓名和性别不能为空。并且把数据填充到模型之中。  
> 此时除了 js 的校验之外，服务器端也应该有数据准确性的校验，那么校验就是控制器的该做的。  
> 当校验失败后，由控制器负责把错误页面展示给使用者。  
> 如果校验成功，也是控制器负责把数据填充到模型，并且调用业务层实现完整的业务需求。**

# SpringMVC 概述 #

## SpringMVC 是什么 ##

**1. 是一种基于Java实现的MVC设计模型的请求驱动类型的轻量级WEB框架。  
2. Spring MVC属于SpringFrameWork的后续产品，已经融合在Spring Web Flow里面。Spring 框架提供  
了构建 Web 应用程序的全功能 MVC 模块。  
3. 使用 Spring 可插入的 MVC 架构，从而在使用Spring进行WEB开发时，可以选择使用Spring的  
SpringMVC框架或集成其他MVC开发框架，如Struts1(现在一般不用)，Struts2等。**

## SpringMVC 在三层架构的位置 ##

> **SpringMVC是表现层框架。**

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

## SpringMVC 的优势 ##

> **1、清晰的角色划分：  
>        前端控制器（DispatcherServlet）  
>        请求到处理器映射（HandlerMapping）  
>        处理器适配器（HandlerAdapter）  
>        视图解析器（ViewResolver）  
>        处理器或页面控制器（Controller）  
>        验证器（ Validator）  
>        命令对象（Command 请求参数绑定到的对象就叫命令对象）  
>        表单对象（Form Object 提供给表单展示和提交到的对象就叫表单对象）。  
> 2、分工明确，而且扩展点相当灵活，可以很容易扩展，虽然几乎不需要。  
> 3、由于命令对象就是一个 POJO，无需继承框架特定 API，可以使用命令对象直接作为业务对象。  
> 4、和 Spring 其他框架无缝集成，是其它 Web 框架所不具备的。  
> 5、可适配，通过 HandlerAdapter 可以支持任意的类作为处理器。  
> 6、可定制性，HandlerMapping、ViewResolver 等能够非常简单的定制。  
> 7、功能强大的数据验证、格式化、绑定机制。  
> 8、利用 Spring 提供的 Mock 对象能够非常简单的进行 Web 层单元测试。  
> 9、本地化、主题的解析的支持，使我们更容易进行国际化和主题的切换。  
> 10、强大的 JSP 标签库，使 JSP 编写更容易。  
> 还有比如RESTful风格的支持、简单的文件上传、约定大于配置的契约式编程支持、基于注解的零配置支持等等。**

## SpringMVC 和 Struts2 的对比 ##

**共同点：**

> **它们都是表现层框架，都是基于 MVC 模型编写的。  
> 它们的底层都离不开原始 ServletAPI。  
> 它们处理请求的机制都是一个核心控制器。**

**区别：**

> **Spring MVC 的入口是 Servlet, 而 Struts2 是 Filter  
> Spring MVC 是基于方法设计的，而 Struts2 是基于类，Struts2 每次执行都会创建一个动作类。所以 Spring MVC 会稍微比 Struts2 快些。  
> Spring MVC 使用更加简洁,同时还支持 JSR303, 处理 ajax 的请求更方便  
> (JSR303 是一套 JavaBean 参数校验的标准，它定义了很多常用的校验注解，我们可以直接将这些注解加在我们 JavaBean 的属性上面，就可以在需要校验的时候进行校验了。)  
> Struts2 的 OGNL 表达式使页面的开发效率相比 Spring MVC 更高些，但执行效率并没有比 JSTL 提升，尤其是 struts2 的表单标签，远没有 html 执行效率高。**

# SpringMVC的入门程序 #

## 创建基于maven的webapp项目 ##

**1、选择maven项目，勾选上骨架，选择maven-archetype-wenapp。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 1]  
**2、给项目命名，选取存放位置。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 2]  
**3、为了防止webapp项目构建速度过慢，添加如下键值对。**

> **Name：archetypeCatalog  
> Value：internal**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 3]

## 先看一下目录结构（强调） ##

**我们最终就是要构建成这样的目录结构。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 4]

> **注意：包、文件夹、文件的命名和先和我保持一致，因为涉及到文件的配置。**

## 在pom.xml文件中添加依赖 ##

**pom.xml：**

<?xml version="1.0" encoding="UTF-8"?>
    
    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
        <modelVersion>4.0.0</modelVersion>
    
        <groupId>com.Keafmd</groupId>
        <artifactId>springmvc_day01_01_start</artifactId>
        <version>1.0-SNAPSHOT</version>
        <packaging>war</packaging>
    
        <name>springmvc_day01_01_start Maven Webapp</name>
        
        <url>http://www.example.com</url>
    
        <properties>
            <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
            <maven.compiler.source>1.8</maven.compiler.source>
            <maven.compiler.target>1.8</maven.compiler.target>
    
            
            <spring.version>5.2.6.RELEASE</spring.version>
    
        </properties>
    
    
        <dependencies>
            <dependency>
                <groupId>junit</groupId>
                <artifactId>junit</artifactId>
                <version>4.11</version>
                <scope>test</scope>
            </dependency>
    		 
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-context</artifactId>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-web</artifactId>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-webmvc</artifactId>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupId>javax.servlet</groupId>
                <artifactId>servlet-api</artifactId>
                <version>2.5</version>
                <scope>provided</scope>
            </dependency>
            <dependency>
                <groupId>javax.servlet.jsp</groupId>
                <artifactId>jsp-api</artifactId>
                <version>2.0</version>
                <scope>provided</scope>
            </dependency>
        </dependencies>
    
        <build>
            <finalName>springmvc_day01_01_start</finalName>
            <pluginManagement>
                <plugins>
                    <plugin>
                        <artifactId>maven-clean-plugin</artifactId>
                        <version>3.1.0</version>
                    </plugin>
                    
                    <plugin>
                        <artifactId>maven-resources-plugin</artifactId>
                        <version>3.0.2</version>
                    </plugin>
                    <plugin>
                        <artifactId>maven-compiler-plugin</artifactId>
                        <version>3.8.0</version>
                    </plugin>
                    <plugin>
                        <artifactId>maven-surefire-plugin</artifactId>
                        <version>2.22.1</version>
                    </plugin>
                    <plugin>
                        <artifactId>maven-war-plugin</artifactId>
                        <version>3.2.2</version>
                    </plugin>
                    <plugin>
                        <artifactId>maven-install-plugin</artifactId>
                        <version>2.5.2</version>
                    </plugin>
                    <plugin>
                        <artifactId>maven-deploy-plugin</artifactId>
                        <version>2.8.2</version>
                    </plugin>
                </plugins>
            </pluginManagement>
        </build>
    </project>

**1、由于idea在2020版本后没有自动导入了，或者是前面的版本我们都手动导入下。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 5]  
**2、左侧出现这些依赖就OK了。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 6]

## 在main文件夹里新建两个文件夹java和resources并补全目录结构 ##

**1、点击后一般会显示那两个文件夹，逐个创建即可。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 7]  
**2、在resources目录下创建springmvc.xml文件。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 8]  
**springmvc.xml：**

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans" xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:context="http://www.springframework.org/schema/context" 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 http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">
    
        
        <context:component-scan base-package="com.Keafmd"></context:component-scan>
    
        
        <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
            <property name="prefix" value="/WEB-INF/pages/"></property>
            <property name="suffix" value=".jsp"></property>
        </bean>
    
        
        <mvc:annotation-driven></mvc:annotation-driven>
    
    
    </beans>

**3、在java目录下创建个com.Keafmd.controller包，并且创建HelloController类。**

**HelloController类：**

package com.Keafmd.controller;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    /** * Keafmd * * @ClassName: HelloController * @Description: 控制器类 * @author: 牛哄哄的柯南 * @date: 2021-01-22 22:01 */
    @Controller
    public class HelloController { 
    
        @RequestMapping(path = "/hello")
        public String sayHello(){ 
            System.out.println("Hello SpringMVC");
            return "success";
        }
    }

## 补写web.xml文件 ##

**web.xml：**

<!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd" >
    
    <web-app>
      <display-name>Archetype Created Web Application</display-name>
    
      <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:springmvc.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>
    
    </web-app>

## 补写index.jsp文件 ##

**index.jsp：**

<%--
      Created by IntelliJ IDEA.
      User: Keafmd
      Date: 2021/1/22
      Time: 21:59
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
    	<h3>入门程序</h3>
    	<a href="hello">入门程序</a>
    
    </body>
    </html>

## 在WEB-INF下创建pages文件夹，并创建success.jsp文件 ##

**success.jsp：**

<%--
      Created by IntelliJ IDEA.
      User: Keafmd
      Date: 2021/1/22
      Time: 22:12
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <h1>入门成功</h1>
    
    </body>
    </html>

## 配置Tomcat ##

**1、点击Edit。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 9]  
**2、选择Local。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 10]  
**3、在Deployment中按图操作。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 11]  
**4、在Server中按图操作。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 12]

## 运行程序 ##

**1、启动Tomcat，需要一点时间，等待下。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 13]  
**2、启动成功。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 14]  
**3、如果刚才没有勾选那个勾，打开浏览器输入：http://localhost:8080/web/**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 15]  
**4、跳转成功，我们就完成了SpringMVC入门程序。**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 16]  
**并且在idea的控制台会输出我们在HelloController写的输出语句的内容。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 17]

## 入门案例流程总结（图示） ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 18]

> **以上就是SpringMVC入门案例【三层架构和MVC、SpringMVC的概述和入门程序】的全部内容。**

**看完如果对你有帮助，感谢点赞支持！  
如果你是电脑端的话，看到右下角的 “一键三连” 了吗，没错点它\[哈哈\]**  
![在这里插入图片描述][20210115230629703.gif_pic_center]

**加油！**

**共同努力！**

**Keafmd**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70]: /images/20221119/533a98e88f894b74b7c1009b7d19fbe8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 1]: /images/20221119/991ab1e1952d4a70a271931331d5eb25.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 2]: /images/20221119/6cde0d3f93744589ad212b217de440ff.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 3]: /images/20221119/801d6b58c04944b9878e9e028dddea83.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 4]: /images/20221119/b5cc8eb87d0d45b3915fae3c7664d918.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 5]: /images/20221119/a20f9bea43bd470c98efaa54e8a6cd23.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 6]: /images/20221119/248eaa56c1744a599d9601efeeaa295c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 7]: /images/20221119/24f0b06c6567464c836e0dcd7cdbde44.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 8]: /images/20221119/84131d9747b0481381529f6b1a571acb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 9]: /images/20221119/e8daa2be62d14d5097358e870c5ae0de.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 10]: /images/20221119/36b14e03efe941e1b08d8d76d61dd21f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 11]: /images/20221119/efa7468432bb4b728f378c28843265f3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 12]: /images/20221119/1cf522763ff14fe8942ba63dc74489fb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 13]: /images/20221119/80c6851f08e74941bc8fcb019850b30c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 14]: /images/20221119/e65f7be5c3c94fdeb8957955c3653d1f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 15]: /images/20221119/859972e030db4aa399f57284140e1b1e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 16]: /images/20221119/d6bd54590e3a40d5a7ca11cc25b792a4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 17]: /images/20221119/2704c0473ee54d7580dd9add8504950d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 18]: /images/20221119/878d44117a6a4da7b54dffe040ff8793.png
[20210115230629703.gif_pic_center]: https://img-blog.csdnimg.cn/20210115230629703.gif#pic_center