SpringMVC项目请求(参数)

秒速五厘米 2024-04-01 03:20 116阅读 0赞

SpringMVC是web层的框架，主要的作用是接收请求、接收数据、响应结果，分成四部分内容:

*  请求映射路径
 *  请求参数
 *  日期类型参数传递
 *  响应json数据

本次介绍的是请求参数。

请求路径设置好后，只要确保页面发送请求地址和后台Controller类中配置的路径一致，就可以接收到前端的请求，接收到请求后，如何接收页面传递的参数?

关于请求参数的传递与接收是和请求方式有关系的，目前比较常见的两种请求方式为：

*  GET
 *  POST

针对于不同的请求前端如何发送，后端如何接收?

### 1. 环境准备 ###

*  创建一个Web的Maven项目
 *  pom.xml添加Spring依赖
    
        <?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>com.dcxuexi</groupId>
          <artifactId>springmvc_03_request_param</artifactId>
          <version>1.0-SNAPSHOT</version>
          <packaging>war</packaging>
        
          <name>springmvc_03_request_param 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>org.springframework</groupId>
              <artifactId>spring-webmvc</artifactId>
              <version>5.2.15.RELEASE</version>
            </dependency>
            <dependency>
              <groupId>javax.servlet</groupId>
              <artifactId>javax.servlet-api</artifactId>
              <version>3.1.0</version>
              <scope>provided</scope>
            </dependency>
          </dependencies>
        
          <build>
            <plugins>
              <plugin>
                <groupId>org.apache.tomcat.maven</groupId>
                <artifactId>tomcat7-maven-plugin</artifactId>
                <version>2.1</version>
                <configuration>
                  <port>80</port>
                  <path>springmvc</path>
                </configuration>
              </plugin>
            </plugins>
          </build>
        
        </project>
 *  创建对应的配置类SpringMvcConfig和ServletContainersInitConfig
    
        @Configuration
        @ComponentScan("com.dcxuexi.controller")
        public class SpringMvcConfig {
              
        }
    
        public class ServletContainersInitConfig extends AbstractAnnotationConfigDispatcherServletInitializer {
              
            @Override
            protected Class<?>[] getRootConfigClasses() {
              
                return new Class[0];
            }
        
            @Override
            protected Class<?>[] getServletConfigClasses() {
              
                return new Class[]{
              SpringMvcConfig.class};
            }
        
            @Override
            protected String[] getServletMappings() {
              
                return new String[]{
              "/"};
            }
        }
 *  编写UserController
    
        @RequestMapping("/user")
        @Controller
        public class UserController {
              
        
            @RequestMapping("/select")
            @ResponseBody
            public String select(){
              
                System.out.println("UserController select(), running....");
                return "{\"userName\":\"xiaochuang\"}";
            }
        }

最终创建好的项目结构如下:

![在这里插入图片描述][20835d1aeb2f48b4998ae956e1d0c422.png_pic_center]

### 2. 参数传递 ###

#### GET发送单个参数 ####

发送请求与参数:

http://localhost/springmvc/user/select?name=zhangsan

![在这里插入图片描述][980b1d2b088346e786d40c0f01f6508d.png_pic_center]

接收参数：

@RequestMapping("/user")
    @Controller
    public class UserController {
        
    
        @RequestMapping("/select")
        @ResponseBody
        public String select(String name){
        
            System.out.println("普通参数传递 name ==> "+name);
            return "{\"userName\":\""+name+"\"}";
        }
    }

#### GET发送多个参数 ####

发送请求与参数:

http://localhost/springmvc/user/select?name=zhangsan&age=20

![在这里插入图片描述][f27ff1e8807b4ef6afe6bd1629899303.png_pic_center]

接收参数：

@RequestMapping("/user")
    @Controller
    public class UserController {
        
    
        @RequestMapping("/select")
        @ResponseBody
        public String select(String name,Integer age){
        
            System.out.println("普通参数传递 name ==> "+name);
            System.out.println("普通参数传递 age ==> "+age);
    
            return "{\"userName\":\""+name+"\",\"age\":"+age+"}";
        }
    }

#### GET请求中文乱码 ####

如果我们传递的参数中有中文，你会发现接收到的参数会出现中文乱码问题。

发送请求:`http://localhost/springmvc/user/select?name=张三&age=20`

控制台:

![在这里插入图片描述][4c533b85a19a4873bc61b59282b6ad94.png_pic_center]

![在这里插入图片描述][bf887b7284384c72a08d5adc157b8a0c.png_pic_center]

出现乱码的原因相信大家都清楚，Tomcat8.5以后的版本已经处理了中文乱码的问题，但是IDEA中的Tomcat插件目前只到Tomcat7，所以需要修改pom.xml来解决GET请求中文乱码问题

<build>
        <plugins>
          <plugin>
            <groupId>org.apache.tomcat.maven</groupId>
            <artifactId>tomcat7-maven-plugin</artifactId>
            <version>2.1</version>
            <configuration>
              <port>80</port>
              <path>springmvc</path>
              <uriEncoding>UTF-8</uriEncoding>
            </configuration>
          </plugin>
        </plugins>
      </build>

![在这里插入图片描述][6d2b6ebcb36647d9baf074996097da30.png_pic_center]

#### POST发送参数 ####

发送请求与参数:

![在这里插入图片描述][0e6ee3c7dfcb451dbc35827855dd30bc.png_pic_center]

接收参数：

和GET一致，不用做任何修改

@RequestMapping("/user")
    @Controller
    public class UserController {
        
    
        @RequestMapping("/select")
        @ResponseBody
        public String select(String name,Integer age){
        
            System.out.println("普通参数传递 name ==> "+name);
            System.out.println("普通参数传递 age ==> "+age);
            return "{\"userName\":\""+name+"\",\"age\":"+age+"}";
        }
    }

#### POST请求中文乱码 ####

发送请求与参数:

![在这里插入图片描述][6be9a3ba2cf746abb37e33eea8dadd22.png_pic_center]

接收参数:

控制台打印，会发现有中文乱码问题。

![在这里插入图片描述][77e583d64a0b401aa8ca2b06587ef959.png_pic_center]

解决方案:配置过滤器

public class ServletContainersInitConfig extends AbstractAnnotationConfigDispatcherServletInitializer {
        
        @Override
        protected Class<?>[] getRootConfigClasses() {
        
            return new Class[0];
        }
    
        @Override
        protected Class<?>[] getServletConfigClasses() {
        
            return new Class[]{
        SpringMvcConfig.class};
        }
    
        @Override
        protected String[] getServletMappings() {
        
            return new String[]{
        "/"};
        }
    
        //乱码处理
        @Override
        protected Filter[] getServletFilters(){
        
            CharacterEncodingFilter filter = new CharacterEncodingFilter();
            filter.setEncoding("UTF-8");
            return new Filter[]{
        filter};
        }
    }

CharacterEncodingFilter是在spring-web包中，所以用之前需要导入对应的jar包。

![在这里插入图片描述][82ec6c7a6c424b299c36a38a9a5b6a19.png_pic_center]

### 项目代码 ###

*  [gitee 代码下载][gitee]
 *  [github 代码下载][github]

[20835d1aeb2f48b4998ae956e1d0c422.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/97910d464ded486fb4e892a55d3fb0d8.png
[980b1d2b088346e786d40c0f01f6508d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/04db13aa8495403b9c52dcec69618204.png
[f27ff1e8807b4ef6afe6bd1629899303.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/940d9c7f1cd34513b200d998d810c34f.png
[4c533b85a19a4873bc61b59282b6ad94.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/158ea2b3f09f4625aa05a30b53955a8d.png
[bf887b7284384c72a08d5adc157b8a0c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c0a18524cc9b4504a5ce4473191975e1.png
[6d2b6ebcb36647d9baf074996097da30.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/b67041097fa5410dab6c40bdb2b7f1c7.png
[0e6ee3c7dfcb451dbc35827855dd30bc.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/db38012985f8480dbfff6077cf09cef9.png
[6be9a3ba2cf746abb37e33eea8dadd22.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/6831ff9e44484dd0a2d56fb56b2471cf.png
[77e583d64a0b401aa8ca2b06587ef959.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/98b0d4625c4243b194ad69b61ea51513.png
[82ec6c7a6c424b299c36a38a9a5b6a19.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e7612aa4d54442dbbfbd47f9c25a3c4e.png
[gitee]: https://gitee.com/DchuangDB/SpringMVCProject
[github]: https://github.com/dcbut/SpringMVCProject