SpringMVC程序开发

╰+攻爆jí腚メ 2023-10-10 17:36 22阅读 0赞

**目录**

1.认识SpringMVC

MVC的定义

MVC和SpringMVC的关系

2.创建SpringMVC项目

1.@RequestMapping实现连接

2. @POSTMapping注解实现连接

3.＠GETMapping实现连接

3.获取参数

1.获取单个参数

2.获取多个参数

3.获取普通对象

4.获取json对象

5.特殊场景

6.获取URL?前的参数

7.获取上传的文件@RequestPart

8.获取Cookie/Session/header

4.返回数据

1.返回静态页面

2.返回text/html数据

3.返回JSON对象

4.跳转

1.forward,请求转发

2.redirect,请求重定向

3.请求重定向和请求转发的区别

5.热部署

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

## 1.认识SpringMVC ##

Spring MVC 是一个功能强大、高效、可靠的 Web 框架

Spring MVC 是 Spring Framework 的一个模块，也叫做 Web MVC 框架，它是基于 Java Servlet 和 JavaServer Pages (JSP) 技术的 Web 应用程序开发框架。

Spring MVC 是一种轻量级、灵活、可扩展的 Web 框架，具有以下主要优点：

1.  简单易用：Spring MVC 采用约定优于配置的方式，可以快速地创建 Web 应用程序并进行开发和测试。
2.  高度可定制化：Spring MVC 提供了许多可定制化的选项，例如，可以使用不同的视图技术、后端数据源和验证器等，以满足各种不同的应用程序需求。
3.  易于集成：Spring MVC 可以与许多其他 Spring 模块无缝集成，例如，Spring Security、Spring Boot 等。
4.  容易进行测试：Spring MVC 采用了模型-视图-控制器 (MVC) 架构，这种设计模式使其易于编写自动化测试。

### MVC的定义 ###

MVC是Model　View　Controller的缩写，是软件工程中的一种软件架构模式（是一种设计模式），理念：将软件系统分为模型，控制器，视图三个部分

![23542b8677fb41c5943fef130f758414.png][]

1.User发送HTTP请求，来到控制器，进行安全校验,控制用户输入等操作后发送给Model

2.Model是数据模型,通常负责在数据库中存取数据,将响应信息返回到控制器

3.控制器返回数据到视图进行渲染,结果呈现给User

### MVC和SpringMVC的关系 ###

和IoC和DI相同，MVC是一种思想,SpringMVC是具体的实现,并继承了Servlet API的Web框架

SpringMVCd的重要性:现在多数的Java项目都是基于Spring/SpringBoot,SpringMVC是Spring的核心模块,所以Java项目约等于SpringMVC项目

## 2.创建SpringMVC项目 ##

SpringMVC的建立和创建连接

使用SpringBoot来创建SpringMVC项目

![3bdb0f01d12440cf9ab931708e3bc87f.png][]

![d0f9f00a094b46c89b08443d210db5aa.png][] ![1c3924bbc2534176bf6e0f2d61112bfe.png][]

点击Maven框架支持,导入依赖

![5895c930c1984293a3252f4dd490398e.png][]

实现连接

![046d4be2cf2b4ea382aa3ce0ac5cb554.png][]

这里的路由/hello,可以是多级路由.访问时必须写全路由名称,否则不能访问

启动项目

![57a3a7c0e07c402e980da406b7957dcf.png][]

这样就实现了连接

建立连接条件:

1.@RestController注解,将类注册到Spring容器中

2.@RequestMapping注解,路由映射

### 1.@RequestMapping实现连接 ###

@RequestMapping支持的方法

１.支持GET请求

我们是通过URL的方式访问的,所以肯定是支持GET方法的

通过开发者工具也可以查看到

![101093e1541944568f707f58376073b0.png][]

2.POST请求

![522869fc49ff431896c8624558939542.png][]

我们通过Apifox模拟POST请求,也是可以的

所以@RequsetMapping也支持POST方法

> @RequsetMapping既支持GET请求，也支持POST请求.其它的方法也支持

源码中关于请求方法的部分:

![0e85da5e1af04b76a645ddd01d163daf.png][]

使用注解的时候,也可以进行方法的设置,添加方法参数后,会自动给路由信息添加value.默认只有一个参数时,是缺省的,多个参数就会逐个表明

![db9c150fd234457e87585ef7e25a6257.png][]

@RequestMapping(value = "/hello",method = RequestMethod.POST)

设置为POST后进行访问,此时通过URL的GET方法是不被允许的

状态码:405,方法不被允许!

![4bcccf850c4d46f8a444c5d2577617a7.png][]

### 2. @POSTMapping注解实现连接 ###

![7758c588493345ca9364698a8e912a94.png][]

![1ce949fed2c34f9db4ce792321be04bc.png][]换成GET是不支持的，更加简洁了

@POSTMapping注解可以指定多个属性

![58e8372b14714b3b819fc1a3767141af.png][]

后两个属性:consumes,produces

*  consumes属性允许指定接受请求正文时使用的MIME类型。例如，@PostMapping(value="/example", consumes="application/json")将仅匹配Content-Type为application/json的POST请求
 *  produces属性允许指定方法返回的MIME类型。例如，@PostMapping(value="/example", produces="application/json")将指示处理程序方法返回application/json数据

MIME（Multipurpose Internet Mail Extensions）是一种互联网标准，用于表示各种类型的数据。它在电子邮件中广泛使用，也被HTTP和其他应用程序协议采用。 MIME类型通常由两部分组成：主类型和子类型，用斜杠分隔开来，例如"text/html"或"image/jpeg"。每个MIME类型都与一个特定的文件格式相关联，并指定如何处理该格式的数据。客户端和服务器可以使用MIME类型来确定如何正确地解释和显示传输的数据。

### 3.＠GETMapping实现连接 ###

![57dd71122dc44290932febcf4cbfcab1.png][]

![90466d446b6a472ba1bcbf6fdc0761fa.png][]

不支持POST方式

总结:

@RequsetMapping既支持GET请求，也支持POST请求.其它的方法也支持

@POSTMapping支持POST请求

＠GETMapping支持GET请求

## 3.获取参数 ##

建立连接之后，学习如何获取参数

### 1.获取单个参数 ###

![07a2b59fa614420fa3828fdf38800f8d.png][]

URL中没有传参数，默认值就是null

![9623cf86793b4604943f8a4e037804cd.png][]

传参后

![d28411cde62f4157adfacc72d7617466.png][]

![ea56a4306a62471b93dc9b4a887c83c2.png][]

一个是包装类,一个是基础数据类型.不传参的访问的结果

![356616cf06fa44948413213840d44397.png][]

![fa977eff39e9468c9044b0de145b0570.png][]

结论:

一个对象没设值的时候,值就为null

![c23eef05e92141b099e7873b46684c68.png][]

基础数据类型,没有值就会报错.

Java中的原始数据类型（如int、double等）是不能为null的，因为它们是基本类型而非对象

> 在Java中，如果将一个可能为null的值传递给基本数据类型的参数会导致编译错误。因为基本数据类型不能为null，因此在尝试访问具有null值的变量时会引发NullPointerException异常。为了避免这种情况，可以使用对应的包装类来替代基本数据类型，因为包装类的实例可以为null。如果需要进行算术运算等操作，可以使用包装类的valueOf()方法将其转换为基本数据类型

![d5a0bf2b8c4c4ba681f8f7c34e286ec5.png][]

![d8fcc10ba3a343348ae8f30f5d6c047b.png][]

这里和获取Servlet参数的方式相同，证明了:  
Servlet 是 Java Web 开发中的一个核心组件，它负责接收 HTTP 请求并返回 HTTP 响应。Spring MVC 则是基于 Servlet API 构建的 Web 框架，它提供了一种方便的方式来处理和响应 HTTP 请求

![456478becd6a4340a42c26e80f97889b.png][]

这两个对象都可以进行使用,这里会直接重定向到sougou

### 2.获取多个参数 ###

直接加参数,并且参数的顺序不重要,URL中的K-V对应上就能成功传参

![b96291f3c52247b5824b0c34a8436603.png][] ![189c805d7528440e8a635a013f748510.png][]

输出结果是正确的，URL中传参顺序不影响输出结果,影响结果的是KV是否对应

### 3.获取普通对象 ###

![5242605fb9ec443fbc2d9e9ff1b56bdb.png][]

![d3ce02c06c244182b99af05441161031.png][]

框架实现了自动的参数映射

![331b37c59f164516bcc708349b6bdfb9.png][]

![d6d1240a443d466c9b3e06ed507b732c.png][]

![df0e5e9e22804fa6bd0c9e5644bb7a89.png][]

![5210e887be7444e79137717075c2b862.png][]

![43e55851b64141a196981e6210530892.png][]

结论:

在Spring MVC中，可以将返回值类型声明为`Object`类型，Spring MVC会根据请求的Accept头信息和处理方法上的`@RequestMapping`注解来自动匹配合适的数据类型返回码。

例如，如果请求的Accept头信息为`application/json`，并且处理方法使用了`@ResponseBody`注解，那么Spring MVC会自动将返回值转换为JSON格式，并设置返回码为200。

同样的，如果请求的Accept头信息为`application/xml`，并且处理方法使用了`@ResponseBody`注解，则Spring MVC会自动将返回值转换为XML格式，并设置返回码为200。

如果返回值类型不能被自动转换成JSON或XML格式，Spring MVC会尝试使用其他方式进行转换或者直接返回错误码。因此，在使用`Object`作为返回值类型时，需要确保返回值能够被正确地转换成支持的格式，以避免出现返回值无法序列化的问题。

### 4.获取json对象 ###

前端传递参数使用apifox模拟

![ce08c57dd65a4f02b5162a24fcb8efb8.png][]

返回结果:

![93d0530f119049638e7a89cd9d181c48.png][]

![abb3178f61eb4303b3c021c51f996eed.png][]

可以看到,是获取不到json对象的

要拿到json对象,必须加注解@RequestBody

在Spring MVC中，可以使用@RequestBody注解来获取JSON格式的请求参数。当我们在Controller方法的入参上加上@RequestBody注解时，Spring MVC就会自动将请求体中的JSON字符串转换为对应的Java对象，并将其绑定到该入参上

![dd2acaab463c45069dbefd9e48f4ef90.png][]

@RequestBody注解作用于PoeopleComponent类型的入参上，表明当前请求参数是一个JSON对象，并将它转换为PoeopleComponent对象。这样我们就可以方便地获取JSON格式的请求参数了。需要注意的是，前端发送请求时需要设置请求头的Content-Type为application/json,使用spifox模式时已经设置过格式为json了

再次发送json对象数据

![41c7cf9d0b8d4037ac73fa334e249bd2.png][]

![2a949c2d70394d2389aee736b593868d.png][]

获取参数成功

### 5.特殊场景 ###

当前端传递一个和后端名称不同的参数时,可以使用重命名方式接收前端传参

![2b2ac2ad69cb4f72bc17f6a7ee42a97d.png][]

重命名之后依然能接收到参数

![a3aa7158429042a59b5986388bcb713b.png][]

注意:此时传参不能为空,必须传参数.看源码:

![7e689ff1c69e4080b78c406094043ce4.png][]

默认是true..要求必须传参!

![c40720cf06d94e7f920f8887968e552b.png][]

要解决@RequestParam注解缺少参数值的问题，可以使用以下方法之一：

1.  提供必要的请求参数。在请求中提供所需参数的值，确保与@RequestParam注解的方法参数匹配
2.  使用defaultValue属性。通过为@RequestParam注解的defaultValue属性设置值来指定默认值，如果请求中没有传递该参数，则使用默认值
3.  将@RequestParam注解的required属性设置为false。该属性用于指示请求参数是否是必需的。将其设置为false可以使参数变为可选，并允许请求不提供该参数，而不会抛出错误。当请求未提供该参数时，方法参数将被赋予null值

### 6.获取URL?前的参数 ###

从基础的URL中获取参数..注意,不是从URL参数部分获取参数

需要在参数前添加注解@PathVariable,否侧获取不到前端的URL参数

![6eccb7e444d84474ab26b4c82fb69d9b.png][]

![6f8cf12e5cf44e7da64796805a706adc.png][]

还要注意：当URL基础部分和形参名称不同时,要设置参数非必须才不会报错.仍不会获得该参数

![08e141c375514fcca5f660bd353064a2.png][]

![d1aa7e4f82df4c5aa9113ad481a7058c.png][]

通过在注解中设置参数就能解决

![05ebf02b9c504ae5a85434d27281466d.png][]

> 总结:
> 
> @PathVariable获取URL?之前的参数(适用参数比较少,更简洁)
> 
> @RequestParam获取URL?之后的参数(参数多,灵活)
> 
> `/user/12345` 和 `/user?id=12345` 这两种传参方式都可以实现将参数传递到URL中的效果，不过它们的实现方式是有所不同的。
> 
> 其中，`/user/12345` 是一种 RESTful API 的实现方式，它代表了用户资源在服务器端的地址，其中 `12345` 表示了该用户资源的唯一标识符。这种方式通常用于请求某个特定的资源，可以根据请求的 URL 直接获取该用户的相关信息。
> 
> 而 `/user?id=12345` 则是通过查询字符串的方式将参数传递到URL中，其中 `id` 表示参数名， `12345` 是对应的参数值。这种方式则更加灵活，可以传递多个参数，也可以只传递部分参数，比如 `/user?id=12345&name=John&age=25` 。
> 
> 总体来说，使用 `/user/12345` 的方式更为直观和简洁，语义明确，而且更符合 RESTful API 设计的规范。而使用 `/user?id=12345` 的方式则更加灵活，可以传递多个参数，且易于获取参数值。根据具体的需求和场景选择不同的方式来传递参数即可。

### 7.获取上传的文件@RequestPart ###

![4e3c18e6e2f94bbba74cdf99fd92556c.png][]

> 上传文件的路径需要根据实际情况进行指定，具体格式可以采用以下两种方式：
> 
> 1.  绝对路径：指从磁盘根目录开始的完整路径。例如：/var/www/html/uploads/image.jpg
> 2.  相对路径：指相对于当前文件所在目录的相对路径。例如：../../uploads/image.jpg

启动,前端进行模拟数据

![68a674e1217f4fc4a8172ec5c034de16.png][]

报错信息:图片大小超出最大上传限制

![3b9987fd1ea245e49141ecc58152551f.png][] 重新上传小点的图片,上传成功

![2b5dd68caaf9459087f930813069dacd.png][]

另一种解决方案:

SpringMVC中单次上传文件的大小最大默认为1MB。但是，我们可以通过在Spring MVC配置文件中进行修改来调整最大上传文件大小。具体的修改方法如下：

1.打开 application.yml 配置文件。

2.添加以下配置：

spring:
      servlet:
        multipart:
          max-file-size: 50MB
          max-request-size: 100MB

![dcc6b9bbab624f04b29491f9487450be.png][]

我们上传这个文件到demo6

![4a103e0816194309a3cd73a7241c28e7.png][]

需要注意,路径不修改,会将上次上传的图片覆盖

![39e450d0addf4faa9af7610d9f06e2ae.png][]

解决覆盖问题:

上传的图片文件类型也是很多的,需要获取文件后缀名

然后使用UUID加上后缀名,就能解决覆盖问题

> UUID（Universally Unique Identifier）是通用唯一识别码的缩写，也可以称为 GUID（Global Unique Identifier）。它是一个标准化的格式，用于表示一个128位的值，可以用于唯一地标识某个实体或对象。
> 
> UUID 的生成算法是根据某些特定的标准或随机数来计算得出的，保证了生成的 UUID 具有全局唯一性。具体的生成方式包括时间戳、硬件地址、随机数等。而且，UUID 是不可变的，一旦生成，就不可以改变。

![4b8015bc836a42b3bcb06d5748b74373.png][]

启动后上传图片,不会覆盖原来的图片

上传了三个相同的文件,都不会被覆盖

![2e2e955768dc464394e3ec6faab2fb53.png][]

代码:

@RequestMapping("/getFile")
        public Object getFile(@RequestPart("myimg")MultipartFile file) throws IOException {
            String fileName = UUID.randomUUID() +//文件名
                    file.getOriginalFilename().//文件后缀
                            substring(file.getOriginalFilename().lastIndexOf("."));
            File file1 = new File("D:\\projets\\demo6\\"+fileName);
            try{
                file.transferTo(file1);
                return true;
            }
            catch (IOException e){
                e.printStackTrace();
            }
            return false;
        }

### 8.获取Cookie/Session/header ###

获取Request和Response对象

![61bbab08a19b4075b2f3f1f3d702f931.png][]

![9e957100729c4b3c8c4d16ed86c1d77f.png][]

注解获取Cookie-@CookieValue

![c3653fd000f848c2bc10da271fb59028.png][]

![ab52f317f84e4b35bde81600cf5e1b91.png][]

设置非必需后

![15ea13a0b8514a5a919d9addf455176e.png][]

不会报错了

这时伪造一个Cookie

![75308fb6f57a48ebac977e89882b52fb.png][]

再次访问

![7043a92c4045405388cde414ad2802ca.png][]

获取header-@RequestHeader

![30d2231e150645ad9b6ba097d103e4fd.png][]

结果

![51184a2699bf444ebea5a50a5bdf1e13.png][]

9.存储session和获取session

存储不能用注解实现,还是在servlet中的获取方式

![9a21f9d7f8294194b5d0810e87d6141b.png][]

![4f26d86e1d5b4f298f501f37990d0290.png][]

获取-@SessionAttribute

![31074523b3d34ee6975619db4e7e5c19.png][]

![27bc137d157f4fea9e4bb0424ebe5cc4.png][]

## 4.返回数据 ##

### 1.返回静态页面 ###

![cd640a4ab26a420fa964a138e9c5e507.png][]

![c93f338b65fc455c8e90855c51ce4c15.png][]

return "index.html"没有加/,是在test目录下寻找index.html页面,是访问不到的.因为index.html页面是放在根目录下的,加了/,就会在根路径下寻找index.html页面,才能获取到

![e50ecb05cca74e629dc97c170a8d237f.png][]

### 2.返回text/html数据 ###

可以在方法上使用 @ResponseBody 注解

![a2c5093655e5449794fde0c1f08acef1.png][]

![7c447973c4a04373aafd324c8f54170a.png][]

![b049b6dd3e0e4368b936af3792d8a33f.png][]

### 3.返回JSON对象 ###

![72b24c2e217440198e85c4f1457eeba3.png][]

![3c580be5299c42bfbe9b344c8b0b9bed.png][]

### 4.跳转 ###

请求转发或请求重定向

return不但可以返回一个视图,还可以实现跳转.跳转的方式有两种:

#### 1.forward,请求转发 ####

![db6c43f38b8c4a3392a14bf8468cb707.png][]

![6504b42959a24569b6ab17d8596bdc28.png][]

使用request对象也能进行请求转发

![5e93c5e641934f64ab050a624c8a8ab8.png][]

![876713d608e7463b917a7a1703b1f1cd.png][]

#### 2.redirect,请求重定向 ####

![aa562aed920e41d99d29f8ddb2847213.png][]

![da6776c9868a4422b86c407aeae1eafb.png][]

还可以使用response对象重定向

![e37c1bc55b4443d580eb6380b9138af8.png][]

![117260b6b98341a8bc44d1cbf763ed42.png][]

#### 3.请求重定向和请求转发的区别 ####

请求重定向（Redirect）和请求转发（Forward）都是 Web 应用程序中常用的两种跳转方式。

请求重定向是指服务器收到请求后，返回一个指示客户端重新发送请求到另一个 URL 地址的响应。客户端接收到这个响应后，会重新向新的 URL 发送一个新的请求，完成跳转。请求重定向是在本次请求完成之后，重新发起一次 GET 请求，所以它的缺点是会多消耗一次服务器资源，但它的优点是可以避免表单重复提交等问题，还可以避免表单重复提交等问题。

> 优点:
> 
> 避免表单重复提交等问题.
> 
> 避免表单重复提交等问题.
> 
> 缺点:
> 
> 多消耗一次服务器资源

请求转发是指当客户端向服务器发起请求时，服务器不会直接响应客户端请求，而是将请求转发给另一个资源进行处理，并将其响应结果返回给客户端。请求转发是在服务器内部完成的，客户端无法感知到该过程，因为只有一个请求和一个响应。请求转发不需要重新发起新的请求，相比请求重定向，速度更快，但它的缺点是只能在同一 Web 应用程序内进行跳转，无法实现跨域名跳转。

> 优点:
> 
> 速度更快.
> 
> 请求转发不需要重新发起新的请求.
> 
> 缺点:
> 
> 无法实现跨域名跳转

## 5.热部署 ##

最后介绍一下IDEA提供的热部署功能

Java 的热部署（Hot Deployment）是指在应用程序运行过程中，无需重启应用程序或重新部署应用程序即可更新应用程序的代码或资源。也可以理解为在不停止应用程序的情况下，动态地将新的代码或资源加载到应用程序中。方便了我们开发的工作

步骤：

1.添加热部署框架支持

![0cec5c37e285437689568527e4e178b5.png][]

2.Settings开启项目自动编译

需要配置两次,一次是 本项目,一次是 新项目.

![a03c74cf5b72499a938372b2e9598a3b.png][]

3.Advanced Settings

![dc2db79db5a44ff0be7f974c62063dc4.png][]

4.使用Debug启动

![dcc9aafd7d56457980e8ac6f63ce8f92.png][]

代码改变后,就会自动重新启动

[23542b8677fb41c5943fef130f758414.png]: https://img-blog.csdnimg.cn/23542b8677fb41c5943fef130f758414.png
[3bdb0f01d12440cf9ab931708e3bc87f.png]: https://img-blog.csdnimg.cn/3bdb0f01d12440cf9ab931708e3bc87f.png
[d0f9f00a094b46c89b08443d210db5aa.png]: https://img-blog.csdnimg.cn/d0f9f00a094b46c89b08443d210db5aa.png
[1c3924bbc2534176bf6e0f2d61112bfe.png]: https://img-blog.csdnimg.cn/1c3924bbc2534176bf6e0f2d61112bfe.png
[5895c930c1984293a3252f4dd490398e.png]: https://img-blog.csdnimg.cn/5895c930c1984293a3252f4dd490398e.png
[046d4be2cf2b4ea382aa3ce0ac5cb554.png]: https://img-blog.csdnimg.cn/046d4be2cf2b4ea382aa3ce0ac5cb554.png
[57a3a7c0e07c402e980da406b7957dcf.png]: https://img-blog.csdnimg.cn/57a3a7c0e07c402e980da406b7957dcf.png
[101093e1541944568f707f58376073b0.png]: https://img-blog.csdnimg.cn/101093e1541944568f707f58376073b0.png
[522869fc49ff431896c8624558939542.png]: https://img-blog.csdnimg.cn/522869fc49ff431896c8624558939542.png
[0e85da5e1af04b76a645ddd01d163daf.png]: https://img-blog.csdnimg.cn/0e85da5e1af04b76a645ddd01d163daf.png
[db9c150fd234457e87585ef7e25a6257.png]: https://img-blog.csdnimg.cn/db9c150fd234457e87585ef7e25a6257.png
[4bcccf850c4d46f8a444c5d2577617a7.png]: https://img-blog.csdnimg.cn/4bcccf850c4d46f8a444c5d2577617a7.png
[7758c588493345ca9364698a8e912a94.png]: https://img-blog.csdnimg.cn/7758c588493345ca9364698a8e912a94.png
[1ce949fed2c34f9db4ce792321be04bc.png]: https://img-blog.csdnimg.cn/1ce949fed2c34f9db4ce792321be04bc.png
[58e8372b14714b3b819fc1a3767141af.png]: https://img-blog.csdnimg.cn/58e8372b14714b3b819fc1a3767141af.png
[57dd71122dc44290932febcf4cbfcab1.png]: https://img-blog.csdnimg.cn/57dd71122dc44290932febcf4cbfcab1.png
[90466d446b6a472ba1bcbf6fdc0761fa.png]: https://img-blog.csdnimg.cn/90466d446b6a472ba1bcbf6fdc0761fa.png
[07a2b59fa614420fa3828fdf38800f8d.png]: https://img-blog.csdnimg.cn/07a2b59fa614420fa3828fdf38800f8d.png
[9623cf86793b4604943f8a4e037804cd.png]: https://img-blog.csdnimg.cn/9623cf86793b4604943f8a4e037804cd.png
[d28411cde62f4157adfacc72d7617466.png]: https://img-blog.csdnimg.cn/d28411cde62f4157adfacc72d7617466.png
[ea56a4306a62471b93dc9b4a887c83c2.png]: https://img-blog.csdnimg.cn/ea56a4306a62471b93dc9b4a887c83c2.png
[356616cf06fa44948413213840d44397.png]: https://img-blog.csdnimg.cn/356616cf06fa44948413213840d44397.png
[fa977eff39e9468c9044b0de145b0570.png]: https://img-blog.csdnimg.cn/fa977eff39e9468c9044b0de145b0570.png
[c23eef05e92141b099e7873b46684c68.png]: https://img-blog.csdnimg.cn/c23eef05e92141b099e7873b46684c68.png
[d5a0bf2b8c4c4ba681f8f7c34e286ec5.png]: https://img-blog.csdnimg.cn/d5a0bf2b8c4c4ba681f8f7c34e286ec5.png
[d8fcc10ba3a343348ae8f30f5d6c047b.png]: https://img-blog.csdnimg.cn/d8fcc10ba3a343348ae8f30f5d6c047b.png
[456478becd6a4340a42c26e80f97889b.png]: https://img-blog.csdnimg.cn/456478becd6a4340a42c26e80f97889b.png
[b96291f3c52247b5824b0c34a8436603.png]: https://img-blog.csdnimg.cn/b96291f3c52247b5824b0c34a8436603.png
[189c805d7528440e8a635a013f748510.png]: https://img-blog.csdnimg.cn/189c805d7528440e8a635a013f748510.png
[5242605fb9ec443fbc2d9e9ff1b56bdb.png]: https://img-blog.csdnimg.cn/5242605fb9ec443fbc2d9e9ff1b56bdb.png
[d3ce02c06c244182b99af05441161031.png]: https://img-blog.csdnimg.cn/d3ce02c06c244182b99af05441161031.png
[331b37c59f164516bcc708349b6bdfb9.png]: https://img-blog.csdnimg.cn/331b37c59f164516bcc708349b6bdfb9.png
[d6d1240a443d466c9b3e06ed507b732c.png]: https://img-blog.csdnimg.cn/d6d1240a443d466c9b3e06ed507b732c.png
[df0e5e9e22804fa6bd0c9e5644bb7a89.png]: https://img-blog.csdnimg.cn/df0e5e9e22804fa6bd0c9e5644bb7a89.png
[5210e887be7444e79137717075c2b862.png]: https://img-blog.csdnimg.cn/5210e887be7444e79137717075c2b862.png
[43e55851b64141a196981e6210530892.png]: https://img-blog.csdnimg.cn/43e55851b64141a196981e6210530892.png
[ce08c57dd65a4f02b5162a24fcb8efb8.png]: https://img-blog.csdnimg.cn/ce08c57dd65a4f02b5162a24fcb8efb8.png
[93d0530f119049638e7a89cd9d181c48.png]: https://img-blog.csdnimg.cn/93d0530f119049638e7a89cd9d181c48.png
[abb3178f61eb4303b3c021c51f996eed.png]: https://img-blog.csdnimg.cn/abb3178f61eb4303b3c021c51f996eed.png
[dd2acaab463c45069dbefd9e48f4ef90.png]: https://img-blog.csdnimg.cn/dd2acaab463c45069dbefd9e48f4ef90.png
[41c7cf9d0b8d4037ac73fa334e249bd2.png]: https://img-blog.csdnimg.cn/41c7cf9d0b8d4037ac73fa334e249bd2.png
[2a949c2d70394d2389aee736b593868d.png]: https://img-blog.csdnimg.cn/2a949c2d70394d2389aee736b593868d.png
[2b2ac2ad69cb4f72bc17f6a7ee42a97d.png]: https://img-blog.csdnimg.cn/2b2ac2ad69cb4f72bc17f6a7ee42a97d.png
[a3aa7158429042a59b5986388bcb713b.png]: https://img-blog.csdnimg.cn/a3aa7158429042a59b5986388bcb713b.png
[7e689ff1c69e4080b78c406094043ce4.png]: https://img-blog.csdnimg.cn/7e689ff1c69e4080b78c406094043ce4.png
[c40720cf06d94e7f920f8887968e552b.png]: https://img-blog.csdnimg.cn/c40720cf06d94e7f920f8887968e552b.png
[6eccb7e444d84474ab26b4c82fb69d9b.png]: https://img-blog.csdnimg.cn/6eccb7e444d84474ab26b4c82fb69d9b.png
[6f8cf12e5cf44e7da64796805a706adc.png]: https://img-blog.csdnimg.cn/6f8cf12e5cf44e7da64796805a706adc.png
[08e141c375514fcca5f660bd353064a2.png]: https://img-blog.csdnimg.cn/08e141c375514fcca5f660bd353064a2.png
[d1aa7e4f82df4c5aa9113ad481a7058c.png]: https://img-blog.csdnimg.cn/d1aa7e4f82df4c5aa9113ad481a7058c.png
[05ebf02b9c504ae5a85434d27281466d.png]: https://img-blog.csdnimg.cn/05ebf02b9c504ae5a85434d27281466d.png
[4e3c18e6e2f94bbba74cdf99fd92556c.png]: https://img-blog.csdnimg.cn/4e3c18e6e2f94bbba74cdf99fd92556c.png
[68a674e1217f4fc4a8172ec5c034de16.png]: https://img-blog.csdnimg.cn/68a674e1217f4fc4a8172ec5c034de16.png
[3b9987fd1ea245e49141ecc58152551f.png]: https://img-blog.csdnimg.cn/3b9987fd1ea245e49141ecc58152551f.png
[2b5dd68caaf9459087f930813069dacd.png]: https://img-blog.csdnimg.cn/2b5dd68caaf9459087f930813069dacd.png
[dcc6b9bbab624f04b29491f9487450be.png]: https://img-blog.csdnimg.cn/dcc6b9bbab624f04b29491f9487450be.png
[4a103e0816194309a3cd73a7241c28e7.png]: https://img-blog.csdnimg.cn/4a103e0816194309a3cd73a7241c28e7.png
[39e450d0addf4faa9af7610d9f06e2ae.png]: https://img-blog.csdnimg.cn/39e450d0addf4faa9af7610d9f06e2ae.png
[4b8015bc836a42b3bcb06d5748b74373.png]: https://img-blog.csdnimg.cn/4b8015bc836a42b3bcb06d5748b74373.png
[2e2e955768dc464394e3ec6faab2fb53.png]: https://img-blog.csdnimg.cn/2e2e955768dc464394e3ec6faab2fb53.png
[61bbab08a19b4075b2f3f1f3d702f931.png]: https://img-blog.csdnimg.cn/61bbab08a19b4075b2f3f1f3d702f931.png
[9e957100729c4b3c8c4d16ed86c1d77f.png]: https://img-blog.csdnimg.cn/9e957100729c4b3c8c4d16ed86c1d77f.png
[c3653fd000f848c2bc10da271fb59028.png]: https://img-blog.csdnimg.cn/c3653fd000f848c2bc10da271fb59028.png
[ab52f317f84e4b35bde81600cf5e1b91.png]: https://img-blog.csdnimg.cn/ab52f317f84e4b35bde81600cf5e1b91.png
[15ea13a0b8514a5a919d9addf455176e.png]: https://img-blog.csdnimg.cn/15ea13a0b8514a5a919d9addf455176e.png
[75308fb6f57a48ebac977e89882b52fb.png]: https://img-blog.csdnimg.cn/75308fb6f57a48ebac977e89882b52fb.png
[7043a92c4045405388cde414ad2802ca.png]: https://img-blog.csdnimg.cn/7043a92c4045405388cde414ad2802ca.png
[30d2231e150645ad9b6ba097d103e4fd.png]: https://img-blog.csdnimg.cn/30d2231e150645ad9b6ba097d103e4fd.png
[51184a2699bf444ebea5a50a5bdf1e13.png]: https://img-blog.csdnimg.cn/51184a2699bf444ebea5a50a5bdf1e13.png
[9a21f9d7f8294194b5d0810e87d6141b.png]: https://img-blog.csdnimg.cn/9a21f9d7f8294194b5d0810e87d6141b.png
[4f26d86e1d5b4f298f501f37990d0290.png]: https://img-blog.csdnimg.cn/4f26d86e1d5b4f298f501f37990d0290.png
[31074523b3d34ee6975619db4e7e5c19.png]: https://img-blog.csdnimg.cn/31074523b3d34ee6975619db4e7e5c19.png
[27bc137d157f4fea9e4bb0424ebe5cc4.png]: https://img-blog.csdnimg.cn/27bc137d157f4fea9e4bb0424ebe5cc4.png
[cd640a4ab26a420fa964a138e9c5e507.png]: https://img-blog.csdnimg.cn/cd640a4ab26a420fa964a138e9c5e507.png
[c93f338b65fc455c8e90855c51ce4c15.png]: https://img-blog.csdnimg.cn/c93f338b65fc455c8e90855c51ce4c15.png
[e50ecb05cca74e629dc97c170a8d237f.png]: https://img-blog.csdnimg.cn/e50ecb05cca74e629dc97c170a8d237f.png
[a2c5093655e5449794fde0c1f08acef1.png]: https://img-blog.csdnimg.cn/a2c5093655e5449794fde0c1f08acef1.png
[7c447973c4a04373aafd324c8f54170a.png]: https://img-blog.csdnimg.cn/7c447973c4a04373aafd324c8f54170a.png
[b049b6dd3e0e4368b936af3792d8a33f.png]: https://img-blog.csdnimg.cn/b049b6dd3e0e4368b936af3792d8a33f.png
[72b24c2e217440198e85c4f1457eeba3.png]: https://img-blog.csdnimg.cn/72b24c2e217440198e85c4f1457eeba3.png
[3c580be5299c42bfbe9b344c8b0b9bed.png]: https://img-blog.csdnimg.cn/3c580be5299c42bfbe9b344c8b0b9bed.png
[db6c43f38b8c4a3392a14bf8468cb707.png]: https://img-blog.csdnimg.cn/db6c43f38b8c4a3392a14bf8468cb707.png
[6504b42959a24569b6ab17d8596bdc28.png]: https://img-blog.csdnimg.cn/6504b42959a24569b6ab17d8596bdc28.png
[5e93c5e641934f64ab050a624c8a8ab8.png]: https://img-blog.csdnimg.cn/5e93c5e641934f64ab050a624c8a8ab8.png
[876713d608e7463b917a7a1703b1f1cd.png]: https://img-blog.csdnimg.cn/876713d608e7463b917a7a1703b1f1cd.png
[aa562aed920e41d99d29f8ddb2847213.png]: https://img-blog.csdnimg.cn/aa562aed920e41d99d29f8ddb2847213.png
[da6776c9868a4422b86c407aeae1eafb.png]: https://img-blog.csdnimg.cn/da6776c9868a4422b86c407aeae1eafb.png
[e37c1bc55b4443d580eb6380b9138af8.png]: https://img-blog.csdnimg.cn/e37c1bc55b4443d580eb6380b9138af8.png
[117260b6b98341a8bc44d1cbf763ed42.png]: https://img-blog.csdnimg.cn/117260b6b98341a8bc44d1cbf763ed42.png
[0cec5c37e285437689568527e4e178b5.png]: https://img-blog.csdnimg.cn/0cec5c37e285437689568527e4e178b5.png
[a03c74cf5b72499a938372b2e9598a3b.png]: https://img-blog.csdnimg.cn/a03c74cf5b72499a938372b2e9598a3b.png
[dc2db79db5a44ff0be7f974c62063dc4.png]: https://img-blog.csdnimg.cn/dc2db79db5a44ff0be7f974c62063dc4.png
[dcc9aafd7d56457980e8ac6f63ce8f92.png]: https://img-blog.csdnimg.cn/dcc9aafd7d56457980e8ac6f63ce8f92.png