Spring MVC 详解（连接、获取参数、返回数据）

迷南。 2024-03-26 01:22 43阅读 0赞

### **在之前我们先简单那谈谈Spring、SpringBoot以及Spring MVC框架之间有什么关系？** ###

首先Spring是一个框架，SpringBoot脚手架是为了快速开发Spring框架而创造的技术。可以理解为SpringBoot又在Spring上面包了一层壳子，是基于Spring的，是为了让使用Spring更爽，其核心还是Spring。然后，Spring MVC是Spring中的一个Web框架模块，是基于Servlet API构建的。

### **那MVC又是什么呢？** ###

MVC 是Model View Controller 的首字母缩写，翻译中文就是“模型、视图、控制器”，它是一种设计模式，这种设计模式将软件（项目）分为三部分:模型、视图和控制器。

![aa6b44aec7644a74b2420638c6d5b55f.png][]

### **MVC和 Spring MVC是什么关系?** ###

MVC是一种设计思想，而Spring MVC是一个具体的实现框架。有点类似IoC和DI的关系了，IoC是一种思想，而DI是这种思想的一种具体实现。

Spring MVC是一个基于MVC设计模式和Servlet API实现的Web 项日，同时Spring MVC 又是Spring 框架中的一个WEB模块，它是随着Spring 的诞生而存在的一个框架。Spring 和 Spring MVC诞生的历史是比较久远，在它们之后才有了Spring Boot。

### **Spring MVC项目如何创建呢？** ###

基于Spring Boot框架添加一个Spring Web(它使用的就是Spring MVC）依赖，此时项目就变成了Spring MVC项目。

### **本文主要从以下三个方面进行阐述：** ###

1、实现用户和程序的映射(在浏览器输入URL地址之后，能够在程序中匹配到相应方法)。

2、服务器端获取到用户的请求参数。

3、服务器端要将结果返回给用户（前端）。

#### **1、实现用户和程序的映射** ####

##### **方法一：@RequestMapping("/ xxx")** #####

![a374f4f81ca544af853ba6ac2d2c46cb.png][]

**@RequestMapping特征:**

1、@RequestMapping 既能修饰类（(可选）也能修饰方法。

2、默认情况下@RequestMapping 既支持 POST请求方式，也支持GET请求方式。

**@RequestMapping 参数扩展**（只支持某种类型的请求方式，比如 POST、GET、PUT等类型的请求方式):

![4a88fe1d0fdb46cb9ef19405148516cd.png][]

##### **方法2:使用@PostMapping ("/xxx")** #####

![da97e601752a4b4e8d81ed15361af7b3.png][]

##### **方法3:使用@GetMapping("/xxx")** #####

![d1946961ebca49e6b017709ebdf58177.png][]

#### **2、服务器端获取到用户的请求参数** ####

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

![d4b6d143e32a4d39a5469cdcd1f3f497.png][]

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

![c3fa78d5dd00471582a6f58eef7311a7.png][]

##### 3.获取对象 #####

![492a2a383bc543889a4d92cfdd5f71d5.png][]

![f958b0f928f3419eb8e34824afffc887.png][]

**扩展功能：参数重命名**

使用@RequestParam注解，当前端传过来的参数名称与我们在后端所写的参数名字不相对应的时候，而且还不能改动前端代码的时候以及后端代码大量使用了这个名称不便修改时，这个时候往往我们可以通过参数重命名的方式来解决。

比如前端传过来的是name，而我们后端大量使用的是username：

![db02c674b2e242d481b9d418e53d99db.png][]

@RequestParam注意事项:如果在参数中添加@RequestParam注解，那么前端一定要传递此参数，否则就会报错，如果想要解决此问题，可以给@RequestParam里面添加required = false。

![ba3111372d5943f7811cb93bac975e13.png][]

##### 4.接收.JSON格式的数据 #####

使用Postman模拟发送JSON数据给服务器:

![14d9ec585ba54a2ba6939b0dbae0d13e.png][]

![ac8c04342dd84f99b566602c97851edd.png][]

##### 5.从URL地址中获取参数（不是从URL地址中的参数部分获取参数） #####

![86a7caa68b5047359af7f9b880a4a054.png][]

![ab6074b92bb343eab91222048ab66336.png][]

##### 6.上传文件 #####

在上传文件之前，先讲讲不同运行平台的配置文件设置：

1、新建不同平台的配置文件（不同平台配置文件的命名规则: application-平台.yml(properits)【必须这样命名】）

![9eda3831b3be42b39b4979493b55adc0.png][]

2、在主配置文件中设置运行的配置文件

![b7a972cbaf314c88b7a4e3a8d777d0ea.png][]

3.服务器端代码

![d5b35a082615462f8f1442d08d72fae5.png][]

4.使用Postman模拟上传文件

![4ef9c37f987e43158287ec898afbbcc8.png][]

这个时候就会在目录下面看到上传的文件了：

![f4b524a5d7704d0b88441fdd72b000bf.png][]

Spring中设置上传文件的大小：

application.properties配置：

spring.servlet.multipart.max-file-size=100MB # 单个文件
    spring.servlet.multipart.max-request-size=100MB # 单次请求，例如一个请求有多文件

application.yml配置：

spring:
        servlet:
          multipart:
            maxFileSize: 100Mb
            maxRequestSize: 1000Mb

##### 7获取Cookie #####

a) Servlet获取Cookie 的方法

![dd2cf9ca673f41b0a2d27703df98db66.png][]

![8901551a66ef4313bb2613db2f72ebb4.png][]

b)使用@Cookievalue注解实现Cookie 的读取

![a670acab28dd45b79e9d37f34aa8134f.png][]

![7b690e2bde4841049e2478f969004f94.png][]

##### 8、获取Header（请求头)里面的信息 #####

a) Servlet获取Header的方法

![f9d42ac60079408fb93fd13f7b8f3df1.png][]

![b5689e0f36374fb1b2cc788ba100c74a.png][]

b)使用@RequestHeader注解实现

![cb333b2f3eaa44e88cd9763a9de6a919.png][]

![1dfd69de92df4f348ce27552fc360138.png][]

##### 9存储和获取Session #####

存储Session: Servlet和 SpringMVC操作方式是一样的。

![59f165fa5a2d4c3c95efe7816076f23e.png][]

![be5efd85784348899b8acd0c34fc7034.png][]

获取Session方法1(Servlet 模式）:

![3218318cdf0d49308faed7f056b109d4.png][]

![b98c1f120b29417ba6100f5004e8676b.png][]

获取session方式2:@SessionAttribute

![c3f3001b46bd4346b3e9e9be76760214.png][]

![cb4b42268c624c1fb82f3a298e5fc129.png][]

#### **3、服务器端要将结果返回给用户（前端）** ####

##### **1.返回一个非静态页面的数据，使用**@ResponseBody 注解 #####

![edb4470f8afa48c18db9bff3d20384a4.png][]

@ResponseBody 可以修饰类:表示当前类中所有方法都会返回一个非静态页面的数据;可以修饰方法:表示当前方法返回的是一个非静态页面的数据。否则默认返回的是一个html页面

##### **2.使用@RestController（=Controller+ResponseBody）** #####

![7bded2a31e93420484be8dcf80e0d34d.png][]

![8f8882559a1845148f666b7b3f1c073d.png][]

##### **3.后端接受JSON数据的标准格式** #####

![5bc76013c7294b0481d69aac1969f44f.png][]

##### **4.请求重定向和请求转发** #####

请求转发（forward）实现方式1：（请求转发是服务器端帮用户实现的）

![2304c2b64a8a4010837a73ec54a2a5a8.png][]

请求转发的实现方式2：

![f1e6eb4299b447709e6c604028321912.png][]

请求重定向（redirect）的实现方式1：（重定向的请求发生在客户端（浏览器端））

![98c9cf6d36a64b4f88facd932ed27ab3.png][]

请求重定向实现方式2：

![bdc07aa42d29448ebc04281bab2fbf8d.png][]

##### 请求重定向和请求转发有什么区别？ #####

1.定义不同

2.跳转方式不同

3.数据共享不同

4.最终URL地址不同

5.代码实现不同

[aa6b44aec7644a74b2420638c6d5b55f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/be715bf480da4600b6ba49f211b619bb.png
[a374f4f81ca544af853ba6ac2d2c46cb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/c8aa769dbfa943669e2b190b92ea2e0c.png
[4a88fe1d0fdb46cb9ef19405148516cd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/c3409c03eda443139d4957ed311d6c1e.png
[da97e601752a4b4e8d81ed15361af7b3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/3db67c675ac648af83a126308d1be0dd.png
[d1946961ebca49e6b017709ebdf58177.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/42d6502e712a471aae56992948ff86e1.png
[d4b6d143e32a4d39a5469cdcd1f3f497.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/f063434a2c4f4006af767d83f3d569b4.png
[c3fa78d5dd00471582a6f58eef7311a7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/096744b7424140098f93f04c8df4b470.png
[492a2a383bc543889a4d92cfdd5f71d5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/f86d071480d84393af0d8c7b58d5466e.png
[f958b0f928f3419eb8e34824afffc887.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/951a9a57e939417a9d5b8b17caca0490.png
[db02c674b2e242d481b9d418e53d99db.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/39cd8961badd4c359db17b9355dd4abf.png
[ba3111372d5943f7811cb93bac975e13.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/f3288b7d7eda44598543f58be2f5ea01.png
[14d9ec585ba54a2ba6939b0dbae0d13e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/b18209fc5d9a4874803f3cfe7a87971d.png
[ac8c04342dd84f99b566602c97851edd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/5d99eda1ea03459fa99926d04b87caa6.png
[86a7caa68b5047359af7f9b880a4a054.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/30242d3474fb486e872cfaee09857183.png
[ab6074b92bb343eab91222048ab66336.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/0651a743c72c4a9ab4427e629302fb08.png
[9eda3831b3be42b39b4979493b55adc0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/2ec831685362497dabb7662c2313f2e4.png
[b7a972cbaf314c88b7a4e3a8d777d0ea.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/e2c00f9370874d80bed5fb03f0e6cf3d.png
[d5b35a082615462f8f1442d08d72fae5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/099a88a24263417bbcdd4a5b07d9dd82.png
[4ef9c37f987e43158287ec898afbbcc8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/037b2ea2f7c44363a185fcbda4df024a.png
[f4b524a5d7704d0b88441fdd72b000bf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/b6eb024ae7ba498081c38092fb656a6a.png
[dd2cf9ca673f41b0a2d27703df98db66.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/bca740ebd8ab4cd7adbcf3289894312d.png
[8901551a66ef4313bb2613db2f72ebb4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/6c9c6080a91c4c8091257fea57f45edd.png
[a670acab28dd45b79e9d37f34aa8134f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/c273aa078a7c4d66b5373747608dcf67.png
[7b690e2bde4841049e2478f969004f94.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/33bace19236a481ea23f423e23c49fb9.png
[f9d42ac60079408fb93fd13f7b8f3df1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/8d18dd1f91bd485f882e2b0e55820b23.png
[b5689e0f36374fb1b2cc788ba100c74a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/a96b1d4ce4964326813b1af14f0f661d.png
[cb333b2f3eaa44e88cd9763a9de6a919.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/d339fcdfeb96494b9b214dec337e7981.png
[1dfd69de92df4f348ce27552fc360138.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/73683a20a99b4299a14aa93d1accd550.png
[59f165fa5a2d4c3c95efe7816076f23e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/ef72830e7bb343aeb52c801022c62424.png
[be5efd85784348899b8acd0c34fc7034.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/498b23a9d1bd47299afb2a8ce19a7a45.png
[3218318cdf0d49308faed7f056b109d4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/76b58bc3ed394a09b66634389814d194.png
[b98c1f120b29417ba6100f5004e8676b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/162b1a63503549a48177d4c8e438a000.png
[c3f3001b46bd4346b3e9e9be76760214.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/5e04f09475334b17a1ea6fa598829b8f.png
[cb4b42268c624c1fb82f3a298e5fc129.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/831777b525804d009a6f528d9133370a.png
[edb4470f8afa48c18db9bff3d20384a4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/61881317c5e04296baadc989367000c8.png
[7bded2a31e93420484be8dcf80e0d34d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/ad279b56d6a64b86b91a8e0a18659293.png
[8f8882559a1845148f666b7b3f1c073d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/892d498247dd429fa132246ebfb66ac8.png
[5bc76013c7294b0481d69aac1969f44f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/ff2908e692434ba099bd3bde5fbf1565.png
[2304c2b64a8a4010837a73ec54a2a5a8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/59d0bf0634c44ef281943f44fb0f86dc.png
[f1e6eb4299b447709e6c604028321912.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/ed1a5a7b2ee6422497608bd2d6aac3ed.png
[98c9cf6d36a64b4f88facd932ed27ab3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/e2ffc449ad9649eb852ff58e04ce574f.png
[bdc07aa42d29448ebc04281bab2fbf8d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/83c29fa816754c41ac6787abf939ede0.png