Spring Web MVC入门（下）

1. 响应

1.1 返回静态页面

        创建前端页面，如下图所示：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Index页面</title>
</head>
<body>Hello,Spring MVC,我是Index⻚⾯
</body>
</html>

后端代码如下：

@RestController
@RequestMapping("/user")
public class ResponseController {@RequestMapping("/index")public String index() {return "/index.html";}

访问结果如下结果：

        我们发现，直接返回了一个字符串，那么就说明Spring MVC没有识别我们返回的是一个前端页面，那么怎么让它识别出来是 /index.html 文件，而不是字符串呢？就需要把注解@RestController改为@Controller，正确代码如下：

@Controller
@RequestMapping("/user")
public class UserController {@RequestMapping("/index")public String index() {return "/index.html";}
}

访问127.0.0.1:8080/user/index，我们可以得到我们想要的页面，如下所示：

1.1.1  @RestController 和 @Controller

        下面来讲解一下@RestController 和 @Controller之间的关联和区别 

         之前所说的MVC模式中后端会返回视图，这是早期的概念，但随着互联网的发展，项目流行 “前后端分离” 模式，Java主要用来做后端项目，所以也就不再处理前端相关的内容了。

        如上图，MVC也随之发生改变，View不再返回视图，而是返回显示视图所需要的数据，所以前面使用的@RestController返回的就是数据。 

@RestController = @Controller + @ResponseBody

@Controller：定义了一个控制器，Spring框架启动时加载，把这个对象交给Spring管理。

@ResponseBody：定义返回数据格式为非视图，返回一个text / html信息。

源码如下：

@Target({ElementType.TYPE})
@Retention(RetentionPolicy.RUNTIME)
@Documented
@Controller
@ResponseBody
public @interface RestController {@AliasFor(annotation = Controller.class)String value() default "";
}

         故此可知： @RestController 或 （@Controller + @ResponseBody）注解返回的是前端所需要的数据，@Controller 返回的是视图。

1.2 返回数据 @ResponseBody

        @ResponseBody 表示返回数据，代码如下：

@Controller
@RequestMapping("/user")
public class UserController {@ResponseBody@RequestMapping("/index1")public String index1() {return "/index.html";}}

        因为加上了@ResponseBody注解，所以index方法就会把 “/index.html” 当做一个数据返回给前端，浏览器页面如下：

@ResponseBody作用在类和方法的情况说明：

        @ResponseBody作用在类上，表示该类上的所有方法，返回的都是数据。

        @ResponseBody作用在方法上，表面该方法返回的是数据。

1、也就是说明在类上添加注解@ResponseBody，相当于该类上所有的方法都添加了注解@ResponseBody。

2、因为@RestController = @Controller + @ResponseBody，所以如果类上添加了注解@RestController，相当于该类的所有方法都添加了注解@RestController。

3、如果一个类里面，既要返回数据，又要返回视图，那么就使用注解@Controller添加在该类上，然后需要返回数据的方法添加注解@ResponseBody，返回视图的方法就不同管它。

         一个方法是返回视图，一个方法是返回数据，代码如下：

@Controller
@RequestMapping("/user")
public class UserController {@RequestMapping("/index")public String index() {return "/index.html";}@ResponseBody@RequestMapping("returnData")public String returnData() {return "该方法返回数据";}}

        浏览器分别访问http:127.0.0.1:8080/user/index 和http:127.0.0.1:8080/user/returnData，页面分别如下： 

         如果returnData方法删去注解@ResponseBody，代码如下：

 @RequestMapping("returnData")public String returnData() {return "该方法返回数据";}

        访问结果如下：

         404错误码，因为该类是注解@Controller修饰的，访问该类的方法默认返回的是视图，程序就会认为需要返回视图（returnData方法没加@ResponseBody注解），然后根据内容进行查找文件，但查询不到，也就是路径不存在，所以报错404。         

1.3 返回HTML代码片段

        后端返回数据时，如果数据有HTML代码，也会被浏览器解析，代码如下：

 @ResponseBody@RequestMapping("/reml")public String returnHtml() {return "<h1> Hello, HTML</h1>";}

        访问结果如下：

         通过fiddler观察Content-Type，如图：

响应中的Content-Type常见的取值：
1、text / html：body数据格式是 HTML。

2、text / css：body数据格式是 CSS。

3、application / Javascript：body数据格式是 JavaScript。

4、application / json：body数据格式是 JSON。

如果请求的是js文件，Spring MVC会自动设置Content-Type为 application / Javascript。

如果请求是css文件，Spring MVC会自动设置Content-Type为 text / css。

1.4 返回JSON

        Spring MVC也可以返回JSON，后端方法返回结果为对象（下面使用Hash对象），代码如下：

 @ResponseBody@RequestMapping("/returnJson")public HashMap<String, String> returnJson() {HashMap<String, String> map = new HashMap<>();map.put("key1", "value1");map.put("key2", "value2");map.put("key3", "value3");return map;}

        浏览器访问之后，页面如下所示：

 

        使用fidller抓包如下所示：

        由此可见返回的数据格式是json类型；

1.5 设置状态码

        Spring MVC会根据我们方法的返回结果自动设置响应状态码，我们也可以手动指定状态码，通过Spring MVC的内置对象HttpServletResponse提供的方法来进行设置。

        代码如下：

@ResponseBody@RequestMapping("/setStatus")public String setStatus(HttpServletResponse response) {response.setStatus(418);return "设置状态码成功";}

        访问浏览器页面显示如下：

 

        

        可以看到，虽然我们设置的状态码是418，但是我们的页面依旧显示了出来，所以由此可得状态码并不影响页面的展示。

        通过fiddler抓包看看，如图：

        由此可知，我们的状态码设置成功了；

1.6 设置Header

        Http响应报头也会向客户端传递一些附加信息，比如服务程序的名称，请求的资源已移动到新地址等，如：Content-Type、Local等。

        这些信息通过@RequestMapping注解的属性来实现，如下是@RequestMapping的源码：

@Target({ElementType.TYPE, ElementType.METHOD})
@Retention(RetentionPolicy.RUNTIME)
@Documented
@Mapping
@Reflective({ControllerMappingReflectiveProcessor.class})
public @interface RequestMapping {String name() default "";@AliasFor("path")String[] value() default {};@AliasFor("value")String[] path() default {};RequestMethod[] method() default {};String[] params() default {};String[] headers() default {};String[] consumes() default {};String[] produces() default {};
}

（1）value：指定映射的URL。

（2）method：指定请求的method类型，如GET，POST等。

（3）consumes：指定处理请求（request）的提交内容类型（Content-Type），例如application/json，text/html等。

（4）produces：指定返回的内容类型，仅当request请求头中的（Accept）类型中包含该指定类型才返回。

（5）Params：指定request中必须包含某些参数时，才让该方法处理。

（6）headers：指定request中必须包含某些指定的header值，才让该方法处理请求

1.6.1 设置Content-Type

        通过设置produces属性的值，可以设置响应的报头Content-Type，代码如下：

 @ResponseBody@RequestMapping(value = "/setContentType", produces = "application/json")public String returnJson2() {return "{\"ok\":101}";}

 

        只返回数据提交类型为json格式的数据才能够返回；

        可以看到Postman识别出来了响应的报头Content-Type是JSON，通过fiddler抓包观察：

         数据格式就是json格式，如果不进行设置produces，方法返回结果为String时，Spring MVC默认返回的text/html。

        设置返回类型时，也可以同步设置响应编码，代码如下：

 @ResponseBody@RequestMapping(value = "/setContentType", produces = "application/json;charset=utf-8")public String returnJson2() {return "{\"ok\":101}";}

fidller抓包如下所示： 

1.6.2 设置其他Header

        设置其他Header的话，需要使用 Spring MVC的内置对象HttpServletResponse提供的方法来进行设置。代码如下：

 @ResponseBody@RequestMapping("/setHeader")public String setHeader(HttpServletResponse response) {response.setHeader("MyHeader", "MyHeaderValue");return "设置成功";}

        访问浏览器如下所示：

        void setHeader(String name, String value) 设置一个带有给定的名称和值的header。如果name已经存在，则覆盖旧的值。

         fidller抓包如下所示： 

ps：本次的内容就到这里了，如果对你有所帮助的话，就请一键三连哦！！！

本文的封面来自：bilibili苏杉杉的pv，侵权删 url：https://www.bilibili.com/video/BV1vo4y167eh/?spm_id_from=333.999.0.0&vd_source=866da5be2ef0ddd213b053523da53138
————————————————

电子签名：上嘉路

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/402576.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

设计模式21-组合模式

设计模式21-组合模式

设计模式21-组合模式&#xff08;Composite Pattern&#xff09; 写在前面 动机定义与结构定义结构主要类及其关系 C代码推导优缺点应用场景总结补充叶子节点不重载这三个方法叶子节点重载这三个方法结论 写在前面 数据结构模式 常常有一些组件在内部具有特定的数据结构。如何…
阅读更多...
CVPR2023《DNF: Decouple and Feedback Network for Seeing in the Dark》暗光图像增强论文阅读笔记

CVPR2023《DNF: Decouple and Feedback Network for Seeing in the Dark》暗光图像增强论文阅读笔记

相关链接 论文链接 https://openaccess.thecvf.com/content/CVPR2023/papers/Jin_DNF_Decouple_and_Feedback_Network_for_Seeing_in_the_Dark_CVPR_2023_paper.pdf 代码链接 https://github.com/Srameo/DNF 摘要 RAW数据的独特属性在低光照图像增强方面展现出巨大潜力。…
阅读更多...
使用RKNN在Orange Pi 5 (RK3588s) 上部署推理PPO深度学习模型

使用RKNN在Orange Pi 5 (RK3588s) 上部署推理PPO深度学习模型

文章目录 一、前言1️⃣、Orange Pi 是什么&#xff1f;2️⃣、PPO 是什么&#xff1f;3️⃣、RKNN 是什么&#xff1f;3️⃣、ONNX 是什么&#xff1f; 二、项目简介三、部署流程1️⃣、PPO 网络结构2️⃣、PPO 输出模型&#xff0c;模型转换&#xff0c;以及对比检查3️⃣、.…
阅读更多...
ECMAScript6语法：默认参数和rest参数

ECMAScript6语法：默认参数和rest参数

1、默认参数 默认参数即在定义函数的参数列表中指定了默认值的参数。在 ES5 中&#xff0c;并没有提供在参数列表中指定参数默认值的语法&#xff0c;要想为函数的参数指定默认值&#xff0c;只能在函数体中实现&#xff0c;示例代码如下&#xff1a; function table(width, …
阅读更多...
【性能优化】使用Perfetto定位应用启动性能的瓶颈

【性能优化】使用Perfetto定位应用启动性能的瓶颈

Android应用启动优化相关的文章已经有很多人都写过了&#xff0c;但是主要都是聚焦在&#xff0c;为了启动性能都做了哪些改动上&#xff0c;少见有文章会说应该如何分析、识别应用的启动性能。 本篇文章将会结合我个人对Perfetto的实际使用经历&#xff0c;讲解车载应用的启动…
阅读更多...
前端post传入拿到数据，后端报null，并且能够添加或者编辑成功

前端post传入拿到数据，后端报null，并且能够添加或者编辑成功

检查conterller层注解接到实体类的注解是不是没加&#xff08; RequestBody &#xff09; 后端&#xff1a; 前端&#xff1a; 那么就看注解&#xff0c;因为contrller层有个接值注解&#xff08; RequestBody &#xff09;
阅读更多...
MySQL基础练习题44-只出现一次的最大数字

MySQL基础练习题44-只出现一次的最大数字

目录 题目 情况一 准备数据 分析数据 情况二 准备数据 实现一 题目 单一数字 是在 MyNumbers 表中只出现一次的数字。 找出最大的 单一数字 。如果不存在 单一数字 &#xff0c;则返回 null 。 情况一 准备数据 ## 创建库 create database db; use db;## 创建表 Cre…
阅读更多...
代码随想录算法训练营Day42||Leetcode300.最长递增子序列 、 674. 最长连续递增序列 、 718. 最长重复子数组

代码随想录算法训练营Day42||Leetcode300.最长递增子序列 、 674. 最长连续递增序列 、 718. 最长重复子数组

一、最长递增子序列 简单&#xff0c;只不过返回值不是dp数组最后一个元素了&#xff0c;自己做出来AC了 class Solution { public:int lengthOfLIS(vector<int>& nums) {vector<int>dp(nums.size()1,1);for(int i1;i<nums.size();i){for(int ji-1;j>0…
阅读更多...
自动化运维---ansible

自动化运维---ansible

ansible是一种由Python开发的自动化运维工具&#xff0c;集合了众多运维工具&#xff08;puppet、cfengine、chef、func、fabric&#xff09;的优点&#xff0c;实现了批量系统配置、批量程序部署、批量运行命令等功能。 特点: 部署简单 默认使用ssh进行管理&#xff0c;基于py…
阅读更多...
万能钥匙:解锁 C++ 模板的无限可能

万能钥匙:解锁 C++ 模板的无限可能

1.泛型编程 1.1:交换两个数(C语言) 1.2:交换两个数(C) 1.3:泛型编程 2:函数模板 2.1:函数模板的概念 2.2:函数模板的格式 ​编辑 2.3:函数模板的原理 2.4:模板的实例化 2.4.1:隐式实例化 2.4.2:显式实例化:在函数名后的<>中指定模板参数的实际类型. 2.4.2.1…
阅读更多...
Docker 部署 XXL-JOB

Docker 部署 XXL-JOB

Docker 部署 XXL-JOB 目录 引言环境准备创建 MySQL 用户并授予权限使用 Docker 部署 XXL-JOB配置 XXL-JOB验证部署总结 1. 引言 XXL-JOB 是一个开源的分布式任务调度平台&#xff0c;旨在简化定时任务的管理和调度操作。其强大的功能和灵活性&#xff0c;使其在互联网公司和…
阅读更多...
WebSocket 快速入门

WebSocket 快速入门

WebSocket是什么 WebSocket 是基于 TCP 的一种新的应用层网络协议。它实现了浏览器与服务器全双工通信&#xff0c;即允许服务器主动发送信息给客户端。因此&#xff0c;在 WebSocket 中&#xff0c;浏览器和服务器只需要完成一次握手&#xff0c;两者之间就直接可以创建持久性…
阅读更多...
谷歌开源Gemma-2 百亿参数大模型，性能超越Llama-3模型，免费使用

谷歌开源Gemma-2 百亿参数大模型，性能超越Llama-3模型，免费使用

Gemma 模型 Gemma模型是谷歌发布的一个开源模型&#xff0c;任何人都可以免费下载预训练模型&#xff0c;进行使用。而谷歌最近也发布了Gemma 2 模型&#xff0c;模型参数超过了 200 亿大官&#xff0c;果真大模型最后都是拼参数的时候吗。 Gemma 2 模型发布 Gemma 2 模型可以…
阅读更多...
使用 Python 解密加密的 PDF 文件

使用 Python 解密加密的 PDF 文件

使用 Python 进行 PDF 文件加密-CSDN博客文章浏览阅读89次&#xff0c;点赞2次&#xff0c;收藏2次。定义一个名为的函数&#xff0c;该函数接受三个参数&#xff1a;输入的 PDF 文件路径input_pdf、输出的加密 PDF 文件路径output_pdf和密码password。https://blog.csdn.net/q…
阅读更多...
Ubuntu中设置环境变量 PATH 的命令,不生效的问题“PATH=~/bin:$PATH”

Ubuntu中设置环境变量 PATH 的命令,不生效的问题“PATH=~/bin:$PATH”

1. 知识点 PATH~/bin:$PATH PATH&#xff1a;这是一个环境变量&#xff0c;用于指定操作系统在哪些目录中查找可执行文件。 ~&#xff1a;这是一个特殊的符号&#xff0c;代表当前用户的主目录。 /bin&#xff1a;这通常是存放标准实用程序&#xff08;如 ls, cp 等&#xff…
阅读更多...
为什么神经网络常常是linear+relu的堆叠

为什么神经网络常常是linear+relu的堆叠

特征提取&#xff1a;每一层的线性变换可以看作是在提取输入数据的不同特征。通过堆叠多个这样的层&#xff0c;网络能够学习从原始数据中提取越来越复杂的特征表示非线性关系&#xff1a;单个神经元的线性变换是线性的&#xff0c;但通过引入非线性激活函数&#xff08;例如Re…
阅读更多...
【vue讲解：vue3介绍、setup、ref、reactive、监听属性、生命周期、toRef、setup写法】

【vue讲解：vue3介绍、setup、ref、reactive、监听属性、生命周期、toRef、setup写法】

1 vue3介绍 # Vue3的变化-vue3完全兼容vue2---》但是vue3不建议用vue2的写法-拥抱TypeScript-之前咱们用的JavaScript---》ts完全兼容js- 组合式API和配置项APIvue2 是配置项apivue3 组合式api# vue4必须要用2 vue3项目创建和启动 # 创建vue3项目-vue-cli 官方不太建议用了…
阅读更多...
C语言典型例题40

C语言典型例题40

《C程序设计教程&#xff08;第四版&#xff09;——谭浩强》 题目 例题3.8 运输公司对用户计算运费。路程&#xff08;以s表示&#xff0c;单位为千米&#xff09;&#xff0c;吨/千米运费越低。标准如下&#xff1a; s<250 没…
阅读更多...
深度学习中的模型架构详解

深度学习中的模型架构详解

在自然语言处理&#xff08;NLP&#xff09;领域&#xff0c;模型架构的不断发展极大地推动了技术的进步。从早期的循环神经网络&#xff08;RNN&#xff09;到长短期记忆网络&#xff08;LSTM&#xff09;、再到卷积神经网络&#xff08;TextCNN&#xff09;和Transformer&…
阅读更多...
完美解决html2canvas + jsPDF导出pdf分页内容截断问题

完美解决html2canvas + jsPDF导出pdf分页内容截断问题

代码地址&#xff1a;https://github.com/HFQ12333/export-pdf.git html2canvas jspdf方案是前端实现页面打印的一种常用方案&#xff0c;但是在实践过程中&#xff0c;遇到的最大问题就是分页截断的问题&#xff1a;当页面元素超过一页A4纸的时候&#xff0c;连续的页面就会…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023