Java 之 SpringMVC（一篇文章精通系列）

╰半橙微兮° 2022-09-11 07:09 165阅读 0赞

### Java 之 SpringMVC（一篇文章精通系列） ###

*   *  一、SpringMVC
     *   *  1、SpringMVC概述
         *  2、SpringMVC快速入门（实战）
         *   *  （1）创建SpringMVC工程
             *  （2）导入Spring和SpringMVC的坐标
             *  （3）创建Controller和业务方法
             *  （4）创建视图页面index.jsp
             *  （5）配置注解
             *  （6）创建spring-mvc.xml
             *  （7）在web.xml配置SpringMVC的核心控制器
             *  （8）引入Tomcat插件
             *  （9）配置视图解析器
         *  3、SpringMVC流程图示
         *  4、知识要点
     *  二、SpringMVC 组件解析
     *   *  1、SpringMVC的执行流程
         *  2、SpringMVC组件解析
         *  3、SpringMVC注解解析
         *   *   *  （1）mvc命名空间引入
                 *  （2）组件扫描
         *  4、SpringMVC的XML配置解析
         *  5、知识要点
     *  三、SpringMVC的数据响应
     *   *  1、SpringMVC的数据响应方式
         *  2、页面跳转
         *   *  （1）返回字符串形式
             *  （2）创建JSP页面
             *  （3）返回ModelAndView对象（在刚刚的QuickController当中写如下接口接口）
             *  （4）向request域存储数据（在刚刚的QuickController当中写如下接口接口）
         *  3、回写数据
         *   *  （1）直接返回字符串
             *  （2）返回字符串（JSON）格式
             *  （3）返回对象或集合
             *  （4）返回对象或者集合（简化配置）
             *  （5）SpringMVC的数据响应方式
     *  四、SpringMVC 获得请求数据
     *   *  1、获得请求参数
         *  2、获得POJO类型参数
         *  3、获得数组类型参数
         *  4、获得集合类型参数
         *   *  （1）创建Vo对象
             *  （2）在QuickController当中创建quickMethod15方法
             *  （3）创建login.jsp
         *  5、获得集合类型参数（Ajax提交）
         *   *  （1）引入jquery-3.3.1.js，并创建login.html
             *  （2）修改web.xml
             *  （3）修改spring-mvc.xml
             *  （4）在QuickController创建quickMethod16方法
             *  （5）运行测试
             *  （6）请求数据乱码问题
         *  6、参数绑定
         *   *  （1）参数绑定注解@requestParam
             *   *  1）当请求的参数名称与Controller的业务方法参数名称不一致时，就需要通过
                 *  2）当请求的参数名称与Controller的业务方法参数名称不一致时，就需要通过@RequestParam注解显示的绑定。
                 *  3）注解@RequestParam还有如下参数可以使用：
             *  （8）获得Restful风格的参数
             *  （9）自定义类型转换器
             *   *  1）定义转换器类实现Converter接口
                 *  2）在配置文件中声明转换器
             *  （10）获得Servlet相关API
             *  （11）获得请求头
             *   *  1） \`@RequestHeader\`
                 *  2）\`@CookieValue\`
     *  五、文件上传
     *   *  1、件上传客户端三要素
         *   *  （2）创建upload.jsp
         *  2、文件上传原理
         *  3、单文件上传步骤
         *   *  1)导入fileupload和io坐标
             *  2)配置文件上传解析器（spring-mvc.xml）
             *  3)编写文件上传代码
             *  4)运行测试
         *  4、多文件上传实现
         *   *  （1）修改upload.jsp
             *  （2）QuickController创建quickMethod24方法
             *  （3）运行测试
             *  （4）知识要点

## 一、SpringMVC ##

### 1、SpringMVC概述 ###

SpringMVC 是一种基于 Java 的实现 MVC 设计模型的请求驱动类型的轻量级 Web 框架

属于SpringFrameWork 的后续产品，已经融合在 Spring Web Flow 中。

SpringMVC 已经成为目前最主流的MVC框架之一，并且随着Spring3.0 的发布，

全面超越 Struts2，成为最优秀的 MVC 框架。

它通过一套注解，让一个简单的 Java 类成为处理请求的控制器，

而无须实现任何接口。

同时它还支持 RESTful 编程风格的请求。

### 2、SpringMVC快速入门（实战） ###

需求：客户端发起请求，服务器端接收请求，执行逻辑并进行视图跳转。

开发步骤：

*  导入SpringMVC相关坐标
 *  配置SpringMVC核心控制器DispathcerServlet
 *  创建Controller类和视图页面
 *  使用注解配置Controller类中业务方法的映射地址
 *  配置SpringMVC核心文件 spring-mvc.xml
 *  客户端发起请求测试

#### （1）创建SpringMVC工程 ####

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

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 1]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 2]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 3]

*  删除web.xml和pom.xml当中的一些内容  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 4]
 *  删除webapp下的WEB-INF当中的applicationContext.xml和log4j.xml，  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_13_color_FFFFFF_t_70_g_se_x_16]
 *  没有的文件创建出来  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 5]

#### （2）导入Spring和SpringMVC的坐标 ####

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

<?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/maven-v4_0_0.xsd">
    
      <modelVersion>4.0.0</modelVersion>
      <packaging>war</packaging>
    
      <name>itbluebox-springmvc</name>
      <groupId>cn.itbluebox</groupId>
      <artifactId>itbluebox-springmvc</artifactId>
      <version>1.0.0-SNAPSHOT</version>
    
      <dependencies>
        <dependency>
          <groupId>mysql</groupId>
          <artifactId>mysql-connector-java</artifactId>
          <version>5.1.32</version>
        </dependency>
        <dependency>
          <groupId>c3p0</groupId>
          <artifactId>c3p0</artifactId>
          <version>0.9.1.2</version>
        </dependency>
        <dependency>
          <groupId>com.alibaba</groupId>
          <artifactId>druid</artifactId>
          <version>1.1.10</version>
        </dependency>
        <dependency>
          <groupId>junit</groupId>
          <artifactId>junit</artifactId>
          <version>4.12</version>
          <scope>test</scope>
        </dependency>
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-context</artifactId>
          <version>5.0.5.RELEASE</version>
        </dependency>
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-test</artifactId>
          <version>5.0.5.RELEASE</version>
        </dependency>
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-web</artifactId>
          <version>5.0.5.RELEASE</version>
        </dependency>
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-webmvc</artifactId>
          <version>5.0.5.RELEASE</version>
        </dependency>
        <dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>javax.servlet-api</artifactId>
          <version>3.0.1</version>
          <scope>provided</scope>
        </dependency>
        <dependency>
          <groupId>javax.servlet.jsp</groupId>
          <artifactId>javax.servlet.jsp-api</artifactId>
          <version>2.2.1</version>
          <scope>provided</scope>
        </dependency>
      </dependencies>
    
    </project>

#### （3）创建Controller和业务方法 ####

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 7]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 8]

package cn.itbluebox.controller;
    
    public class QuickController {
        
    
        public String quickMethod(){
        
    
            System.out.println("quickMethod running.....");
    
            return "index.jsp";
        }
    
    }

#### （4）创建视图页面index.jsp ####

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 9]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 10]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <h2>Hello SpringMVC!</h2>
    </body>
    </html>

#### （5）配置注解 ####

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

package cn.itbluebox.controller;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    @Controller
    public class QuickController {
        
    
        @RequestMapping("/quick")
        public String quickMethod(){
        
    
            System.out.println("quickMethod running.....");
    
            return "index.jsp";
        }
    
    }

#### （6）创建spring-mvc.xml ####

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 12]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 13]

#### （7）在web.xml配置SpringMVC的核心控制器 ####

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

<?xml version="1.0" encoding="UTF-8"?>
    <web-app version="2.4"
             xmlns="http://java.sun.com/xml/ns/j2ee"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
             http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
        <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:spring-mvc.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>

#### （8）引入Tomcat插件 ####

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

<build>
        <plugins>
          <plugin>
            <groupId>org.apache.tomcat.maven</groupId>
            <artifactId>tomcat7-maven-plugin</artifactId>
            <version>2.1</version>
            <configuration>
              <port>8090</port>
              <path>/</path>
            </configuration>
          </plugin>
    
        </plugins>
    
      </build>

运行测试  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 16]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_13_color_FFFFFF_t_70_g_se_x_16 1]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_15_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 17]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 18]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 19]  
[http://localhost:8090/quick][http_localhost_8090_quick]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_14_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 20]

#### （9）配置视图解析器 ####

视图解释器，不设置后缀直接跳转  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 21]

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

package cn.itbluebox.controller;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    @Controller
    public class QuickController {
        
    
        @RequestMapping("/quick")
        public String quickMethod(){
        
            System.out.println("quickMethod running.....");
            return "index";
        }
    
    }

运行  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_19_color_FFFFFF_t_70_g_se_x_16]  
[http://localhost:8090/quick][http_localhost_8090_quick]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_10_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 23]

### 3、SpringMVC流程图示 ###

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

### 4、知识要点 ###

SpringMVC的开发步骤

## 二、SpringMVC 组件解析 ##

### 1、SpringMVC的执行流程 ###

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

*  用户发送请求至前端控制器DispatcherServlet。
 *  DispatcherServlet收到请求调用HandlerMapping处理器映射器。
 *  处理器映射器找到具体的处理器(可以根据xml配置、注解进行查找)，生成处理器对象及处理器拦截器(如果有则生成)一并返回给DispatcherServlet。
 *  DispatcherServlet调用HandlerAdapter处理器适配器。
 *  HandlerAdapter经过适配调用具体的处理器(Controller，也叫后端控制器)。
 *  Controller执行完成返回ModelAndView。
 *  HandlerAdapter将controller执行结果ModelAndView返回给DispatcherServlet。
 *  DispatcherServlet将ModelAndView传给ViewReslover视图解析器。
 *  ViewReslover解析后返回具体View。
 *  DispatcherServlet根据View进行渲染视图（即将模型数据填充至视图中）。
 *  DispatcherServlet响应用户。

### 2、SpringMVC组件解析 ###

1.  前端控制器：DispatcherServlet  
    用户请求到达前端控制器，它就相当于 MVC 模式中的 C，  
    DispatcherServlet 是整个流程控制的中心，由  
    它调用其它组件处理用户的请求，  
    DispatcherServlet 的存在降低了组件之间的耦合性。
2.  处理器映射器：HandlerMapping  
    HandlerMapping 负责根据用户请求找到 Handler 即处理器，  
    SpringMVC 提供了不同的映射器实现不同的  
    映射方式，例如：配置文件方式，实现接口方式，注解方式等。
3.  处理器适配器：HandlerAdapter  
    通过 HandlerAdapter 对处理器进行执行，这是适配器模式的应用，  
    通过扩展适配器可以对更多类型的处理器进行执行。
4.  处理器：Handler  
    它就是我们开发中要编写的具体业务控制器。  
    由 DispatcherServlet 把用户请求转发到 Handler。由Handler 对具体的用户请求进行处理。
5.  视图解析器：View Resolver  
    View Resolver 负责将处理结果生成 View 视图，  
    View Resolver 首先根据逻辑视图名解析成物理视图名，即具体的页面地址，再生成 View 视图对象，  
    最后对 View 进行渲染将处理结果通过页面展示给用户。
6.  视图：View  
    SpringMVC 框架提供了很多的 View 视图类型的支持，包括：jstlView、freemarkerView、pdfView等。最常用的视图就是 jsp。  
    一般情况下需要通过页面标签或页面模版技术将模型数据通过页面展示给用户，  
    需要由程序员根据业务需求开发具体的页面

### 3、SpringMVC注解解析 ###

**`@RequestMapping`**

**作用**：用于建立请求 URL 和处理请求方法之间的对应关系

**位置**：类上，请求URL 的第一级访问目录。

此处不写的话，就相当于应用的根目录  
方法上，请求 URL 的第二级访问目录，  
与类上的使用@ReqquestMapping标注的一级目录一起组成访问虚拟路径

**属性**：

`value`：用于指定请求的URL。它和path属性的作用是一样的  
`method`：用于指定请求的方式  
`params`：用于指定限制请求参数的条件。它支持简单的表达式。

要求请求参数的key和value必须和配置的一模一样

**例如**：  
`params = {"accountName"}`，表示请求参数必须有accountName  
`params = {"moeny!100"}`，表示请求参数中money不能是100

##### （1）mvc命名空间引入 #####

命名空间：

xmlns:context="http://www.springframework.org/schema/context"
    xmlns:mvc="http://www.springframework.org/schema/mvc"

约束地址：

http://www.springframework.org/schema/context
    http://www.springframework.org/schema/context/spring-context.xsd
    http://www.springframework.org/schema/mvc 
    http://www.springframework.org/schema/mvc/spring-mvc.xsd

##### （2）组件扫描 #####

SpringMVC基于Spring容器，所以在进行SpringMVC操作时，

需要将Controller存储到Spring容器中，

如果使用`@Controller`注解标注的话，就需要使用

<context:component-scan base-package=“cn.itbluebox.controller"/>

进行组件扫描。

### 4、SpringMVC的XML配置解析 ###

1.  视图解析器  
    SpringMVC有默认组件配置，默认组件都是DispatcherServlet.properties配置文件中配置的，该配置文件地址org/springframework/web/servlet/DispatcherServlet.properties，该文件中配置了默认的视图解析器，如下：

org.springframework.web.servlet.ViewResolver=org.springframework.web.servlet.view.InternalResourceViewResolver

翻看该解析器源码，可以看到该解析器的默认设置，如下：

REDIRECT_URL_PREFIX = "redirect:"  --重定向前缀
    FORWARD_URL_PREFIX = "forward:"    --转发前缀（默认值）
    prefix = "";     --视图名称前缀
    suffix = "";     --视图名称后缀

<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/views/"></property>
        <property name="suffix" value=".jsp"></property>
     </bean>

### 5、知识要点 ###

**SpringMVC的相关组件**

*  前端控制器：`DispatcherServlet`
 *  处理器映射器：`HandlerMapping`
 *  处理器适配器：`HandlerAdapter`
 *  处理器：`Handler`
 *  视图解析器：`View Resolver`
 *  视图：`View`

**SpringMVC的注解和配置**  
请求映射注解：`@RequestMapping`  
视图解析器配置：

REDIRECT_URL_PREFIX = "redirect:"  
    FORWARD_URL_PREFIX = "forward:"    
    prefix = "";     
    suffix = "";

## 三、SpringMVC的数据响应 ##

### 1、SpringMVC的数据响应方式 ###

1） 页面跳转  
直接返回字符串  
通过ModelAndView对象返回

2） 回写数据  
直接返回字符串  
返回对象或集合

### 2、页面跳转 ###

Forward（请求转发）  
Redirect（重定向）

#### （1）返回字符串形式 ####

直接返回字符串：

此种方式会将返回的字符串与视图解析器的前后缀拼接后跳转。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 26]

返回带有前缀的字符串：
    
    转发：
    forward:/WEB-INF/views/index.jsp
    
    重定向：
    redirect:/index.jsp

#### （2）创建JSP页面 ####

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 27]![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 28]

<%--
      Created by IntelliJ IDEA.
      User: ZHENG
      Date: 2021/9/14
      Time: 14:27
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
    <h1>views下的index.jsp</h1>
    ${name}
    </body>
    </html>

完善webapp下的index.jsp

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

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <h2>Hello SpringMVC!</h2>
    
        ${name}
    </body>
    </html>

#### （3）返回ModelAndView对象（在刚刚的QuickController当中写如下接口接口） ####

Redirect（重定向）

@RequestMapping("/quick002")
        public ModelAndView quickMethod2() {
        
            ModelAndView modelAndView = new ModelAndView();
            modelAndView.setViewName("redirect:index.jsp");
            return modelAndView;
        }

[http://localhost:8090/quick002][http_localhost_8090_quick002]

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

Forward（请求转发）

@RequestMapping("/quick003")
        public ModelAndView quickMethod3() {
        
            ModelAndView modelAndView = new ModelAndView();
            modelAndView.setViewName("forward:/WEB-INF/views/index.jsp");
            return modelAndView;
        }

[http://localhost:8090/quick003][http_localhost_8090_quick003]

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

#### （4）向request域存储数据（在刚刚的QuickController当中写如下接口接口） ####

在进行转发时，往往要向request域中存储数据，

在jsp页面中显示，那么Controller中怎样向request域中存储数据呢？

*  通过SpringMVC框架注入的`request`对象`setAttribute()`方法设置

@RequestMapping("/quick004")
        public String quickMethod4(HttpServletRequest request) {
        
            request.setAttribute("name", "zhangsan");
            return "index";
        }

[http://localhost:8090/quick004][http_localhost_8090_quick004]

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

*  通过ModelAndView的`addObject()`方法设置

@RequestMapping("/quick005")
        public ModelAndView quickMethod5() {
        
    
            ModelAndView modelAndView = new ModelAndView();
            modelAndView.setViewName("forward:/WEB-INF/views/index.jsp");
            modelAndView.addObject("name", "list");
            return modelAndView;
    
        }

[http://localhost:8090/quick005][http_localhost_8090_quick005]

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

### 3、回写数据 ###

#### （1）直接返回字符串 ####

Web基础阶段，客户端访问服务器端，  
如果想直接回写字符串作为响应体返回的话，只需要使用

`response.getWriter().print(“hello world”)` 即可，

那么在Controller中想直接回写字符串该怎样呢？

*  通过`SpringMVC`框架注入的`response`对象，  
    使用`response.getWriter().print(“hello world”)` 回写数据，  
    此时不需要视图跳转，业务方法返回值为void。

@RequestMapping("/quick006")
        public void quickMethod6(HttpServletResponse response)
                throws IOException {
        
            response.getWriter().print("hello world");
        }

[http://localhost:8090/quick006][http_localhost_8090_quick006]

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

*  将需要回写的字符串直接返回，但此时需要通过  
    `@ResponseBody`注解告知`SpringMVC`框架，  
    方法返回的字符串不是跳转是直接在http响应体中返回。

@RequestMapping("/quick007")
        @ResponseBody
        public String quickMethod7() throws IOException{
        
            return "hello springMVC!!!";
        }

[http://localhost:8090/quick007][http_localhost_8090_quick007]

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

*  在异步项目中，客户端与服务器端往往要进行json格式字符串交互，  
    此时我们可以手动拼接json字符串返回。

@RequestMapping("/quick008")
        @ResponseBody
        public String quickMethod8() throws IOException {
        
            return "{\"name\":\"zhangsan\",\"age\":18}";
        }

[http://localhost:8090/quick008][http_localhost_8090_quick008]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_17_color_FFFFFF_t_70_g_se_x_16 1]

#### （2）返回字符串（JSON）格式 ####

*  引入依赖

上述方式手动拼接json格式字符串的方式很麻烦，

开发中往往要将复杂的java对象转换成json格式的字符串，

我们可以使用web阶段学习过的json转换工具jackson进行转换，导入jackson坐标。

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

<dependency>
          <groupId>com.fasterxml.jackson.core</groupId>
          <artifactId>jackson-core</artifactId>
          <version>2.9.0</version>
        </dependency>
        <dependency>
          <groupId>com.fasterxml.jackson.core</groupId>
          <artifactId>jackson-databind</artifactId>
          <version>2.9.0</version>
        </dependency>
        <dependency>
          <groupId>com.fasterxml.jackson.core</groupId>
          <artifactId>jackson-annotations</artifactId>
          <version>2.9.0</version>
        </dependency>

*  创建User对象  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 31]  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 32]

package cn.itbluebox.pojo;
    
    public class User {
        
    
        private String name;
        private Integer age;
    
        public User() {
        
        }
    
        public User(String name, Integer age) {
        
            this.name = name;
            this.age = age;
        }
    
        public String getName() {
        
            return name;
        }
    
        public void setName(String name) {
        
            this.name = name;
        }
    
        public Integer getAge() {
        
            return age;
        }
    
        public void setAge(Integer age) {
        
            this.age = age;
        }
    
        @Override
        public String toString() {
        
            return "User{" +
                    "name='" + name + '\'' +
                    ", age=" + age +
                    '}';
        }
    }

*  QuickController当中创建quickMethod9方法  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 33]

@RequestMapping("/quick009")
        @ResponseBody
        public String quickMethod9() throws IOException{
        
            User user = new User();
            user.setName("zhangsan");
            user.setAge(18);
            ObjectMapper objectMapper = new ObjectMapper();
            String s = objectMapper.writeValueAsString(user);
            return s;
        }

![在这里插入图片描述][57644ebe30d34edda88833f4f04d217b.png]  
[http://localhost:8090/quick009][http_localhost_8090_quick009]

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

#### （3）返回对象或集合 ####

通过SpringMVC帮助我们对对象或集合进行json字符串的转换并回写，

为处理器适配器配置消息转换参数，指定使用jackson进行对象或集合的转换，

因此需要在

spring-mvc.xml中进行如下配置：

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

*  返回User对象  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 35]

@RequestMapping("/quick010")
        @ResponseBody
        public User quickMethod10() throws IOException{
        
            User user = new User();
            user.setName("lisi");
            user.setAge(19);
            return user;
        }

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 36]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_18_color_FFFFFF_t_70_g_se_x_16]

*  返回User对象的集合  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 37]

@RequestMapping("/quick011")
        @ResponseBody
        public ArrayList<User> quickMethod11() throws IOException{
        
            ArrayList<User> users = new ArrayList<User>();
            User user1 = new User("zhangsan",19);
            User user2 = new User("lisi",29);
            User user3 = new User("wangyu",39);
            User user4 = new User("zhaoliu",29);
            User user5 = new User("zhangzhan",39);
            users.add(user1);
            users.add(user2);
            users.add(user3);
            users.add(user4);
            users.add(user5);
            return users;
        }

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

#### （4）返回对象或者集合（简化配置） ####

在方法上添加@ResponseBody就可以返回json格式的字符串，但是这样配置比较麻烦，配置的代码比较多，因此，我们可以使用mvc的注解驱动代替上述配置。

<mvc:annotation-driven/>

在 SpringMVC 的各个组件中，处理器映射器、处理器适配器、

视图解析器称为 SpringMVC 的三大组件。

使用`<mvc:annotation-driven>`

自动加载 `RequestMappingHandlerMapping`（处理映射器）

和  
`RequestMappingHandlerAdapter`（ 处 理 适 配 器 ），

可用在`Spring-xml.xml`配置文件中使用

`<mvc:annotation-driven>`替代注解处理器和适配器的配置。

同时使用`<mvc:annotation-driven>`默认底层就会集成jackson进行对象或集合的json格式字符串的转换。

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 38]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 39]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 40]  
[http://localhost:8090/quick011][http_localhost_8090_quick011]

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

#### （5）SpringMVC的数据响应方式 ####

1） 页面跳转  
直接返回字符串  
通过ModelAndView对象返回

2） 回写数据  
直接返回字符串  
返回对象或集合

## 四、SpringMVC 获得请求数据 ##

### 1、获得请求参数 ###

客户端请求参数的格式是：name=value&name=value… …

服务器端要获得请求的参数，有时还需要进行数据的封装，  
SpringMVC可以接收如下类型的

参数：

*  基本类型参数
 *  POJO类型参数
 *  数组类型参数
 *  集合类型参数

Controller中的业务方法的参数名称要与请求参数的name一致，参数值会自动映射匹配。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 41]

@RequestMapping("/quick012")
        @ResponseBody
        public void quickMethod12(String name,int age) throws IOException{
        
            System.out.println(name);
            System.out.println(age);
    
        }

[http://localhost:8090/quick012?name=lisi&age=19][http_localhost_8090_quick012_name_lisi_age_19]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_19_color_FFFFFF_t_70_g_se_x_16 1]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 42]

### 2、获得POJO类型参数 ###

Controller中的业务方法的POJO参数的属性名与请求参数的name一致，参数值会自动映射匹配。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 43]

@RequestMapping("/quick013")
        @ResponseBody
        public void quickMethod13(User user) throws IOException{
        
            System.out.println(user);
        }

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 44]  
[http://localhost:8090/quick013?name=lisi&age=19][http_localhost_8090_quick013_name_lisi_age_19]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_18_color_FFFFFF_t_70_g_se_x_16 1]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_19_color_FFFFFF_t_70_g_se_x_16 2]

### 3、获得数组类型参数 ###

Controller中的业务方法数组名称与请求参数的name一致，参数值会自动映射匹配。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 45]

@RequestMapping("/quick014")
        @ResponseBody
        public void quickMethod14(String[] strs) throws IOException{
        
            System.out.println(Arrays.asList(strs));
        }

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 46]  
[http://localhost:8090/quick014?strs=111&strs=222&strs=333][http_localhost_8090_quick014_strs_111_strs_222_strs_333]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 47]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_17_color_FFFFFF_t_70_g_se_x_16 2]

### 4、获得集合类型参数 ###

获得集合参数时，要将集合参数包装到一个POJO中才可以。

#### （1）创建Vo对象 ####

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

package cn.itbluebox.pojo;
    
    import java.util.ArrayList;
    
    public class Vo {
        
    
        private ArrayList<User> userList;
    
        public Vo() {
        
        }
    
        public Vo(ArrayList<User> userList) {
        
            this.userList = userList;
        }
    
        public ArrayList<User> getUserList() {
        
            return userList;
        }
    
        public void setUserList(ArrayList<User> userList) {
        
            this.userList = userList;
        }
    
        @Override
        public String toString() {
        
            return "Vo{" +
                    "userList=" + userList +
                    '}';
        }
    }

#### （2）在QuickController当中创建quickMethod15方法 ####

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

@RequestMapping("/quick015")
        @ResponseBody
        public void quickMethod15(Vo vo) throws IOException{
        
            System.out.println(vo.getUserList());
        }

#### （3）创建login.jsp ####

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 49]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 50]

<%--
      Created by IntelliJ IDEA.
      User: ZHENG
      Date: 2021/9/14
      Time: 15:36
      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="${pageContext.request.contextPath}/quick015" method="post">
    
            name:<input type="text" name="userList[0].name"  ><br>
            age:<input type="text" name="userList[0].age"  ><br>
            name:<input type="text" name="userList[1].name"  ><br>
            age:<input type="text" name="userList[1].age"  ><br>
            name:<input type="text" name="userList[3].name"  ><br>
            age:<input type="text" name="userList[3].age"  ><br>
    
            <input type="submit" value="提交"><br>
    
        </form>
    
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_12_color_FFFFFF_t_70_g_se_x_16 2]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 51]

### 5、获得集合类型参数（Ajax提交） ###

当使用ajax提交时，可以指定contentType为json形式，

那么在方法参数位置使用

@RequestBody

可以直接接收集合数据而无需使用POJO进行包装。

#### （1）引入jquery-3.3.1.js，并创建login.html ####

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 52]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_12_color_FFFFFF_t_70_g_se_x_16 3]  
创建ajax.html页面  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 53]

<html>
    <head>
        <title>Title</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="js/jquery-3.3.1.js"></script>
        <script>
            var userList = new Array();
            userList.push({
          name:"zhangsan",age:18});
            userList.push({
          name:"lisi",age:28});
    
            $.ajax({
          
                type:"POST",
                url:"/quick016",
                data:JSON.stringify(userList),
                contentType:"application/json;charset=utf-8"
            });
    
        </script>
    </head>
    <body>
    
    </body>
    </html>

#### （2）修改web.xml ####

因为默认的配置DispatcherServlet屏蔽了html页面的访问，你需要加上如下：  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 54]

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

#### （3）修改spring-mvc.xml ####

注意：通过谷歌开发者工具抓包发现，没有加载到jquery文件，原因是SpringMVC的前端控制器DispatcherServlet的url-pattern配置的是/,代表对所有的资源都进行过滤操作，我们可以通过以下两种方式指定放行静态资源：

*  在`spring-mvc.xml`配置文件中指定放行的资源

<mvc:default-servlet-handler/>

*  使用`<mvc:default-servlet-handler/>`标签  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 55]

#### （4）在QuickController创建quickMethod16方法 ####

当使用ajax提交时，可以指定contentType为json形式，那么在方法参数位置使用

`@RequestBody`可以直接接收集合数据而无需使用POJO进行包装。

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

@RequestMapping("/quick016")
        @ResponseBody
        public void quickMethod16(@RequestBody List<User> userList) throws IOException{
        
            System.out.println(userList);
        }

#### （5）运行测试 ####

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 57]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 58]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 59]

#### （6）请求数据乱码问题 ####

*  修改ajax.html  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 60]
 *  刷新页面  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 61]
 *  当post请求时，数据会出现乱码，我们可以设置一个过滤器来进行编码的过滤。修改web.xml  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 62]

<filter>
            <filter-name>CharacterEncodingFilter</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>CharacterEncodingFilter</filter-name>
            <url-pattern>/*</url-pattern>
        </filter-mapping>

*  从新运行  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 63]

[http://localhost:8090/ajax.html][http_localhost_8090_ajax.html]

刷新页面  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_18_color_FFFFFF_t_70_g_se_x_16 3]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 64]

### 6、参数绑定 ###

#### （1）参数绑定注解@requestParam ####

##### 1）当请求的参数名称与Controller的业务方法参数名称不一致时，就需要通过 #####

`@RequestParam`注解显示的绑定。

*  创建login2.jsp

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 65]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 66]

<%--
      Created by IntelliJ IDEA.
      User: ZHENG
      Date: 2021/9/14
      Time: 16:55
      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="${pageContext.request.contextPath}/quick017" method="post" >
            <input type="text" name="name" ><br>
            <input type="submit" value="提交" ><br>
        </form>
    </body>
    </html>

*  在QuickController当中创建quickMethod17方法  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 67]

@RequestMapping("/quick017")
        @ResponseBody
        public void quickMethod17(@RequestParam("name") String username) throws IOException{
        
            System.out.println(username);
        }

*  运行测试  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 68]  
    [http://localhost:8090/login2.jsp][http_localhost_8090_login2.jsp]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_10_color_FFFFFF_t_70_g_se_x_16 1]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_19_color_FFFFFF_t_70_g_se_x_16 3]

##### 2）当请求的参数名称与Controller的业务方法参数名称不一致时，就需要通过@RequestParam注解显示的绑定。 #####

@RequestMapping("/quick14")
    @ResponseBody
    public void quickMethod14(@RequestParam("name") String username) 
    throws IOException {
        
    	System.out.println(username);
    }

##### 3）注解@RequestParam还有如下参数可以使用： #####

*  value：与请求参数名称
 *  required：此在指定的请求参数是否必须包括，默认是true，提交时如果没有此参数则报错
 *  defaultValue：当没有指定请求参数时，则使用指定的默认值赋值  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 69]

@RequestMapping("/quick018")
        @ResponseBody
        public void quickMethod18(
                @RequestParam(
                        value = "name",
                        required = false,
                        defaultValue = "itbluebox")
                        String username) 
                throws IOException{
        
            System.out.println(username);
        }

*  修改login2.jsp  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 70]

<%--
      Created by IntelliJ IDEA.
      User: ZHENG
      Date: 2021/9/14
      Time: 16:55
      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="${pageContext.request.contextPath}/quick018" method="post" >
            <input type="text" name="name" ><br>
            <input type="submit" value="提交" ><br>
        </form>
    
    </body>
    </html>

*  从新运行并测试  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 71]  
    [http://localhost:8090/login2.jsp][http_localhost_8090_login2.jsp]  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_11_color_FFFFFF_t_70_g_se_x_16]  
    显示默认值  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_17_color_FFFFFF_t_70_g_se_x_16 3]  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_10_color_FFFFFF_t_70_g_se_x_16 2]  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 72]

#### （8）获得Restful风格的参数 ####

Restful是一种软件架构风格、设计风格，而不是标准，  
只是提供了一组设计原则和约束条件。  
主要用于客户端和服务器交互类的软件，  
基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存机制等。

Restful风格的请求是使用“url+请求方式”表示一次请求目的的，

HTTP 协议里面四个表示操作方式的动词如下：

*  GET：用于获取资源
 *  POST：用于新建资源
 *  PUT：用于更新资源
 *  DELETE：用于删除资源

例如：

*  /user/1 GET ： 得到 id = 1 的 user
 *  /user/1 DELETE： 删除 id = 1 的 user
 *  /user/1 PUT： 更新 id = 1 的 user
 *  /user POST： 新增 user

上述url地址`/user/1`中的1就是要获得的请求参数，  
在SpringMVC中可以使用占位符进行参数绑定。

地址`/user/1`可以写成`/user/{id}`，占位符\{id\}对应的就是1的值。

在业务方法中我们可以使用

`@PathVariable`注解进行占位符的匹配获取工作。

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

@RequestMapping("/quick019/{name}")
        @ResponseBody
        public void quickMethod19(@PathVariable(value = "name",required = true) String name){
        
            System.out.println(name);
        }

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 74]  
直接在浏览器输入如下地址：

[http://localhost:8090/quick019/zhangsan][http_localhost_8090_quick019_zhangsan]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_14_color_FFFFFF_t_70_g_se_x_16 4]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 75]

#### （9）自定义类型转换器 ####

SpringMVC 默认已经提供了一些常用的类型转换器，例如客户端提交的字符串转换成int型进行参数设置。

但是不是所有的数据类型都提供了转换器，没有提供的就需要自定义转换器，

例如：日期类型的数据就需要自定义转换器。

自定义类型转换器的开发步骤：

*  定义转换器类实现Converter接口
 *  在配置文件中声明转换器
 *  在`<annotation-driven>`中引用转换器

##### 1）定义转换器类实现Converter接口 #####

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 76]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 77]

package cn.itbluebox.converter;
    import org.springframework.core.convert.converter.Converter;
    
    import java.text.ParseException;
    import java.text.SimpleDateFormat;
    import java.util.Date;
    
    public class DateConverter implements Converter<String, Date> {
        
    
        public Date convert(String source) {
        
            //将日期字符串转换成日期对象 返回
            SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
            Date data = null;
            try {
        
                data = format.parse(source);
            } catch (ParseException e) {
        
                e.printStackTrace();
            }
            return data;
        }
    }

##### 2）在配置文件中声明转换器 #####

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

spring-mvc.xml

在`<annotation-driven>`中引用转换器

<mvc:annotation-driven conversion-service="converterService"/>

#### （10）获得Servlet相关API ####

SpringMVC支持使用原始ServletAPI对象作为控制器方法的参数进行注入，常用的对象如下：

*  HttpServletRequest
 *  HttpServletResponse
 *  HttpSession

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

@RequestMapping("/quick020")
        @ResponseBody
        public void quickMethod20(HttpServletRequest request,
                                  HttpServletResponse response,
                                  HttpSession session){
        
    
            System.out.println(request);
            System.out.println(response);
            System.out.println(session);
    
        }

运行测试  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 80]  
[http://localhost:8090/quick020][http_localhost_8090_quick020]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 81]

#### （11）获得请求头 ####

##### 1） `@RequestHeader` #####

使用  
`@RequestHeader`可以获得请求头信息，  
相当于web阶段学习的`request.getHeader(name)`  
`@RequestHeader`注解的属性如下：  
`value`：请求头的名称  
`required`：是否必须携带此请求头

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

@RequestMapping("/quick021")
        @ResponseBody
        public void quickMethod21(
                @RequestHeader(
                        value = "User-Agent",
                        required = false)
                        String headerValue
        ){
        
    
            System.out.println(headerValue);
    
        }

##### 2）`@CookieValue` #####

使用`@CookieValue`可以获得指定Cookie的值

`@CookieValue`注解的属性如下：

`value`：指定cookie的名称  
`required`：是否必须携带此cookie

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

@RequestMapping("/quick022")
        @ResponseBody
        public void quickMethod22(
                @CookieValue(
                        value = "JSESSIONID",
                        required = false) String jsessionid){
        
    
            System.out.println(jsessionid);
    
        }

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 84]  
[http://localhost:8090/quick022][http_localhost_8090_quick022]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 85]

## 五、文件上传 ##

### 1、件上传客户端三要素 ###

表单项type=“file”  
表单的提交方式是post  
表单的enctype属性是多部分表单形式，及enctype=“multipart/form-data”

#### （2）创建upload.jsp ####

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 86]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 87]

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <form action="${pageContext.request.contextPath}/quick023"
              method="post" enctype="multipart/form-data">
    
            名称：<input type="text" name="name"><br>
            文件：<input type="file" name="file"><br>
            <input type="submit" value="提交">
    
        </form>
    </body>
    </html>

### 2、文件上传原理 ###

当form表单修改为多部分表单时，`request.getParameter()`将失效。  
`enctype=“application/x-www-form-urlencoded”`时，`form`表单的正文内容格式是：`key=value&key=value&key=value`  
当form表单的enctype取值为`Mutilpart/form-data`时，请求正文内容就变成多部分形式：

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

### 3、单文件上传步骤 ###

*  导入fileupload和io坐标
 *  配置文件上传解析器
 *  编写文件上传代码

#### 1)导入fileupload和io坐标 ####

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

<dependency>
                <groupId>commons-fileupload</groupId>
                <artifactId>commons-fileupload</artifactId>
                <version>1.2.2</version>
            </dependency>
            <dependency>
                <groupId>commons-io</groupId>
                <artifactId>commons-io</artifactId>
                <version>2.4</version>
            </dependency>

#### 2)配置文件上传解析器（spring-mvc.xml） ####

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

#### 3)编写文件上传代码 ####

在c盘下创建upload空文件夹

完善QuickController当中的quickMethod23  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 91]

@RequestMapping("/quick023")
        @ResponseBody
        public void quickMethod23(String name, MultipartFile file)throws IOException{
        
            //获得文件名称
            String file= uploadFile.getOriginalFilename();
            //保存文件
            file.transferTo(new File("C:\\upload\\"+originalFilename));
        }

#### 4)运行测试 ####

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

[http://localhost:8090/upload.jsp][http_localhost_8090_upload.jsp]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 93]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_14_color_FFFFFF_t_70_g_se_x_16 5]  
上传成功  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_16_color_FFFFFF_t_70_g_se_x_16 2]

### 4、多文件上传实现 ###

多文件上传，只需要将页面修改为多个文件上传项，  
将方法参数MultipartFile类型修改为`MultipartFile[]`即可

#### （1）修改upload.jsp ####

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

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <form action="${pageContext.request.contextPath}/quick024"
              method="post" enctype="multipart/form-data">
    
            名称：<input type="text" name="name"><br>
            文件1：<input type="file" name="files"><br>
            文件2：<input type="file" name="files"><br>
            文件3：<input type="file" name="files"><br>
            文件4：<input type="file" name="files"><br>
            <input type="submit" value="提交">
        </form>
    </body>
    </html>

#### （2）QuickController创建quickMethod24方法 ####

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

@RequestMapping("/quick024")
        @ResponseBody
        public void quickMethod24(String name, MultipartFile[] files)throws IOException{
        
            //获得文件名称
            for(MultipartFile file : files){
        
                String originalFilename = file.getOriginalFilename();
                //保存文件
                file.transferTo(new File("C:\\upload\\"+originalFilename));
            }
        }

#### （3）运行测试 ####

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 96]  
[http://localhost:8090/upload.jsp][http_localhost_8090_upload.jsp]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_12_color_FFFFFF_t_70_g_se_x_16 4]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_19_color_FFFFFF_t_70_g_se_x_16 4]

#### （4）知识要点 ####

*  MVC实现数据请求方式  
    基本类型参数  
    POJO类型参数  
    数组类型参数  
    集合类型参数
 *  MVC获取数据细节  
    中文乱码问题  
    @RequestParam 和 @PathVariable  
    自定义类型转换器  
    获得Servlet相关API  
    @RequestHeader 和 @CookieValue  
    文件上传

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/433b0d89c073454d85007761901cc924.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/451c560030da4a4487a27be01d17ba22.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/c180653ce7ec40e081871e919e78ed39.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/16cdf493f52c47dbb0eedb5247627ec4.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220828/7597d83d209c49f094954b5d7786bf4a.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_13_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/d2b89cecaf2d44558fc42e7448595f14.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 5]: /images/20220828/0b2712664cce4c9c805d6bc7d9cf4de9.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 6]: /images/20220828/e874c1eaa8ba4a45960f829ff0cbf333.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 7]: /images/20220828/8fb4f42c25464ce786160acc34c432b2.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 8]: /images/20220828/207a63088c1141cf8a5b14cf6580ca1a.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 9]: /images/20220828/8673c36734d542f79e5430df73abaf47.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 10]: /images/20220828/06b71aa4cb3c4e499278f7b3bc1d51c5.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 11]: /images/20220828/217d592d15fa42c39eb41be55f400812.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 12]: /images/20220828/839efe639e2041dd923f8994b9a4feee.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 13]: /images/20220828/be11764f5628430d81e550bebe123c96.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 14]: /images/20220828/26a0679fd73b4b4ba1d298fdda59b072.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 15]: /images/20220828/51ebb36caf3a47ac8598f94ee03298a7.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 16]: /images/20220828/1e54fb102f9a42c2adab1a4da66bd493.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_13_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/977b64f006ec44e48455e5a0afb4be47.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_15_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/f0e810a38b034451b3605a7fbad7ab91.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 17]: /images/20220828/721cea5a55544c38ab78eea4590e536a.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 18]: /images/20220828/64b60f35f68742deb04fc30fa00ca731.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 19]: /images/20220828/4706b4bdb4a146109276aa9d18490a08.png
[http_localhost_8090_quick]: http://localhost:8090/quick
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_14_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/4dab61180ecf4d2984c387a24b3339cc.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 20]: /images/20220828/d6da1e4ffe3840208f64d7dc130354ef.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 21]: /images/20220828/a15163a07ff641c2b10f9e3b8bac8fd2.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 22]: /images/20220828/63649fe24bff41c5abdfd3061b332347.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_19_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/57dff0ea3b11484b8037df98c69f87b6.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_10_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/39686f1473634736aeafbb9e011347f6.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 23]: /images/20220828/8e6bbd5134884caeb75b0738d1141aff.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 24]: /images/20220828/2cf6d31ab4204b70b7b5f3f6e2c36f87.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 25]: /images/20220828/47ea284d1e1d4e45bec6bf5b8dae8c39.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 26]: /images/20220828/99cd52a9e0a1429db20ccb5185468346.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 27]: https://img-blog.csdnimg.cn/62e39bec177c4e42a19ca19583d2c7b6.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 28]: /images/20220828/df0790ffd0a44470a8f546996d5cebae.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 29]: /images/20220828/fe8a06f6342a4bbcb65a12c406867975.png
[http_localhost_8090_quick002]: http://localhost:8090/quick002
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_13_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/e5ef08223ba84ca98314166cdcbd7320.png
[http_localhost_8090_quick003]: http://localhost:8090/quick003
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_14_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/c04fa2ef234d4f71845312cb3faab79c.png
[http_localhost_8090_quick004]: http://localhost:8090/quick004
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_14_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/2d8574d1bf0246e6b6253aee6083b4fb.png
[http_localhost_8090_quick005]: http://localhost:8090/quick005
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_12_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/f5f38ec646c94cd99c6e8315ee6ddbe7.png
[http_localhost_8090_quick006]: http://localhost:8090/quick006
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_17_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/c9d425d8c0fb4f62a6e2ce67418e7be6.png
[http_localhost_8090_quick007]: http://localhost:8090/quick007
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_16_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/b6134b4599494b139f39d72368980bec.png
[http_localhost_8090_quick008]: http://localhost:8090/quick008
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_17_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/eb24c7d743124e149481d1400fe07a8d.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 30]: /images/20220828/3000579a5d5f41d5b9c29c3f2a683a80.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 31]: /images/20220828/7d85e66118bb41449ede1c815767a90d.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 32]: /images/20220828/c914ee27ca8d4d80b60c073f39097dd7.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 33]: /images/20220828/42c96f5ade8748efb5f62042f19184ec.png
[57644ebe30d34edda88833f4f04d217b.png]: /images/20220828/1f77cafb2bb54c1fbdc7d43f9614ef17.png
[http_localhost_8090_quick009]: http://localhost:8090/quick009
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_12_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/46f7e39d5b8449e89d91801957776744.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 34]: /images/20220828/5c1ed83b8c95477b8ebaddc88d653cfd.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 35]: /images/20220828/239b9e12c4834cabab910a53d80732a5.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 36]: /images/20220828/c303c3a6194c489eb57c8dcc4c4d6e18.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_18_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/3149432812044f7297019c2c2bf9d8d1.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 37]: /images/20220828/8d1aaab9da1c4dbda219de24cbef51ad.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_16_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/c1e90a84e9f24f2485eb5fde35c5ac47.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 38]: /images/20220828/af620c6a89eb484487afe1ce940ca129.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 39]: /images/20220828/6a4e128b08a046b087719729f24e6e31.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 40]: /images/20220828/3bd4e01e29dc4973b087ef0bf222bc3e.png
[http_localhost_8090_quick011]: http://localhost:8090/quick011
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_14_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/5f526ab6f05046fd9d0e84657efc1e92.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 41]: /images/20220828/45c502da69e4439bb41b37622c79ebf1.png
[http_localhost_8090_quick012_name_lisi_age_19]: http://localhost:8090/quick012?name=lisi&age=19
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_19_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/35494fbe61344cdca77d96b6d65aca4c.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 42]: /images/20220828/80f1c79eea4c4157a4c209668100b823.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 43]: /images/20220828/d29ca1f003674d76892152c652802aec.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 44]: /images/20220828/9662337ceab4499cb065e330b0ebd5ae.png
[http_localhost_8090_quick013_name_lisi_age_19]: http://localhost:8090/quick013?name=lisi&age=19
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_18_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/cadcd62ca44e4bd0895e1f99dcabf917.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_19_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/b90c72e67a2046aba442e3d08f24a451.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 45]: /images/20220828/ffdeef654c334c4bae556466c4053f57.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 46]: /images/20220828/f17dedd78edf4857b21b8ba591afb418.png
[http_localhost_8090_quick014_strs_111_strs_222_strs_333]: http://localhost:8090/quick014?strs=111&strs=222&strs=333
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 47]: /images/20220828/38eaac08b42b4031b7a8182c2ee0f65c.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_17_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/9ad96df9be8c494b8c10fa8a9a84e87d.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_18_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/3781a74672204bc58fbf5b060a916891.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 48]: /images/20220828/f1cdc10842b5478bbaa1b6dd645e2bbf.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 49]: /images/20220828/8dd61940bf0341a0ad7881471d613979.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 50]: /images/20220828/985a6c13cb864910a81e6fdd0b1ba9df.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_12_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/d085dd59515a40a5b2bf598a182f2b91.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 51]: /images/20220828/fa0926167a974c1ab8617e3a62bd0d6b.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 52]: /images/20220828/4ae776f74b3a475aa7afe90136ff3af5.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_12_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/ca344be39b4e42cdb5170b3a4c723bdd.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 53]: /images/20220828/f166496f0b9c4f988f7457ce1a7bcab9.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 54]: /images/20220828/6606d78cefed4c96a5ca0bfd10e11d5d.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 55]: /images/20220828/741767d987c243f7a6d5f6a9c52546cd.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 56]: /images/20220828/2525b1da17a34af9847ea0f6d9021d88.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 57]: /images/20220828/ce5b696fb7db47199566257017e70aec.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 58]: /images/20220828/212db30d4024469aa625287061be1a3c.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 59]: /images/20220828/ef33db0200704c3989ac2b6e6bdbbc83.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 60]: /images/20220828/cdbcebe09a6447ac8c3686f5af0dbd5a.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 61]: /images/20220828/ef4a97145bbd4c6a86eba116be816e57.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 62]: /images/20220828/c2da8c2974d14ad7b0f0c787099a66d8.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 63]: /images/20220828/f1234507537d4cf68a2a840aa4b94648.png
[http_localhost_8090_ajax.html]: http://localhost:8090/ajax.html
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_18_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/e85c9c2c261344ac893e0b118d9ed222.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 64]: /images/20220828/4ef3faa6e83540c987dfc0a0cdd038d0.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 65]: /images/20220828/007150dc5ded4e2d91a13381ecd153b5.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 66]: /images/20220828/93b1faee4a8d461fb02bbfcd15486a48.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 67]: /images/20220828/a80ddbfc54b14a618327a361bedf4dd1.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 68]: /images/20220828/f2216aa6bd574a45b5bf96ffec326ce0.png
[http_localhost_8090_login2.jsp]: http://localhost:8090/login2.jsp
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_10_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/9747517b48824af59816daad57bc2982.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_19_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/cd7bb9545fb9401f9788cf26e84b0b5b.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 69]: /images/20220828/a6554d59250e49d4a83e32f82634a5fd.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 70]: /images/20220828/0a125ceb283b4d459bae2bf835639151.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 71]: /images/20220828/ef88fbdfda4e4625a8a9e8bb0a1b7d20.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_11_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/20ce0d6e201347e5bde538a47e5a970e.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_17_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/2e14d02f6b664ca8b3d49ea4755c6aa0.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_10_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/339e561f06e141d8ad97ddc4e6e39dd8.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 72]: /images/20220828/9eb181e5c4f74c7182c14957296b35df.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 73]: /images/20220828/955377d07ae44c61a51f393d73e5ecaf.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 74]: /images/20220828/6082ed9187864188ba3dfcc33464500b.png
[http_localhost_8090_quick019_zhangsan]: http://localhost:8090/quick019/zhangsan
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_14_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220828/92f4a6b72d5644519bb9d68051ccf919.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 75]: /images/20220828/25f69ce9f6bd4a4d8618eac5197068a8.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 76]: /images/20220828/0be3b916c28849a1af7da97942796600.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 77]: /images/20220828/00a39f7b7f0b4bb6b529c5663225799d.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 78]: /images/20220828/4b9fd8b8a70d4028b9690e441f6f14ec.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 79]: /images/20220828/046f154ddde148298cecea697a238518.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 80]: /images/20220828/c8feaddac36345e0b756150979ca5c41.png
[http_localhost_8090_quick020]: http://localhost:8090/quick020
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 81]: /images/20220828/c009b484c8f54541985121bc99ad617e.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 82]: /images/20220828/20ddebfcd5af4adba87fdbf04042e4b1.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 83]: /images/20220828/df2602e3196f4d209afe973000740c3e.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 84]: /images/20220828/e508d0a19df34fa493b6cc2ecc5a2865.png
[http_localhost_8090_quick022]: http://localhost:8090/quick022
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 85]: /images/20220828/92b1f48266b94597bc643c3c08c2b9fa.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 86]: /images/20220828/63711caf9b594d579ef9bfbf8ef0dd91.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 87]: /images/20220828/0ce52dd9dc8f442cb249d3ed40fd539c.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 88]: /images/20220828/804ce466bcb2489ab251174c958db495.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 89]: /images/20220828/387f50c1886c4af3b3b2891e01f5ae18.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 90]: /images/20220828/85233a8c32b0448784c9349261fda101.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 91]: /images/20220828/38d66d5c5c4e4e85a965e902cddca8ef.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 92]: /images/20220828/ea1c4b55de4544ffb496e2fab679dc75.png
[http_localhost_8090_upload.jsp]: http://localhost:8090/upload.jsp
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 93]: /images/20220828/e0bee7618efd40f2a14c87d843c65952.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_14_color_FFFFFF_t_70_g_se_x_16 5]: /images/20220828/9e198668c6174b0c98b1148877d49c87.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_16_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/e2048e2a652548c3aa881462425a3025.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 94]: /images/20220828/fd0a373288a44cd5b3f8b7ada172ddb7.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 95]: /images/20220828/f9184f193bcc4b1eb4ed878ab36127e2.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_20_color_FFFFFF_t_70_g_se_x_16 96]: /images/20220828/0a6050873bb5499ea972b7ed6eb6d92f.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_12_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220828/a6036df696b14b0ab4bca298fd633ff8.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6JOd55uS5a2QaXRibHVlYm94_size_19_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220828/0c59ac3737024f65926e2395288a0854.png