Spring MVC详解(学习总结)

悠悠 2023-09-28 13:23 170阅读 0赞

####  ####

*  一、Sprig MVC简介
 *   *  1.1介绍
     *  1.2MVC是什么
 *  二、Spring MVC实现原理
 *   *  2.1核心组件
     *  2.2工作流程
 *  三、第一个Spring MVC
 *  四、常用注解
 *  五、参数绑定
 *   *  5.1URL风格参数绑定
     *  5.2RESTful风格的URL参数获取
     *  5.3映射Cookie
     *  5.4使用POJO绑定参数
     *  5.5JSP页面的转发和重定向
 *  六、Spring MVC数据绑定
 *   *  6.1基本数据类型
     *  6.2包装类
     *  6.3数组类型
     *  6.4POJO(java对象)
     *  6.5List
     *  6.6JSON
 *  七、Spring MVC视图层解析
 *   *  7.1业务数据绑定到request域对象
     *   *  7.1.1Map
         *  7.1.2 Model
         *  7.1.3ModelAndView
         *  7.1.4 Servlet的API
         *  7.1.5@ModelAttribute
     *  7.2业务数据绑定到Session域对象
     *   *  7.2.1使用原生的Servlet API
         *  7.2.2@SessionAttribute
 *  八、 Spring MVC自定义数据类型转换器
 *  九、Spring MVC和RESTful的集成
 *   *  9.1初识RESTful
     *  9.2RESTful的特点
     *  9.3HiddenHttpMethodFilter的实现原理
     *  9.4Spring MVC和RESTful整合
 *  十、文件的上传下载
 *   *  10.1文件上传
     *   *  10.1.1单文件上传
         *  10.1.2多文件上传
     *  10.2文件下载
 *  十一、拦截器
 *   *  11.1过滤器、监听器、拦截器的对比
     *  11.2拦截器基本概念
     *  11.3拦截器的实现
     *  11.4多个拦截器的实现

文章是看楠哥的视频做的总结，自己还查阅了一些资料，文章也加了自己的总结，这篇博客可以帮助大家入门，还有一些知识大家如果用到的话可以到时候再去学习一下，我写这篇主要是为了方便后面复习。  
![在这里插入图片描述][934c311f98034272bdd536f3bfcf41aa.png]

## 一、Sprig MVC简介 ##

### 1.1介绍 ###

Spring MVC是Spring Framework提供的Web组件，全称是Spring Web MVC,是目前主流的实现MVC设计模式的框架，提供前端路由映射、视图解析等功能

Java Web开发者必须要掌握的技术框架

### 1.2MVC是什么 ###

MVC是一种软件架构思想，把软件按照模型，视图，控制器来划分  
Model:模型层，指工程中的JavaBean，用来处理数据  
JavaBean分成两类：

*  一类称为实体类Bean:专门用来存储业务数据，比如Student,User
 *  一类称为业务处理Bean:指Servlet或Dao对象，专门用来处理业务逻辑和数据访问  
    View:视图层，指工程中的html,jsp等页面，作用是和用户进行交互，展示数据  
    Controler:控制层，指工程中的Servlet,作用是接收请求和响应浏览器
 *  流程：
    
     *  用户通过视图层发送请求到服务器，在服务器中请求被Controller接收
     *  Controller调用相应的Model层处理请求，处理完毕后结果返回到Controller
     *  Controller再根据请求处理的结果找到对应的View视图，渲染数据后最终响应给浏览器  
        ![在这里插入图片描述][f2206b40e1ce41759e606a1baa666f46.png]  
        Spring MVC对这套MVC流程进行封装，帮助开发者屏蔽底层细节，并且开放出相关接口供开发者调用，让MVC开发更简单方便  
        ![在这里插入图片描述][9dd9beda3bfa4049bdad5170da7723ef.png]

![在这里插入图片描述][efbbebb3869547049e62b68fe5af11c0.png]

## 二、Spring MVC实现原理 ##

### 2.1核心组件 ###

*  DispatcherServlet:前置控制器，负责**调度其他组件的执行**，可以降低不同组件之间的耦合性，是整个Spring MVC的核心模块
 *  Handler:处理器，完成具体的业务逻辑，**相当于Servlet**
 *  HandlerMapping:DispatcherServlet是通过 HandlerMapping把**请求映射到不同的Handler**
 *  HandlerInterceptor:处理器拦截器，是一个接口，如果我们需要进行一些**拦截处理**，可以通过实现该接口完成
 *  HandlerExecutionChain:处理器执行链，包括两部分内容:**Handler和HandlerInterceptor**(系统会有一个默认的HandlerInterceptor,如果有额外拦截处理，可以添加拦截器进行设置)
 *  HandlerAdapter:处理器适配器，Handler执行业务方法之前，需要进行一系列的操作包括**表单的数据验证、数据类型转换、把表单数据封装到POJO等**，这些一系列的操作都是由HandlerAdapter完成，**DispatcherServlet通过HandlerAdapter执行不同的Handler**
 *  ModelAndView:封装了模型数据和视图信息，作为Handler的处理结果，返回给DispatcherServlet
 *  ViewResolver:**视图解析器**,DispatcherServlet通过它把逻辑视图解析为物理视图，最终把渲染的结果响应给客户端

### 2.2工作流程 ###

1.  客户端请求被DispatcherServlet接收
2.  根据HandlerMapping映射到Handler
3.  生成Handler和HandlerInterceptor
4.  Handler和HandlerInterceptor以HandlerExecutionChain的形式一并返回给DispatcherServlet
5.  DispatcherServlet通过HandlerAdapter调用Handler的方法完成业务逻辑处理
6.  返回一个ModelAndView对象给DispatcherServlet
7.  DispatcherServlet把获取的ModelAndView对象传给ViewResolver视图解析器，把逻辑视图解析成物理视图
8.  ViewResolver返回一个View进行视图渲染(把模型填充到视图中)
9.  DispatcherServlet把渲染后的视图响应给客户端  
    ![在这里插入图片描述][b999b0e6f81d4151b59fda136687e58e.png]

## 三、第一个Spring MVC ##

1.  创建maven改成工程,pom.xml加入Spring MVC的依赖![在这里插入图片描述][5077695cbaed4fac91e462812920b32c.png]![在这里插入图片描述][2dc6f822c0624b7081217fd07fd77575.png]  
    ![在这里插入图片描述][10931fb602a34b0f9b857a41286559f7.png]  
    ![在这里插入图片描述][f09ef86d7b244ad2b4617024f478bca4.png]  
    ![在这里插入图片描述][f1f179a36627415583a56412a82f3965.png]  
    ![在这里插入图片描述][894be07d89a34f76a91f1dcee9172a71.png]  
    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>org.example</groupId>
      <artifactId>SpringMVC</artifactId>
      <version>1.0-SNAPSHOT</version>
      <packaging>war</packaging>
    
      <name>SpringMVC 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>
      </properties>
    
      <dependencies>
        <dependency>
          <groupId>junit</groupId>
          <artifactId>junit</artifactId>
          <version>4.11</version>
          <scope>test</scope>
        </dependency>
    
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-webmvc</artifactId>
          <version>5.3.19</version>
        </dependency>
    
      </dependencies>
    
    
    </project>

<dependency>
                <groupId>org.springframework</groupId>
                <artifactId>spring-webmvc</artifactId>
                <version>5.3.19</version>
            </dependency>

1.  在web.xml中配置Spring MVC的DispatcherServlet  
    首先在项目中创建java和resources的目录  
    ![在这里插入图片描述][2f3cd779629c45679baa5dddbce22222.png]  
    在resources目录中添加springmvc.xml

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
          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">
    
    </beans>

然后在web.xml 配置Spring MVC的DispatcherServlet

<!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>

拦截请求其实就是说，只要是符合这个URL的请求都会进入到Spring MVC中去看看有没有对应的Handler./不会拦截.jsp的路径，但是会拦截.html等静态资源  
![在这里插入图片描述][00f3ba7073b8475ebb293898081e9697.png]  
![在这里插入图片描述][cd392cc6b8fc4f9c93201993c9e296ff.png]

*  DispatcherServlet是Spring MVC提供的核心控制器，这个一个Servlet程序，该Servlet程序会接收所有请求
 *  核心控制器会读取一个springmvc.xml配置，加载Spring MVC的核心配置
 *  配置/代表拦截所有请求
 *  代表在项目启动时实例化DispathcerServlet，如果没有配置，则在第一次访问Servlet时进行实例化

3.springmvc.xml进行配置

1.  创建Controller控制器Handler，在里面编写接收参数，调用业务方法，返回视图页面等逻辑

@Controller
    public class HelloHandler {
        
        /**
         * 当客户端访问index请求时
         * 直接自动关联到这个方法
         * 执行这个方法后，会返回结果
         * @return
         */
        @RequestMapping("/index")
        public String index(){
        
            System.out.println("接收到了请求");
            //返回逻辑视图 逻辑视图相当于视图的别名 通过这个找到物理视图，也就是真正的视图
            //这里返回的只是页面的名称，不是完整的页面访问路径
            return "index";
        }
    }

@Controller注解是为了让Spring IOC容器初始化时自动扫描到该Controller类；@RequestMapping是为了映射请求路径，这里因为类与方法上都有映射所以访问时应该是/；方法返回的结果是视图的名称index，该名称不是完整页面路径，最终会经过视图解析器解析为完整页面路径并跳转。  
配置Tomcat  
![在这里插入图片描述][5919a07baa724aa5a6393e50a05a47e6.png]  
![在这里插入图片描述][f5f4612b5f6b4a8682947d77bb3d7e0c.png]  
5. 测试  
![在这里插入图片描述][f0d054b81c9f4baa803e9207059e9933.png]  
![在这里插入图片描述][0382a3c4309a46fea7342bf3ba5bd671.png]  
![在这里插入图片描述][de0de0feceda41fca241b026e4ad0e60.png]  
流程梳理

1.  DispatcherServlet接收到URL请求index,结合@RequestMapping(“/index”)注解把该请求交给index业务方法进行处理
2.  执行index业务方法，控制台打印日志，并且返回"index"字符串(逻辑视图).
3.  结合springmvc.xml中的视图解析器配置，找到目标资源:/index.jsp,即根目录下的index.jsp文件，把该JSP资源返回给客户端完成响应。

Spring MVC搭建成功

![在这里插入图片描述][49ecc3b542eb44648708a1dc3cc95641.png]

## 四、常用注解 ##

@RequestMapping

> Spring MVC通过@RequestMapping注解把URL请求和业务方法进行映射，在控制器的类定义处以及方法定义处都可以添加@RequestMapping,在类定义处添加相当于多了一层访问路径  
> ![在这里插入图片描述][6d4b7a435cc645dead05b92a474ccb35.png]  
> @RequestMapping常用参数
> 
>  *   value:指定URL请求的实际地址，是@RequestMapping的默认值  
>     ![在这里插入图片描述][69cd2732b47f47e28c964a0b388504a9.png]
>  *  method:指定请求的method类型，包括GET、POST、PUT、DELETE等

@RequestMapping(value = "/index",method = RequestMethod.POST)
        public String index(){
        
            System.out.println("接收到了请求");
            //返回逻辑视图 逻辑视图相当于视图的别名 通过这个找到物理视图，也就是真正的视图
            //注意：这里返回的只是页面名称，不是完整的页面访问路径
            return "index";
        }

> 上述代码表示只有POST请求可以访问该方法，如果使用其他请求访问的话，直接抛出异常，比如GET请求  
> ![在这里插入图片描述][a4fd4934a0a44f1d9966777ae8d1651f.png]
> 
>  *  params:指定request请求中必须包含的参数值，如果不包含的话，就无法调用该方法  
>     ![在这里插入图片描述][332bc8e6979042e5a492c9a9923ea5a9.png]

## 五、参数绑定 ##

![在这里插入图片描述][afe860f2b65d41e2ba476439fe18db32.png]

### 5.1URL风格参数绑定 ###

params是对URL请求参数进行限制，不满足条件的URL无法访问该方法，需要在业务方法中获取URL的参数值。

1.  在业务方法定义时声明参数列表
2.  给参数列表添加@RequestParam注解进行绑定

![在这里插入图片描述][73d829eb2f754705a1f7027172016a67.png]

![在这里插入图片描述][8c5bd55dabc141f5bdd5ece60b4251e8.png]  
![在这里插入图片描述][77f3a13d4469459f8d2943256d66e6c3.png]

![在这里插入图片描述][dda411cd256b47d294140c3948240b3d.png]  
Spring MVC可以自动完成数据类型转换，该工作是由HandlerAdapter来完成的

### 5.2RESTful风格的URL参数获取 ###

*  传统的URL：localhost:8080/hello/index?id=1&name=tom
 *  RESTful URL:localhost:8080/hello/index/1/tom

@RequestMapping("/restful/{id}/{name}")
        public String restful(@PathVariable("id") Integer num, @PathVariable("name") String name){
        
            System.out.println(num+"-"+name);
            return "index";
        }

![在这里插入图片描述][5b159ecfc3214a328f75bef178c881f2.png]

### 5.3映射Cookie ###

@RequestMapping("/cookie")
        public String getCookie(@CookieValue("JSESSIONID") String sessionId){
        
            System.out.println(sessionId);
            return "index";
        }

![在这里插入图片描述][08cd11315ce64207a5c7606db7c01c22.png]

### 5.4使用POJO绑定参数 ###

Spring MVC会根据请求参数名和POJO属性名进行匹配，自动为该对象填充属性值，并且支持属性级联  
首先创建实体类  
![在这里插入图片描述][aaedf74748a94c71a65300e42c12b01f.png]  
为了方便测试，写一个addUser.jsp页面

<%--
      Created by IntelliJ IDEA.
      User: 17614
      Date: 2022-07-04
      Time: 21:01
      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>
    <form action="/hello/add" method="post">
        <table>
            <tr>
                <td>编号:</td>
                <td>
                    <input type="text" name="id">
                </td>
            </tr>
            <tr>
                <td>姓名:</td>
                <td>
                    <input type="text" name="name">
                </td>
            </tr>
            <tr>
                <td>
                    <input type="submit" value="提交">
                </td>
            </tr>
        </table>
    
    
    </form>
    
    </body>
    </html>

然后在Handler中，编写相关方法  
![在这里插入图片描述][83f80e044664420a8c9ceea2cb53d499.png]

启动Tomcat服务器  
![在这里插入图片描述][ec5fcbfa953b4acbaddcafd63ee65f36.png]

结果发现出现乱码问题  
![在这里插入图片描述][295f487e35db48aa8ff1ba6a99b0221b.png]  
为了解决这个问题，我们只需要在web.xml配置文件中配置过滤器就可以了

<filter>
        <filter-name>encodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
          <param-name>encoding</param-name>
          <param-value>UTF-8</param-value>
        </init-param>
      </filter>
      <filter-mapping>
        <filter-name>encodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
      </filter-mapping>

![在这里插入图片描述][4fa6f35c568b4c4b8e8098099ef004e2.png]

![在这里插入图片描述][cce5ada736a544998e5491a0843bf808.png]  
接下来看看属性级联是如何操作  
![在这里插入图片描述][cb264f67270e4d67a3ed3ef7a72cf0b6.png]  
addUser.jsp

<%--
      Created by IntelliJ IDEA.
      User: 17614
      Date: 2022-07-04
      Time: 21:01
      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>
    <form action="/hello/add" method="post">
        <table>
            <tr>
                <td>编号:</td>
                <td>
                    <input type="text" name="id">
                </td>
            </tr>
            <tr>
                <td>姓名:</td>
                <td>
                    <input type="text" name="name">
                </td>
            </tr>
            <tr>
                <td>地址编号:</td>
                <td>
                    <input type="text" name="address.code">
                </td>
    
            </tr>
            <tr>
                <td>地址信息:</td>
                <td>
                    <input type="text" name="address.value">
                </td>
            </tr>
            <tr>
                <td>
                    <input type="submit" value="提交">
                </td>
            </tr>
        </table>
    
    
    </form>
    
    </body>
    </html>

![在这里插入图片描述][88b5a8ed372e43c28c000292b8dd158f.png]  
![在这里插入图片描述][8a75e65027b34ec7b72717f3f98c8e6e.png]  
主体对象可以没有无参构造器，但是级联对象必须要有无参构造器

### 5.5JSP页面的转发和重定向 ###

Spring MVC默认是通过转发的形式响应JSP，可以手动进行修改

比如，我们想把它改成**重定向**的话  
![在这里插入图片描述][7c745b659b1241ceaab39e4506486e35.png]  
![在这里插入图片描述][1948ddba399c4bcdb15d869b8051e958.png]  
![在这里插入图片描述][92bdf676e4aa4b40b5d27b1d2c3af002.png]  
设置重定向的时候不能写逻辑视图，必须写明资源的物理路径，比如"rediect:/index.jsp"  
**转发**  
![在这里插入图片描述][72bd04c4122a43a3aef6eb6df00b090d.png]  
我们可以看到地址栏没变

## 六、Spring MVC数据绑定 ##

*  数据绑定：在后台业务方法中，直接获取前端HTTP请求中的参数
 *  HTTP请求传输的参数都是String类型的，Handler业务方法中的参数是开发者指定的参数类型，比如int,Object，所以需要进行数据类型的转换
 *  Spring MVC的HandlerAdapter组件会在执行Handler业务方法之前，完成参数的绑定，开发者直接使用即可  
    ![在这里插入图片描述][cb576f84a14347adabd58d4722922965.png]  
    ![在这里插入图片描述][e97841233e874f66a4306045611943d4.png]

### 6.1基本数据类型 ###

@RequestMapping("/baseType")
    @ResponseBody
        public String baseType(int id){
        
            return "id:"+id;
        }

客户端HTTP请求中必须包含id参数，否则抛出500异常，因为id不能为null

![在这里插入图片描述][340bc15a455e4b13af1d9878b39032cf.png]  
同时id的值必须为数值，而且必须为整数，否则抛出400异常  
![在这里插入图片描述][82f0e15c16ce41a2912b201ade82aa5f.png]

### 6.2包装类 ###

@RequestMapping("/packageType")
        @ResponseBody
        public String packageType(Integer id){
        
            return "id:"+id;
    
        }

如果HTPP请求中没有包含id参数，不会报错，id的值就是null，会直接返回id:null给客户端，但是如果id=a,或者id=1.2,同样会抛出**400异常**，因为**数据类型无法转换**  
![在这里插入图片描述][0e7ce786647e488883c5e8b383369952.png]  
![在这里插入图片描述][4410e28687974470b8afeb9b4473f056.png]  
![在这里插入图片描述][b0717ca3f8594edb8e65f99aa5bae7c5.png]  
![在这里插入图片描述][0df0ba37ce4d4f56b6d7801f4c41c0b5.png]  
![在这里插入图片描述][7b5587897032482a949900cccf04fab7.png]

*  value=“id”:把HTTP请求中名字为id的参数和Handler业务方法中的形参进行映射
 *  required：true表示id参数必须填，false表示非必填
 *  defaultValue=“0”:表示当HTTP请求中没有id参数的时候，形参的默认值是0

### 6.3数组类型 ###

@RequestMapping("/arrayType")
        @ResponseBody
        public String arrayType(String[] names){
        
            StringBuffer buffer = new StringBuffer();
            for (String str:names){
        
                buffer.append(str).append(" ");
            }
            return "names:"+buffer.toString();
        }

![在这里插入图片描述][31a10428755f4a9ea35d6aa1449cfbe5.png]

### 6.4POJO(java对象) ###

public class User {
        
        private Integer id;
        private String name;
        private Address address;
    
        @Override
        public String toString() {
        
            return "User{" +
                    "id=" + id +
                    ", name='" + name + '\'' +
                    ", address=" + address +
                    '}';
        }
    
        public Address getAddress() {
        
            return address;
        }
    
        public void setAddress(Address address) {
        
            this.address = address;
        }
    
        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 class Address {
        
        private Integer code;
        private String value;
    
        public Integer getCode() {
        
            return code;
        }
    
        public void setCode(Integer code) {
        
            this.code = code;
        }
    
        public String getValue() {
        
            return value;
        }
    
        public void setValue(String value) {
        
            this.value = value;
        }
    
        @Override
        public String toString() {
        
            return "Address{" +
                    "code=" + code +
                    ", value='" + value + '\'' +
                    '}';
        }
    }

<%--
      Created by IntelliJ IDEA.
      User: 17614
      Date: 2022-07-04
      Time: 21:01
      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>
    <form action="/hello/add" method="post">
        <table>
            <tr>
                <td>编号:</td>
                <td>
                    <input type="text" name="id">
                </td>
            </tr>
            <tr>
                <td>姓名:</td>
                <td>
                    <input type="text" name="name">
                </td>
            </tr>
            <tr>
                <td>地址编号:</td>
                <td>
                    <input type="text" name="address.code">
                </td>
    
            </tr>
            <tr>
                <td>地址信息:</td>
                <td>
                    <input type="text" name="address.value">
                </td>
            </tr>
            <tr>
                <td>
                    <input type="submit" value="提交">
                </td>
            </tr>
        </table>
    
    
    </form>
    
    </body>
    </html>

![在这里插入图片描述][69c4587b79104fb0b8351edda1d0b08c.png]  
我们如果希望直接把User对象返回给浏览器展示的话  
![在这里插入图片描述][5e1d94b4f4c147d48ef9f876e6d0fc45.png]  
![在这里插入图片描述][3d67cf5adb12442fbc0c315d90e0cffe.png]  
我们可以在springmvc.xml中添加一个消息转换器把中文乱码解决掉  
前后端转换的数据称为消息  
解决响应时乱码问题，springmvc.xml中配置转换器即可  
![在这里插入图片描述][9266c32135704918a66ac9d2f576f6c1.png]  
总结一下关于乱码的问题  
![在这里插入图片描述][dbaa5bd8982b4890ab66928a575c1feb.png]

### 6.5List ###

Spring MVC不支持List类型的直接转换，需要包装成Object

public class UserList {
        
        private List<User> userList;
    
        public List<User> getUserList() {
        
            return userList;
        }
    
        public void setUserList(List<User> userList) {
        
            this.userList = userList;
        }
    }

@RequestMapping("/listType")
        @ResponseBody
        public String listType(UserList userList){
        
            StringBuffer buffer = new StringBuffer();
            for (User user:userList.getUserList()){
        
                buffer.append(user);
            }
            return "用户:"+buffer.toString();
        }

为了方便测试，我们要写一个表单  
addList.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <form action="/hello/listType" method="post">
            用户1id:<input type="text" name="userList[0].id"><br>
            用户1姓名:<input type="text" name="userList[0].name"><br>
            用户2id:<input type="text" name="userList[1].id"><br>
            用户2姓名:<input type="text" name="userList[1].name"><br>
            用户3id:<input type="text" name="userList[2].id"><br>
            用户3姓名:<input type="text" name="userList[2].name"><br>
            <input type="submit" value="提交">
        </form>
    
    </body>
    </html>

接下来进行测试  
![在这里插入图片描述][7f492baa153549dead42f35c2db20575.png]  
![在这里插入图片描述][0590503885f4453198941e0d641ea464.png]  
注意：User类一定要有无参构造，否则抛出异常

### 6.6JSON ###

*  JSON数据必须用JSON.stringfy()方法转换成字符串
 *  contentType:"application/json;charset=UTF-8"不能省略
 *  @RequestBody注解
    
     *  读取HTTP请求参数，通过Spring MVC提供的HttpMessageConverter接口把读取的参数转换为JSON、XML格式的数据，绑定到业务方法的形参
     *  需要使用组件结合@RequestBody注解把JSON转为JavaBean，这里使用FastJson，其优势是如果属性为空，就不会将其转为JSON
 *  @ResponseBody注解
    
     *  把业务方法返回的对象，通过HttpMessageConverter接口转为指定格式的数据，JSON、XML等，响应给客户端

因为要用到jQuery，所以，先把相关代码写进来，因为代码很长，我这边就不展示出来了  
![在这里插入图片描述][8fda368a54de478a816b0df999ec7ff3.png]  
为了测试jQuery代码能不能使用，写一个json.jsp,然后在jsp中引入进来，写一个简单的代码测试一下  
![在这里插入图片描述][fe10c36d531c44d384b9b4bcbee2c60c.png]

启动服务器  
如果，访问的时候，能够弹框123，说明jQuery可以使用，否则说明无法使用  
![在这里插入图片描述][464794788d674fd69a72109e36a9892d.png]  
我们可以看到并没有弹窗，说明应该是哪里出了问题，jsp代码没有问题，问题应该是jQuery没有引进来，我们可以在浏览器用F12，检查一下

![在这里插入图片描述][4db6a5a0a1434517afc987516b67bed1.png]  
发现json.jsp没有问题，问题出在jQuery上面，报500错误  
![在这里插入图片描述][9a9a0c81ec8443acaecbd0428834ea25.png]  
![在这里插入图片描述][a47e86165c004473a339479e8aaeafed.png]  
![在这里插入图片描述][146da38704664c78b07e732241d3d37c.png]

分析一下原因，因为我们刚开始在web.xml中，配置的是所有的请求都会被DispatcherServlet拦截映射，但是现在我们访问的是实际存在的资源，逻辑请求需要映射，但是物理请求是不需要映射的。这个时候，它会把我们的物理请求也进行映射，在配置文件加上下面的代码就可以了

<servlet-mapping>
        <servlet-name>default</servlet-name>
        <url-pattern>*.js</url-pattern>
      </servlet-mapping>

![在这里插入图片描述][85bcd45d01e244f198e53c3bfb9772be.png]  
解决好上面的问题后，我们就可以开始写代码了  
![在这里插入图片描述][c5a7f820d52e4672bfee19c31c585d93.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
        <script type="text/javascript">
            $(function(){
          
                var user = {
          
                    "id":1,
                    "name":"张三"
                };
                $.ajax({
          
                    url:"/hello/jsonType",
                    data:JSON.stringify(user),
                    type:"POST",
                    contentType:"application/json;charset=UTF-8",
                    dataType:"text",
                    success:function(data){
          
                        alert(data.id)
                        alert(data.name)
                    }
                })
            })
        </script>
    </body>
    </html>

![在这里插入图片描述][989c299fdbcb4322a1ce57a8cee85917.png]  
我们发现出错了，打断点发现此时Ajax请求没有进入到我们刚刚写的方法。  
因为我们现在传的参数是json格式的，json格式就需要我们在后端把json格式解析成Java对象，这里我们仅仅加上@RequestBody注解是不够的，我们需要借助第三方工具把json解析成Java对象，这里用到的工具是fastjson,所以我们要在pom.xml中，把相关依赖导入进来

<dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>fastjson</artifactId>
        <version>1.2.75</version>
    </dependency>

导入进来后，还需要在springmvc的配置文件中进行配置  
![在这里插入图片描述][7c1167e1d6954b0080e3fecc4c70ef13.png]  
springmvc.xml配置

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xmlns:context="http://www.springframework.org/schema/context"
           xmlns:mvc="http://www.springframework.org/schema/mvc"
           xsi:schemaLocation="http://www.springframework.org/schema/beans
           http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd">
        
        <context:component-scan base-package="com.zyh.controller"></context:component-scan>
    
        
        <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
            
            
            <property name="prefix" value="/"></property>
            
            <property name="suffix" value=".jsp"></property>
        </bean>
         <mvc:annotation-driven>
             
             <mvc:message-converters>
                 <bean class="org.springframework.http.converter.StringHttpMessageConverter">
                     <property name="supportedMediaTypes" value="text/html;charset=UTF-8"></property>
                 </bean>
                 
                 <bean class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter"></bean>
             </mvc:message-converters>
         </mvc:annotation-driven>
    
    </beans>

![在这里插入图片描述][1a5a3a65a33b436aad5780346b51d1c8.png]  
![在这里插入图片描述][fbe4f56075c84298b3913aa7f490ed3f.png]

![在这里插入图片描述][beab5bdf91e84728a4bc73443574312b.png]  
![在这里插入图片描述][7d9bb58ba0cc483bb0b45a533aaa5a9f.png]

![在这里插入图片描述][9ded6f4ad336406599e802cbd7eb6cb2.png]

## 七、Spring MVC视图层解析 ##

调用Web资源给域对象传值

*  page
 *  request
 *  session
 *  application

业务数据的绑定是指把业务数据绑定给JSP域对象，业务数据的绑定是由**ViewResolver**来完成的，开发时，我们先添加业务数据，再交给ViewResolver来绑定，我们重点是学习如何添加业务数据，Spring MVC提供了下面几种方式来添加业务数据：

*  Map
 *  Model
 *  ModelAndView
 *  @SessionAttribue
 *  @ModelAttribute
 *  Servlet的API

### 7.1业务数据绑定到request域对象 ###

#### 7.1.1Map ####

Spring MVC在调用业务方法之前会先创建一个隐含对象作为业务数据的存储容器，设置业务方法的入参为Map类型，Spring MVC会把隐含对象的引用传递给入参  
![在这里插入图片描述][4fa256dab70f4d3f9702a4ca05c9cc89.png]  
![在这里插入图片描述][6dfa0d256a114756bba856fafc447282.png]

#### 7.1.2 Model ####

Model和Map类似，业务方法通过入参来完成业务数据的绑定  
![在这里插入图片描述][ec2300998014463e9adccf9be69584cc.png]

#### 7.1.3ModelAndView ####

和Map,Model不同的是，ModelAndView不仅包含业务数据，同时也封装了视图信息，如果使用ModelAndView来处理业务数据，业务方法的返回值必须是ModelAndView对象

业务方法中对ModelAndView进行两个操作：

*  填充业务数据
 *  绑定视图信息

第一种方式  
![在这里插入图片描述][5088f3ba06fa471c850e83ca2a980aaf.png]  
第二种方式  
![在这里插入图片描述][98f49e58ddc04dbbb5d07750578935a3.png]  
第三种方式  
![在这里插入图片描述][7664248886b44eaea66e2309a93e2d38.png]  
第四种方式  
![在这里插入图片描述][3bf5484f21c34cc4b4899d44d828a8e4.png]  
第五种方式  
![在这里插入图片描述][b213b980e0f4404bac3cc2f485e60b59.png]

#### 7.1.4 Servlet的API ####

Spring MVC可以在业务方法种直接获取Servlet原生Web资源，只需要在方法定义时添加HttpServletRequest输入参数就可以，在方法体种直接使用request对象  
先在pom.xml导入相关依赖

<dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>servlet-api</artifactId>
          <version>2.5</version>
        </dependency>

![在这里插入图片描述][56a01c891e7e48a686640d77e492938e.png]

#### 7.1.5@ModelAttribute ####

Spring MVC还可以通过@ModelAttribute注解的方式添加业务数据，具体使用步骤如下：

*  定义一个方法，这个方法用来填充到业务数据中的对象
 *  给该方法添加@ModelAttribute注解，不是响应请求的业务方法
 *  @ModelAttribute注解的作用，将请求参数绑定到Model对象。被@ModelAttribute注释的方法会在Controller每个方法执行前被执行（如果在一个Controller映射到多个URL时，要谨慎使用）。

![在这里插入图片描述][a1182c837a43445c852494b0dfe188f7.png]  
@ModelAttribute的作用是当Handler接收到一个客户端请求以后，不管调用哪一个业务方法，都会优先调用被@ModelAttribute注解修饰的方法,并且把其返回值作为业务数据，再到业务方法，此时业务方法只需要返回视图信息就可以了，不需要返回业务数据，即使返回业务数据，也会被@ModelAttribute注解修饰的方法返回的数据所覆盖

域中的对象以key-value的形式存储，此时key默认值是业务数据所对应的类的类名首字母小写以后的结果  
如果getUser没有返回值，则必须手动在该方法中填充业务数据，使用Map或者Model均可。

@ModelAttribute
    public void getUser(Model model){
        
    	User user=new User();
    	user.setId(1);
    	user.setName("张三");
    	model.addAttribute("user",user);
    }

![在这里插入图片描述][1fa9d1d341ef4d3ebd0a824a7849a828.png]

### 7.2业务数据绑定到Session域对象 ###

#### 7.2.1使用原生的Servlet API ####

![在这里插入图片描述][cfd51074f638455f85ff587dd5e07f20.png]

#### 7.2.2@SessionAttribute ####

@SessionAttribute这个注解不是给方法添加的，而是给类添加的  
![在这里插入图片描述][fc1484cbc2214dcdb51826bc2dde2a98.png]  
@SessionAttributes除了可以通过key值绑定，也可以通过业务数据的数据类型进行绑定

@Controller
    @SessionAttributes(type=User.class)
    public class ViewHandler{
        
    	...
    }

![在这里插入图片描述][def77906bdd44bf98e6df220264fff6f.png]  
@SessionAttributes可以同时绑定多个业务数据

@Controller
    @SessionAttributes(type={
        User.class,Address.class})
    public class ViewHandler{
        
    	...
    }

或者

@Controller
    @SessionAttributes(value={
        "user","address"})
    public class ViewHandler{
        
    	...
    }

## 八、 Spring MVC自定义数据类型转换器 ##

`Spring MVC默认情况下可以对基本类型进行类型转换`，例如可以将String转换为Integer,Double,Float等。但是Spring MVC并不能转换日期类型（java.util.Date），如果希望把字符串参数转换为日期类型，必须自定义类型转换器  
![在这里插入图片描述][abe6370d7cd04d5f926769f1bbd950d7.png]  
1.创建DateConverter类，并且实现org.springframework.core.convert.converter.Converter接口，这样它就成为了一个自定义数据类型转换器，需要指定泛型<String,Date>,表示把String类型转为Date类型

public class DateConverter implements Converter<String, Date> {
        
    
        private String pattern;
    
        public DateConverter(String pattern) {
        
            this.pattern = pattern;
        }
    
        @Override
        public Date convert(String s) {
        
            SimpleDateFormat simpleDateFormat = new SimpleDateFormat(this.pattern);
            try {
        
                return simpleDateFormat.parse(s);
            } catch (ParseException e | java.text.ParseException e) {
        
                e.printStackTrace();
            }
            return null;
        }
    }

2.在springmvc.xml中配置conversionService bean,这个bean是org.springframework.context.support.ConversionServiceFactoryBean的实例化对象，同时bean中必须包含一个converters属性，在其中注册所有需要使用的自定义转换器

![在这里插入图片描述][4646b9e610354b43aa06d75b54e45986.png]

![在这里插入图片描述][5820d6a0ddfe40329a4d4f947c8b6116.png]  
我们也可以自定义类  
![在这里插入图片描述][8b2ebd30408742f8a9a5447c6b141a50.png]  
![在这里插入图片描述][455e599f96314f92bc9db8f74a7c3a7c.png]

![在这里插入图片描述][c2e47fbce86b48ae9b6176663202857e.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
    <form action="/converter/student" method="post">
        <input type="text" name="student"/>(1-张三-22)<br/>
        <input type="submit" value="提交"/>
    </form>
    </body>
    </html>

![在这里插入图片描述][53d102e5f23d453280fe4f014f1a6ac2.png]

**接下来看看怎么解决中文乱码问题**(搞了好久都要崩溃了)

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xmlns:context="http://www.springframework.org/schema/context"
           xmlns:mvc="http://www.springframework.org/schema/mvc"
           xsi:schemaLocation="http://www.springframework.org/schema/beans
           http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd">
        
        <context:component-scan base-package="com.zyh.controller"></context:component-scan>
    
        
        <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
            
            
            <property name="prefix" value="/"></property>
            
            <property name="suffix" value=".jsp"></property>
        </bean>
        <bean id="conversionService" class="org.springframework.context.support.ConversionServiceFactoryBean">
            <property name="converters">
                <list>
                    <bean class="com.zyh.converter.DateConverter">
                        <constructor-arg type="java.lang.String" value="yyyy-MM-dd"></constructor-arg>
                    </bean>
                    <bean class="com.zyh.converter.StudentConverter"></bean>
                </list>
            </property>
        </bean>
    
    
    
         <mvc:annotation-driven conversion-service="conversionService">
             
             <mvc:message-converters>
                 
    
                 <bean class="org.springframework.http.converter.StringHttpMessageConverter">
                     <property name="supportedMediaTypes" value="text/html;charset=UTF-8"></property>
                 </bean>
                 
                 <bean class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter"></bean>
             </mvc:message-converters>
         </mvc:annotation-driven>
    
    </beans>

![在这里插入图片描述][bf2b459f45344695bb52ce27e542454b.png]  
如果我们想要在浏览器显示的是JSON格式，中文乱码需要在业务方法中通过设置response的编码方式来解决，springmvc.xml的bean不起作用，如果不需要把业务数据转换成json格式，springmvc.xml的配置可以起到中文乱码的作用  
![在这里插入图片描述][ccbaa1cfe2904d9e9bf26b043b6dfb04.png]

## 九、Spring MVC和RESTful的集成 ##

### 9.1初识RESTful ###

*  RESTful是什么
    
     *  RESTful是当前比较流行的一种互联网软件架构模型，通过统一的规范来完成不同终端的数据访问和交换，REST全称是Representaional State Transfer(资源表现层状态转换)
     *  RESTful的优点：结构清晰，有统一的标准、扩展性好
 *  Resources
    
     *  资源指的是网络中的某一个具体文件，类型不限，可以是文本、图片、音频、视频、数据流等，是网络中真实存在的一个实体
     *  如何获取？可以通过统一资源标识符找到这个实体，URI，每一个资源都有特定的URI，通过URI可以找到一个具体的资源
     *  这里涉及到http协议的uri和url,推荐大家看这篇文章[HTTP 协议详解 —— URI、HTTP protocol、HTTP headers][HTTP _ _ URI_HTTP protocol_HTTP headers]
     *  ![在这里插入图片描述][7ed162e4389c4e40ab90fff5016d20ed.png]
 *  Pepresentation
    
     *  资源表现层，资源的具体表现形式，比如一段文字，可以使用TXT,JSON,HTML,XML等不同的形式来描述
 *  State Transfer
    
     *  状态转化是指客户端和服务端之间的数据交换，因为HTTP请求不能传输数据的状态，所有的状态都保存在服务端，如果客户端希望访问服务端的数据，就需要使其发生状态改变，同时这种状态转化是建立在表现层，完成转换就表示资源的表现形式发生了改变

### 9.2RESTful的特点 ###

1.URL传参更加简洁

*  传统形式URL: http://localhost:8080/findById?id=1
 *  RESTful风格URL： http://localhost:8080/findById/1

2.完成不同终端之间的资源共享，RESTful提供了一套规范，不同终端之间只要遵守这个规范，就可以实现数据交互。

RESTful具体来说是四种表现形式，HTTP请求中四种请求类型(GET、POST、PUT、DELETE)分别表示四种常规操作，CRUD

*  GET用来获取资源
 *  POST用来创建资源
 *  PUT用来修改资源
 *  DELETE用来删除资源

两个终端要完成数据交互，基于RESTful的方式，增删改查操作分别需要使用不同的HTTP请求类型来访问。  
传统的web开发中form表单只支持GET和POST请求，如何解决呢？我们可以通过添加HiddenHttpMethodFilter过滤器，可以把POST请求转为PUT或者DELETE

@Component
    @RequestMapping("/rest")
    public class RESTHandler {
        
    //    @RequestMapping(value = "/find",method = RequestMethod.GET)
        @GetMapping("/find")
        @ResponseBody
        public String find(){
        
            return "Hello";
        }
        @PostMapping("/save")
        public void save(){
        
    
        }
        @PutMapping("/update")
        public void update(){
        
    
        }
        @DeleteMapping("/delete")
        public void delete(){
        
    
        }
    }

### 9.3HiddenHttpMethodFilter的实现原理 ###

HiddenHttpMethodFilter检测请求参数是否包含\_method参数，如果包含则取出它的值，并且判断请求类型之后完成请求类型的转换，然后继续传递  
![在这里插入图片描述][75c20b0c3b164c2a9661316342109e70.png]  
实现步骤：  
1.在form表单中添加隐藏域标签，name为\_method,value为PUT或DELETE

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <form action="/rest/update" method="post">
            <input type="hidden" name="_method" value="PUT">
            <input type="submit" value="提交">
        </form>
    </body>
    </html>

2.在web.xml中配置HiddenHttpMethodFilter

<filter>
            <filter-name>HiddenHttpMethodFilter</filter-name>
            <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
        </filter>
        <filter-mapping>
            <filter-name>HiddenHttpMethodFilter</filter-name>
            <url-pattern>/*</url-pattern>
        </filter-mapping>

![在这里插入图片描述][3324772d35fb4d2789f1d66122444beb.png]

![在这里插入图片描述][2fe9a4673f5941b29a50f258c2728612.png]  
接下来用一个小案例练练手

### 9.4Spring MVC和RESTful整合 ###

这个整合没有连接数据库  
**需求分析**

*  添加课程:成功则返回全部课程信息
 *  查询课程：通过id查询对应课程信息
 *  修改课程：成功则返回修改之后的全部课程信息
 *  删除课程：成功则返回删除之后的全部课程信息

记得在pom.xml添加JSTL的依赖  
**代码实现**  
1.JSP

*  添加课程：add.jsp
 *  修改课程:edit.jsp
 *  课程展示:courseList.jsp

2.Course实体类

public class Courese{
        
    	private Integer id;
    	private String name;
    	private double price;
    	还有对应的set,get方法，构造器
    }

![在这里插入图片描述][a6dab215ca0f49f2a984fc73fd21dfa8.png]

3.CourseRepository

@Repository
    public class CourseRepository {
        
        private Map<Integer, Course> map;
        public CourseRepository(){
        
            map=new HashMap<>();
            map.put(1, new Course(1,"语文",70.0));
            map.put(2, new Course(2,"数学",80.0));
            map.put(3, new Course(3,"英语",90.0));
        }
    
        public Collection<Course> findAll(){
        
            return map.values();
        }
        public Course findById(Integer id){
        
            return map.get(id);
        }
        public void saveOrUpdate(Course course){
        
            map.put(course.getId(), course);
        }
        public void deleteById(Integer id){
        
            map.remove(id);
        }
        
    }

4.CourseController

package com.zyh.controller;
    
    import com.zyh.pojo.Course;
    import com.zyh.repository.CourseRepository;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.*;
    import org.springframework.web.servlet.ModelAndView;
    
    import javax.servlet.http.HttpServletResponse;
    
    /**
     * @author zengyihong
     * @create 2022--07--11 16:14
     */
    @Controller
    @RequestMapping("/course")
    public class CourseController {
        
        @Autowired
        private CourseRepository courseRepository;
    
        @GetMapping("/findAll")
        public ModelAndView findAll() {
        
            ModelAndView modelAndView = new ModelAndView();
            modelAndView.setViewName("courseList");
            modelAndView.addObject("list", courseRepository.findAll());
    
            return modelAndView;
        }
        @DeleteMapping("/deleteById/{id}")
        public String deleteById(@PathVariable("id") Integer id){
        
            courseRepository.deleteById(id);
            return "redirect:/course/findAll";
        }
        @PostMapping("/save")
        public String save(Course course) {
        
            courseRepository.saveOrUpdate(course);
            /**
             * 添加信息后要求返回列表页面
             * 重定向
             */
            return "redirect:/course/findAll";
        }
    
    
        @GetMapping("/findById/{id}")
        public ModelAndView findById(@PathVariable("id") Integer id) {
        
            ModelAndView modelAndView = new ModelAndView();
            modelAndView.setViewName("edit");
            modelAndView.addObject("courser", courseRepository.findById(id));
            return modelAndView;
        }
        @PutMapping("/update")
        public String update(Course course){
        
            courseRepository.saveOrUpdate(course);
            return "redirect:/course/findAll";
        }
    
    
    }

JSP  
courseList.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@page isELIgnored="false" %>
    <html>
    <head>
        <title>Title</title>
    
    </head>
    <body>
        <table>
            <tr>
                <td>编号:</td>
                <td>名称:</td>
                <td>价格:</td>
                <td>操作:</td>
            </tr>
    
                <c:forEach items="${list}" var="course">
                    <tr>
                        <td>${course.id}</td>
                        <td>${course.name}</td>
                        <td>${course.price}</td>
                        <td>
                            <form action="/course/deleteById/${course.id}" method="post">
                                <input type="hidden" name="_method" value="DELETE">
                                <input type="submit" value="删除">
                            </form>
                            <a href="/course/findById/${course.id}">修改</a>
    
                        </td>
                    </tr>
    
                </c:forEach>
    
        </table>
    
    </body>
    </html>

save.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    
    </head>
    <body>
    <form action="/course/save" method="post">
        <table>
            <tr>
                <td>课程编号:</td>
                <td>
                    <input type="text" name="id">
                </td>
            </tr>
            <tr>
                <td>课程名称:</td>
                <td><input type="text" name="name"></td>
            </tr>
            <tr>
                <td>课程价格:</td>
                <td> <input type="text" name="price"></td>
            </tr>
            <tr>
                <td>
                    <input type="submit" value="提交">
                </td>
                <td>
                    <input type="reset" value="重置">
                </td>
            </tr>
        </table>
    
    
    
    
    
    </form>
    
    </body>
    </html>

edit.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@page isELIgnored="false" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <form action="/course/update" method="post">
            <input type="hidden" name="_method" value="PUT"/>
            <table>
                <tr>
                    <td>课程编号:</td>
                    <td>
                        <input type="text" name="id" value="${courser.id}">
                    </td>
                </tr>
                <tr>
                    <td>课程名称:</td>
                    <td>
                        <input type="text" name="name" value="${courser.name}">
                    </td>
                </tr>
                <tr>
                    <td>课程价格:</td>
                    <td>
                        <input type="text" name="price" value="${courser.price}">
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="submit" value="提交">
                    </td>
                </tr>
            </table>
        </form>
    
    
    </body>
    </html>

![在这里插入图片描述][4b0cd988a94b4195a2430989f21a8ebb.png]  
点击删除  
![在这里插入图片描述][1482034c7e83481ca4087dff294c8926.png]  
点击修改  
![在这里插入图片描述][84524c6c6c064ba4a2a021cb14506e9b.png]  
![在这里插入图片描述][d45a11cf65484a0dbe419604c9485d7c.png]  
点提交  
![在这里插入图片描述][8e1fb72dd847491fabd9d272dd4f29ce.png]

## 十、文件的上传下载 ##

### 10.1文件上传 ###

#### 10.1.1单文件上传 ####

1.底层使用的是Apache fileupload 组件完成上传功能，Spring MVC只是对其进行了封装，简化开发，pom.xml

<dependency>
          <groupId>commons-io</groupId>
          <artifactId>commons-io</artifactId>
          <version>2.8.0</version>
        </dependency>
        <dependency>
          <groupId>commons-fileupload</groupId>
          <artifactId>commons-fileupload</artifactId>
          <version>1.4</version>
        </dependency>

springmvc.xml  
为了把二进制数据解析成对象

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"></bean>

2.JSP页面

*  input的type属性设置为file
 *  form表单的method设置为post
 *  form表单的enctype设置为multipart/form-data  
    ![在这里插入图片描述][e17d3d3169524dde8a8f5fdcdc57c8ae.png]  
    ![在这里插入图片描述][f596907488704f2db48eeddafd37295a.png]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@page isELIgnored="false" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <form action="/file/upload" method="post" enctype="multipart/form-data">
            <input type="file" name="img"/>
            <input type="submit" value="提交">
            
        </form>
        <img src="${src}"/>
    </body>
    </html>

@Component
    @RequestMapping("/file")
    public class FileHandler {
        
        /**
         * 文件是以二进制流传输的
         * @param img
         * @return
         */
        @PostMapping("/upload")
        public String upload(@RequestParam("img") MultipartFile img, HttpServletRequest request){
        
            if (img.getSize()>0){
        
                String path = request.getSession().getServletContext().getRealPath("file");
                String filename = img.getOriginalFilename();
                File descFile=new File(path, filename);
                try {
        
                    img.transferTo(descFile);
                    request.setAttribute("src", "/file/"+filename);
                } catch (IOException e) {
        
                    e.printStackTrace();
                }
            }
            return "upload";
        }
    }

![在这里插入图片描述][82d811d1848b4aa58db92ce52c6e3ff8.png]  
然后选择文件  
![在这里插入图片描述][58140e7a9659441fb05eca94ef2d6277.png]  
提交  
![在这里插入图片描述][1b64f9851bb34d6981661922ce84a2c5.png]

#### 10.1.2多文件上传 ####

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@page isELIgnored="false" %>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <html>
    <head>
        <title>多文件上传</title>
    </head>
    <body>
    
        <form action="/file/uploads" method="post" enctype="multipart/form-data">
            file1:<input type="file" name="imgs"/><br>
            file2:<input type="file" name="imgs"/><br>
            file3:<input type="file" name="imgs"/><br>
            <input type="submit" value="提交"/>
        </form>
    <c:forEach items="${pathList}" var="path">
        <img src="${path}" width="300px">
    </c:forEach>

@PostMapping("/uploads")
        public String uploads(@RequestParam("imgs") MultipartFile[] imgs,HttpServletRequest request){
        
            List<String> pathList=new ArrayList<>();
            for (MultipartFile img:imgs){
        
                if (img.getSize()>0){
        
                    String path = request.getSession().getServletContext().getRealPath("file");
                    String filename = img.getOriginalFilename();
                    File descFile=new File(path, filename);
                    try {
        
                        img.transferTo(descFile);
                        pathList.add("/file/"+filename);
                    } catch (IOException e) {
        
                        e.printStackTrace();
                    }
                }
            }
            request.setAttribute("pathList", pathList);
            return "uploads";
    
        }

![在这里插入图片描述][ec49a651ec344c13adf380908b36f546.png]  
![在这里插入图片描述][63bacfa22fc64cbc8e614e7c18a5b36f.png]  
![在这里插入图片描述][1a749f8530ed44898708cc05c7a9cc11.png]

### 10.2文件下载 ###

JSP页面通过超链接点击进行下载

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>文件下载</title>
    </head>
    <body>
        <a href="/file/download?fileName=皮卡丘.jpg">皮卡丘.jpg</a>
        <a href="/file/download?fileName=柯南.png">柯南.png</a>
        <a href="/file/download?fileName=springmvc.png">springmvc.png</a>
    </body>
    </html>

Handler

/**
         * 根据文件的名字进行下载
         */
        @GetMapping("/download")
        public void download(String fileName,
                             HttpServletRequest request,
                             HttpServletResponse response) {
        
            if (fileName!=null){
        
                String path = request.getSession().getServletContext().getRealPath("file");
                File file=new File(path,fileName);
                OutputStream out=null;
                if (file.exists()){
        
                    //设置下载文件
                    response.setContentType("applicationContext/force-download");
                    //设置文件名
                    response.setHeader("Context-Disposition", "attachment;filename="+fileName);
                    try {
        
                        out=response.getOutputStream();
                        out.write(FileUtils.readFileToByteArray(file));
                        out.flush();
                    } catch (IOException e) {
        
                        e.printStackTrace();
                    }finally {
        
                        if (out!=null){
        
                            try {
        
                                out.close();
                            } catch (IOException e) {
        
                                e.printStackTrace();
                            }
                        }
                    }
                }
            }
    
        }

![在这里插入图片描述][88aea04176184bca95fd686fdd82c466.png]

## 十一、拦截器 ##

### 11.1过滤器、监听器、拦截器的对比 ###

*  Servlet:处理Reequest请求和Response响应
 *  过滤器(Filter):对Request请求起到过滤作用，作用在Servlet之前，如果配置为/\*可以为所有的资源(servlet、js/css静态资源等)进行过滤处理
 *  监听器(Listener):实现了javax.servlet.ServletContextListener接口的服务器端组件，它随Web应用的启动而启动，只初始化一次，然后一直监视，随Web应用的停止而销毁
    
     *  作用一：做初始化工作，web应用中spring容器启动ContextLoaderListener
     *  作用二：监听web中的特定事件，比如HttpSession,ServletRequest的创建和销毁；变量的创建、销毁和修改等可以在某些动作 前后增加处理，实现监控，比如说统计在线人数，利用HttpSessionListener等
 *  拦截器(Interceptor):是Spring MVC、Struts等表现层框架自己的，不会拦截jsp/html/css/image等的访问，只会拦截访问的控制器方法(Handler)
    
     *  servlet、filter、listener是配置在web.xml中，interceptor是配置在表现层框架自己的配置文件中
     *  在Handler业务逻辑执行之前拦截一次
     *  在Handler逻辑执行完但是还没有跳转页面之前拦截一次
     *  在跳转页面后拦截一次

### 11.2拦截器基本概念 ###

**Spring MVC中的拦截器（Interceptor）类似于Servlet中的过滤器（Filter），它主要用于拦截用户请求并作相应的处理。例如通过拦截器可以进行权限验证、记录请求信息的日志、判断用户是否登录等。**

要使用Spring MVC中的拦截器，就需要对拦截器类进行定义和配置。通常拦截器类可以通过两种方式来定义。

*  通过实现HandlerInterceptor接口
 *  继承HandlerInterceptor接口的实现类（如：HandlerInterceptorAdapter）来定义。

### 11.3拦截器的实现 ###

通过实现HandlerInterceptor接口

public class MyInterceptor implements HandlerInterceptor {
        
        /**
         * 在目标Handler(方法)执行前执行
         * 返回true:执行Handler方法
         * 返回false:阻止目标Handler方法执行
         * @param request
         * @param response
         * @param handler
         * @return
         * @throws Exception
         */
        @Override
        public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        
            System.out.println("目标Handler执行前执行MyInterceptor---->preHandle方法...");
            return true;
        }
    
        /**
         * 在目标Handler(方法)执行后，视图生成前执行
         * @param request
         * @param response
         * @param handler
         * @param modelAndView
         * @throws Exception
         */
        @Override
        public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
        
            System.out.println("目标Handler执行后，视图执行前执行MyInterceptor---->postHandle方法...");
        }
    
        /**
         * 在目标方法执行后，视图生成后执行
         * @param request
         * @param response
         * @param handler
         * @param ex
         * @throws Exception
         */
        @Override
        public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
        
            System.out.println("目标Handler执行后，视图执行后执行MyInterceptor---->afterCompletion方法...");
        }
    }

拦截器配置1

<mvc:interceptors>
            
            
            <bean class="com.zyh.interceptor.MyInterceptor"></bean>
        </mvc:interceptors>

拦截器配置方式2

<mvc:interceptors>
            
            <mvc:interceptor>
                
                <mvc:mapping path="/**"/> 
                
                <mvc:exclude-mapping path="/hello/*"/> 
                <bean class="com.zyh.interceptor.MyInterceptor"></bean>
            </mvc:interceptor>
        </mvc:interceptors>

![在这里插入图片描述][234524dccf904dbfa5a4eb35eca64cf3.png]  
![在这里插入图片描述][01e5cd629fbe411b92c3b8861f41a895.png]

![在这里插入图片描述][b59663568fcf4cfb8e78a56b0ab88710.png]  
![在这里插入图片描述][eee3f970185a4f9fbe529d396deb0088.png]

### 11.4多个拦截器的实现 ###

Spring MVC框架支持多个拦截器的配置，从而构成拦截器链，对客户端进行多次拦截操作

过滤器配置

<mvc:interceptors>
            <mvc:interceptor>
                <mvc:mapping path="/**"/>
                <bean class="com.zyh.interceptor.MyInterceptor"></bean>
            </mvc:interceptor>
            <mvc:interceptor>
                <mvc:mapping path="/**"/>
                <bean class="com.zyh.interceptor.MyInterceptor2"></bean>
            </mvc:interceptor>
        </mvc:interceptors>

自定义第二个过滤器

public class MyInterceptor2 implements HandlerInterceptor {
        
        /**
         * 在目标Handler(方法)执行前执行
         * 返回true:执行Handler方法
         * 返回false:阻止目标Handler方法执行
         * @param request
         * @param response
         * @param handler
         * @return
         * @throws Exception
         */
        @Override
        public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        
            System.out.println("2.目标Handler执行前执行MyInterceptor2---->preHandle方法...");
            return true;
        }
    
        /**
         * 在目标Handler(方法)执行后，视图生成前执行
         * @param request
         * @param response
         * @param handler
         * @param modelAndView
         * @throws Exception
         */
        @Override
        public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
        
            System.out.println("3.目标Handler执行后，视图执行前执行MyInterceptor2---->postHandle方法...");
        }
    
        /**
         * 在目标方法执行后，视图生成后执行
         * @param request
         * @param response
         * @param handler
         * @param ex
         * @throws Exception
         */
        @Override
        public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
        
            System.out.println("5.目标Handler执行后，视图执行后执行MyInterceptor2---->afterCompletion方法...");
        }
    }

Handler

@RequestMapping("/hello")
    @Controller
    public class HelloContro  
        @RequestMapping("/packageType")
        @ResponseBody
        public String packageType(@RequestParam(value = "id", required = true) Integer id) {
        
            System.out.println("拦截的方法...");
            return "id=" + id;
        }
    }

![在这里插入图片描述][533a9507a0cf4156b72912a16d26af76.png]  
![在这里插入图片描述][acf37b567dca420991d3210b488d1df1.png]

[934c311f98034272bdd536f3bfcf41aa.png]: https://img-blog.csdnimg.cn/934c311f98034272bdd536f3bfcf41aa.png
[f2206b40e1ce41759e606a1baa666f46.png]: https://img-blog.csdnimg.cn/f2206b40e1ce41759e606a1baa666f46.png
[9dd9beda3bfa4049bdad5170da7723ef.png]: https://img-blog.csdnimg.cn/9dd9beda3bfa4049bdad5170da7723ef.png
[efbbebb3869547049e62b68fe5af11c0.png]: https://img-blog.csdnimg.cn/efbbebb3869547049e62b68fe5af11c0.png
[b999b0e6f81d4151b59fda136687e58e.png]: https://img-blog.csdnimg.cn/b999b0e6f81d4151b59fda136687e58e.png
[5077695cbaed4fac91e462812920b32c.png]: https://img-blog.csdnimg.cn/5077695cbaed4fac91e462812920b32c.png
[2dc6f822c0624b7081217fd07fd77575.png]: https://img-blog.csdnimg.cn/2dc6f822c0624b7081217fd07fd77575.png
[10931fb602a34b0f9b857a41286559f7.png]: https://img-blog.csdnimg.cn/10931fb602a34b0f9b857a41286559f7.png
[f09ef86d7b244ad2b4617024f478bca4.png]: https://img-blog.csdnimg.cn/f09ef86d7b244ad2b4617024f478bca4.png
[f1f179a36627415583a56412a82f3965.png]: https://img-blog.csdnimg.cn/f1f179a36627415583a56412a82f3965.png
[894be07d89a34f76a91f1dcee9172a71.png]: https://img-blog.csdnimg.cn/894be07d89a34f76a91f1dcee9172a71.png
[2f3cd779629c45679baa5dddbce22222.png]: https://img-blog.csdnimg.cn/2f3cd779629c45679baa5dddbce22222.png
[00f3ba7073b8475ebb293898081e9697.png]: https://img-blog.csdnimg.cn/00f3ba7073b8475ebb293898081e9697.png
[cd392cc6b8fc4f9c93201993c9e296ff.png]: https://img-blog.csdnimg.cn/cd392cc6b8fc4f9c93201993c9e296ff.png
[5919a07baa724aa5a6393e50a05a47e6.png]: https://img-blog.csdnimg.cn/5919a07baa724aa5a6393e50a05a47e6.png
[f5f4612b5f6b4a8682947d77bb3d7e0c.png]: https://img-blog.csdnimg.cn/f5f4612b5f6b4a8682947d77bb3d7e0c.png
[f0d054b81c9f4baa803e9207059e9933.png]: https://img-blog.csdnimg.cn/f0d054b81c9f4baa803e9207059e9933.png
[0382a3c4309a46fea7342bf3ba5bd671.png]: https://img-blog.csdnimg.cn/0382a3c4309a46fea7342bf3ba5bd671.png
[de0de0feceda41fca241b026e4ad0e60.png]: https://img-blog.csdnimg.cn/de0de0feceda41fca241b026e4ad0e60.png
[49ecc3b542eb44648708a1dc3cc95641.png]: https://img-blog.csdnimg.cn/49ecc3b542eb44648708a1dc3cc95641.png
[6d4b7a435cc645dead05b92a474ccb35.png]: https://img-blog.csdnimg.cn/6d4b7a435cc645dead05b92a474ccb35.png
[69cd2732b47f47e28c964a0b388504a9.png]: https://img-blog.csdnimg.cn/69cd2732b47f47e28c964a0b388504a9.png
[a4fd4934a0a44f1d9966777ae8d1651f.png]: https://img-blog.csdnimg.cn/a4fd4934a0a44f1d9966777ae8d1651f.png
[332bc8e6979042e5a492c9a9923ea5a9.png]: https://img-blog.csdnimg.cn/332bc8e6979042e5a492c9a9923ea5a9.png
[afe860f2b65d41e2ba476439fe18db32.png]: https://img-blog.csdnimg.cn/afe860f2b65d41e2ba476439fe18db32.png
[73d829eb2f754705a1f7027172016a67.png]: https://img-blog.csdnimg.cn/73d829eb2f754705a1f7027172016a67.png
[8c5bd55dabc141f5bdd5ece60b4251e8.png]: https://img-blog.csdnimg.cn/8c5bd55dabc141f5bdd5ece60b4251e8.png
[77f3a13d4469459f8d2943256d66e6c3.png]: https://img-blog.csdnimg.cn/77f3a13d4469459f8d2943256d66e6c3.png
[dda411cd256b47d294140c3948240b3d.png]: https://img-blog.csdnimg.cn/dda411cd256b47d294140c3948240b3d.png
[5b159ecfc3214a328f75bef178c881f2.png]: https://img-blog.csdnimg.cn/5b159ecfc3214a328f75bef178c881f2.png
[08cd11315ce64207a5c7606db7c01c22.png]: https://img-blog.csdnimg.cn/08cd11315ce64207a5c7606db7c01c22.png
[aaedf74748a94c71a65300e42c12b01f.png]: https://img-blog.csdnimg.cn/aaedf74748a94c71a65300e42c12b01f.png
[83f80e044664420a8c9ceea2cb53d499.png]: https://img-blog.csdnimg.cn/83f80e044664420a8c9ceea2cb53d499.png
[ec5fcbfa953b4acbaddcafd63ee65f36.png]: https://img-blog.csdnimg.cn/ec5fcbfa953b4acbaddcafd63ee65f36.png
[295f487e35db48aa8ff1ba6a99b0221b.png]: https://img-blog.csdnimg.cn/295f487e35db48aa8ff1ba6a99b0221b.png
[4fa6f35c568b4c4b8e8098099ef004e2.png]: https://img-blog.csdnimg.cn/4fa6f35c568b4c4b8e8098099ef004e2.png
[cce5ada736a544998e5491a0843bf808.png]: https://img-blog.csdnimg.cn/cce5ada736a544998e5491a0843bf808.png
[cb264f67270e4d67a3ed3ef7a72cf0b6.png]: https://img-blog.csdnimg.cn/cb264f67270e4d67a3ed3ef7a72cf0b6.png
[88b5a8ed372e43c28c000292b8dd158f.png]: https://img-blog.csdnimg.cn/88b5a8ed372e43c28c000292b8dd158f.png
[8a75e65027b34ec7b72717f3f98c8e6e.png]: https://img-blog.csdnimg.cn/8a75e65027b34ec7b72717f3f98c8e6e.png
[7c745b659b1241ceaab39e4506486e35.png]: https://img-blog.csdnimg.cn/7c745b659b1241ceaab39e4506486e35.png
[1948ddba399c4bcdb15d869b8051e958.png]: https://img-blog.csdnimg.cn/1948ddba399c4bcdb15d869b8051e958.png
[92bdf676e4aa4b40b5d27b1d2c3af002.png]: https://img-blog.csdnimg.cn/92bdf676e4aa4b40b5d27b1d2c3af002.png
[72bd04c4122a43a3aef6eb6df00b090d.png]: https://img-blog.csdnimg.cn/72bd04c4122a43a3aef6eb6df00b090d.png
[cb576f84a14347adabd58d4722922965.png]: https://img-blog.csdnimg.cn/cb576f84a14347adabd58d4722922965.png
[e97841233e874f66a4306045611943d4.png]: https://img-blog.csdnimg.cn/e97841233e874f66a4306045611943d4.png
[340bc15a455e4b13af1d9878b39032cf.png]: https://img-blog.csdnimg.cn/340bc15a455e4b13af1d9878b39032cf.png
[82f0e15c16ce41a2912b201ade82aa5f.png]: https://img-blog.csdnimg.cn/82f0e15c16ce41a2912b201ade82aa5f.png
[0e7ce786647e488883c5e8b383369952.png]: https://img-blog.csdnimg.cn/0e7ce786647e488883c5e8b383369952.png
[4410e28687974470b8afeb9b4473f056.png]: https://img-blog.csdnimg.cn/4410e28687974470b8afeb9b4473f056.png
[b0717ca3f8594edb8e65f99aa5bae7c5.png]: https://img-blog.csdnimg.cn/b0717ca3f8594edb8e65f99aa5bae7c5.png
[0df0ba37ce4d4f56b6d7801f4c41c0b5.png]: https://img-blog.csdnimg.cn/0df0ba37ce4d4f56b6d7801f4c41c0b5.png
[7b5587897032482a949900cccf04fab7.png]: https://img-blog.csdnimg.cn/7b5587897032482a949900cccf04fab7.png
[31a10428755f4a9ea35d6aa1449cfbe5.png]: https://img-blog.csdnimg.cn/31a10428755f4a9ea35d6aa1449cfbe5.png
[69c4587b79104fb0b8351edda1d0b08c.png]: https://img-blog.csdnimg.cn/69c4587b79104fb0b8351edda1d0b08c.png
[5e1d94b4f4c147d48ef9f876e6d0fc45.png]: https://img-blog.csdnimg.cn/5e1d94b4f4c147d48ef9f876e6d0fc45.png
[3d67cf5adb12442fbc0c315d90e0cffe.png]: https://img-blog.csdnimg.cn/3d67cf5adb12442fbc0c315d90e0cffe.png
[9266c32135704918a66ac9d2f576f6c1.png]: https://img-blog.csdnimg.cn/9266c32135704918a66ac9d2f576f6c1.png
[dbaa5bd8982b4890ab66928a575c1feb.png]: https://img-blog.csdnimg.cn/dbaa5bd8982b4890ab66928a575c1feb.png
[7f492baa153549dead42f35c2db20575.png]: https://img-blog.csdnimg.cn/7f492baa153549dead42f35c2db20575.png
[0590503885f4453198941e0d641ea464.png]: https://img-blog.csdnimg.cn/0590503885f4453198941e0d641ea464.png
[8fda368a54de478a816b0df999ec7ff3.png]: https://img-blog.csdnimg.cn/8fda368a54de478a816b0df999ec7ff3.png
[fe10c36d531c44d384b9b4bcbee2c60c.png]: https://img-blog.csdnimg.cn/fe10c36d531c44d384b9b4bcbee2c60c.png
[464794788d674fd69a72109e36a9892d.png]: https://img-blog.csdnimg.cn/464794788d674fd69a72109e36a9892d.png
[4db6a5a0a1434517afc987516b67bed1.png]: https://img-blog.csdnimg.cn/4db6a5a0a1434517afc987516b67bed1.png
[9a9a0c81ec8443acaecbd0428834ea25.png]: https://img-blog.csdnimg.cn/9a9a0c81ec8443acaecbd0428834ea25.png
[a47e86165c004473a339479e8aaeafed.png]: https://img-blog.csdnimg.cn/a47e86165c004473a339479e8aaeafed.png
[146da38704664c78b07e732241d3d37c.png]: https://img-blog.csdnimg.cn/146da38704664c78b07e732241d3d37c.png
[85bcd45d01e244f198e53c3bfb9772be.png]: https://img-blog.csdnimg.cn/85bcd45d01e244f198e53c3bfb9772be.png
[c5a7f820d52e4672bfee19c31c585d93.png]: https://img-blog.csdnimg.cn/c5a7f820d52e4672bfee19c31c585d93.png
[989c299fdbcb4322a1ce57a8cee85917.png]: https://img-blog.csdnimg.cn/989c299fdbcb4322a1ce57a8cee85917.png
[7c1167e1d6954b0080e3fecc4c70ef13.png]: https://img-blog.csdnimg.cn/7c1167e1d6954b0080e3fecc4c70ef13.png
[1a5a3a65a33b436aad5780346b51d1c8.png]: https://img-blog.csdnimg.cn/1a5a3a65a33b436aad5780346b51d1c8.png
[fbe4f56075c84298b3913aa7f490ed3f.png]: https://img-blog.csdnimg.cn/fbe4f56075c84298b3913aa7f490ed3f.png
[beab5bdf91e84728a4bc73443574312b.png]: https://img-blog.csdnimg.cn/beab5bdf91e84728a4bc73443574312b.png
[7d9bb58ba0cc483bb0b45a533aaa5a9f.png]: https://img-blog.csdnimg.cn/7d9bb58ba0cc483bb0b45a533aaa5a9f.png
[9ded6f4ad336406599e802cbd7eb6cb2.png]: https://img-blog.csdnimg.cn/9ded6f4ad336406599e802cbd7eb6cb2.png
[4fa256dab70f4d3f9702a4ca05c9cc89.png]: https://img-blog.csdnimg.cn/4fa256dab70f4d3f9702a4ca05c9cc89.png
[6dfa0d256a114756bba856fafc447282.png]: https://img-blog.csdnimg.cn/6dfa0d256a114756bba856fafc447282.png
[ec2300998014463e9adccf9be69584cc.png]: https://img-blog.csdnimg.cn/ec2300998014463e9adccf9be69584cc.png
[5088f3ba06fa471c850e83ca2a980aaf.png]: https://img-blog.csdnimg.cn/5088f3ba06fa471c850e83ca2a980aaf.png
[98f49e58ddc04dbbb5d07750578935a3.png]: https://img-blog.csdnimg.cn/98f49e58ddc04dbbb5d07750578935a3.png
[7664248886b44eaea66e2309a93e2d38.png]: https://img-blog.csdnimg.cn/7664248886b44eaea66e2309a93e2d38.png
[3bf5484f21c34cc4b4899d44d828a8e4.png]: https://img-blog.csdnimg.cn/3bf5484f21c34cc4b4899d44d828a8e4.png
[b213b980e0f4404bac3cc2f485e60b59.png]: https://img-blog.csdnimg.cn/b213b980e0f4404bac3cc2f485e60b59.png
[56a01c891e7e48a686640d77e492938e.png]: https://img-blog.csdnimg.cn/56a01c891e7e48a686640d77e492938e.png
[a1182c837a43445c852494b0dfe188f7.png]: https://img-blog.csdnimg.cn/a1182c837a43445c852494b0dfe188f7.png
[1fa9d1d341ef4d3ebd0a824a7849a828.png]: https://img-blog.csdnimg.cn/1fa9d1d341ef4d3ebd0a824a7849a828.png
[cfd51074f638455f85ff587dd5e07f20.png]: https://img-blog.csdnimg.cn/cfd51074f638455f85ff587dd5e07f20.png
[fc1484cbc2214dcdb51826bc2dde2a98.png]: https://img-blog.csdnimg.cn/fc1484cbc2214dcdb51826bc2dde2a98.png
[def77906bdd44bf98e6df220264fff6f.png]: https://img-blog.csdnimg.cn/def77906bdd44bf98e6df220264fff6f.png
[abe6370d7cd04d5f926769f1bbd950d7.png]: https://img-blog.csdnimg.cn/abe6370d7cd04d5f926769f1bbd950d7.png
[4646b9e610354b43aa06d75b54e45986.png]: https://img-blog.csdnimg.cn/4646b9e610354b43aa06d75b54e45986.png
[5820d6a0ddfe40329a4d4f947c8b6116.png]: https://img-blog.csdnimg.cn/5820d6a0ddfe40329a4d4f947c8b6116.png
[8b2ebd30408742f8a9a5447c6b141a50.png]: https://img-blog.csdnimg.cn/8b2ebd30408742f8a9a5447c6b141a50.png
[455e599f96314f92bc9db8f74a7c3a7c.png]: https://img-blog.csdnimg.cn/455e599f96314f92bc9db8f74a7c3a7c.png
[c2e47fbce86b48ae9b6176663202857e.png]: https://img-blog.csdnimg.cn/c2e47fbce86b48ae9b6176663202857e.png
[53d102e5f23d453280fe4f014f1a6ac2.png]: https://img-blog.csdnimg.cn/53d102e5f23d453280fe4f014f1a6ac2.png
[bf2b459f45344695bb52ce27e542454b.png]: https://img-blog.csdnimg.cn/bf2b459f45344695bb52ce27e542454b.png
[ccbaa1cfe2904d9e9bf26b043b6dfb04.png]: https://img-blog.csdnimg.cn/ccbaa1cfe2904d9e9bf26b043b6dfb04.png
[HTTP _ _ URI_HTTP protocol_HTTP headers]: https://blog.csdn.net/weixin_46687989/article/details/108607875
[7ed162e4389c4e40ab90fff5016d20ed.png]: https://img-blog.csdnimg.cn/7ed162e4389c4e40ab90fff5016d20ed.png
[75c20b0c3b164c2a9661316342109e70.png]: https://img-blog.csdnimg.cn/75c20b0c3b164c2a9661316342109e70.png
[3324772d35fb4d2789f1d66122444beb.png]: https://img-blog.csdnimg.cn/3324772d35fb4d2789f1d66122444beb.png
[2fe9a4673f5941b29a50f258c2728612.png]: https://img-blog.csdnimg.cn/2fe9a4673f5941b29a50f258c2728612.png
[a6dab215ca0f49f2a984fc73fd21dfa8.png]: https://img-blog.csdnimg.cn/a6dab215ca0f49f2a984fc73fd21dfa8.png
[4b0cd988a94b4195a2430989f21a8ebb.png]: https://img-blog.csdnimg.cn/4b0cd988a94b4195a2430989f21a8ebb.png
[1482034c7e83481ca4087dff294c8926.png]: https://img-blog.csdnimg.cn/1482034c7e83481ca4087dff294c8926.png
[84524c6c6c064ba4a2a021cb14506e9b.png]: https://img-blog.csdnimg.cn/84524c6c6c064ba4a2a021cb14506e9b.png
[d45a11cf65484a0dbe419604c9485d7c.png]: https://img-blog.csdnimg.cn/d45a11cf65484a0dbe419604c9485d7c.png
[8e1fb72dd847491fabd9d272dd4f29ce.png]: https://img-blog.csdnimg.cn/8e1fb72dd847491fabd9d272dd4f29ce.png
[e17d3d3169524dde8a8f5fdcdc57c8ae.png]: https://img-blog.csdnimg.cn/e17d3d3169524dde8a8f5fdcdc57c8ae.png
[f596907488704f2db48eeddafd37295a.png]: https://img-blog.csdnimg.cn/f596907488704f2db48eeddafd37295a.png
[82d811d1848b4aa58db92ce52c6e3ff8.png]: https://img-blog.csdnimg.cn/82d811d1848b4aa58db92ce52c6e3ff8.png
[58140e7a9659441fb05eca94ef2d6277.png]: https://img-blog.csdnimg.cn/58140e7a9659441fb05eca94ef2d6277.png
[1b64f9851bb34d6981661922ce84a2c5.png]: https://img-blog.csdnimg.cn/1b64f9851bb34d6981661922ce84a2c5.png
[ec49a651ec344c13adf380908b36f546.png]: https://img-blog.csdnimg.cn/ec49a651ec344c13adf380908b36f546.png
[63bacfa22fc64cbc8e614e7c18a5b36f.png]: https://img-blog.csdnimg.cn/63bacfa22fc64cbc8e614e7c18a5b36f.png
[1a749f8530ed44898708cc05c7a9cc11.png]: https://img-blog.csdnimg.cn/1a749f8530ed44898708cc05c7a9cc11.png
[88aea04176184bca95fd686fdd82c466.png]: https://img-blog.csdnimg.cn/88aea04176184bca95fd686fdd82c466.png
[234524dccf904dbfa5a4eb35eca64cf3.png]: https://img-blog.csdnimg.cn/234524dccf904dbfa5a4eb35eca64cf3.png
[01e5cd629fbe411b92c3b8861f41a895.png]: https://img-blog.csdnimg.cn/01e5cd629fbe411b92c3b8861f41a895.png
[b59663568fcf4cfb8e78a56b0ab88710.png]: https://img-blog.csdnimg.cn/b59663568fcf4cfb8e78a56b0ab88710.png
[eee3f970185a4f9fbe529d396deb0088.png]: https://img-blog.csdnimg.cn/eee3f970185a4f9fbe529d396deb0088.png
[533a9507a0cf4156b72912a16d26af76.png]: https://img-blog.csdnimg.cn/533a9507a0cf4156b72912a16d26af76.png
[acf37b567dca420991d3210b488d1df1.png]: https://img-blog.csdnimg.cn/acf37b567dca420991d3210b488d1df1.png