[Spring MVC学习03]参数绑定

蔚落 2023-09-28 14:48 55阅读 0赞

####  ####

*  前言
 *  1.基本数据类型(涉及乱码问题)
 *  2.包装类型
 *  3.通过@RequestParam获取参数
 *  4.字符串类型
 *  5.数组类型
 *  6.JavaBean类型
 *  7.List类型

## 前言 ##

Spring MVC支持对多种类型的请求参数进行封装

*  基本类型
 *  包装类型
 *  JavaBean
 *  数组类型
 *  字符串类型
 *  集合类型

因为主要是为了学习参数绑定的内容，所以有的方法，我就没有返回视图，大家不用在意浏览器的页面报404，关键是传参问题  
![在这里插入图片描述][6842ee36527d4602ba34e4b187ca0b96.png]

## 1.基本数据类型(涉及乱码问题) ##

设计表单页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <form action="/springmvc01/param" method="post">
            用户名：<input type="text" name="username"><br>
            年龄：<input type="text" name="age"><br>
            <input type="submit" value="提交">
        </form>
    
    
    </body>
    </html>

success.jsp(路径webapp/jsp/success.jsp)

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        传参成功
    </body>
    </html>

编写控制器接收参数

@Controller
    public class ParamController {
        
        @RequestMapping("/param")
        public String save(String username,Integer age){
        
            System.out.println("用户名："+username);
            System.out.println("年龄："+age);
            return "success";
        }
    }

这里要注意的是，控制器接收参数的形参名称必须和表单的name属性保持一致，否则会接收失败！  
Spring MVC.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="/jsp/"></property>
            
            <property name="suffix" value=".jsp"></property>
        </bean>
        
        <mvc:annotation-driven></mvc:annotation-driven>
    </beans>

![在这里插入图片描述][56304e5b0cad402d84d73da708ad51ce.png]  
![在这里插入图片描述][5236c0c4da154427a165705d617f6e21.png]  
![在这里插入图片描述][5a376c02ecc84a54a36bfce24e960f08.png]  
我们发现出现了乱码问题,这时我们可以配置Spring MVC提供字符编码过滤器来解决问题。

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

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

## 2.包装类型 ##

@RequestMapping("/packageType")
        public void packageType(Integer id){
        
            System.out.println("id:"+id);
        }

![在这里插入图片描述][47e3d277fbbe49f48fe6276dbd781a62.png]  
![在这里插入图片描述][f69b9dfdb90b43128f8d45efb9d269ad.png]

## 3.通过@RequestParam获取参数 ##

如果我们的前端参数名称和后端方法参数名称不一致，就无法获取到对应的参数值，为了解决前后端参数名称不一致的问题，SpringMVC框架提供了【@RequestParam】注解，解决参数名称不一致的问题。  
![在这里插入图片描述][0ed39987ecdf43b7b455c72c1d39bb17.png]

## 4.字符串类型 ##

![在这里插入图片描述][f09d477540934d3db280f61b6c8d539c.png]  
String类型的参数，如果我们没有传参的话，默认是null  
![在这里插入图片描述][11d1b75a521e4f2296fe42f48d9e8ae3.png]

## 5.数组类型 ##

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

## 6.JavaBean类型 ##

准备一个实体类

public class User {
        
        private Integer id;
        private String username;
        private String password;
    
        public Integer getId() {
        
            return id;
        }
    
        public void setId(Integer id) {
        
            this.id = id;
        }
    
        public String getUsername() {
        
            return username;
        }
    
        public void setUsername(String username) {
        
            this.username = username;
        }
    
        public String getPassword() {
        
            return password;
        }
    
        public void setPassword(String password) {
        
            this.password = password;
        }
    
     @Override
     public String toString() {
        
      return "User{" +
              "id=" + id +
              ", username='" + username + '\'' +
              ", password='" + password + '\'' +
              '}';
     }
    }

## 7.List类型 ##

集合类型的数据要使用JavaBean进行封装

public class User {
        
        private Integer id;
        private String username;
        private String password;
        private List<Integer> ids;
    
        public List<Integer> getIds() {
        
            return ids;
        }
    
        public void setIds(List<Integer> ids) {
        
            this.ids = ids;
        }
    
        public Integer getId() {
        
            return id;
        }
    
        public void setId(Integer id) {
        
            this.id = id;
        }
    
        public String getUsername() {
        
            return username;
        }
    
        public void setUsername(String username) {
        
            this.username = username;
        }
    
        public String getPassword() {
        
            return password;
        }
    
        public void setPassword(String password) {
        
            this.password = password;
        }
    
        @Override
        public String toString() {
        
            return "User{" +
                    "id=" + id +
                    ", username='" + username + '\'' +
                    ", password='" + password + '\'' +
                    ", ids=" + ids +
                    '}';
        }
    }

list.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <form action="/data" method="post">
            ids0:<input type="text" name="ids[0]">
            ids1:<input type="text" name="ids[1]">
            <input type="submit" value="提交">
        </form>
    </body>
    </html>

![在这里插入图片描述][03a83fbb02e84fdca8b9173bcdf8ac11.png]  
![在这里插入图片描述][d229b7b784dd4e1f87d2d99e684923da.png]  
![在这里插入图片描述][a46c3e568c9c416197494751c66c8d21.png]

public class Phone {
        
        private String num;
    
        public String getNum() {
        
            return num;
        }
    
        public void setNum(String num) {
        
            this.num = num;
        }
    
        @Override
        public String toString() {
        
            return "Phone{" +
                    "num='" + num + '\'' +
                    '}';
        }
    }

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

[6842ee36527d4602ba34e4b187ca0b96.png]: https://img-blog.csdnimg.cn/6842ee36527d4602ba34e4b187ca0b96.png
[56304e5b0cad402d84d73da708ad51ce.png]: https://img-blog.csdnimg.cn/56304e5b0cad402d84d73da708ad51ce.png
[5236c0c4da154427a165705d617f6e21.png]: https://img-blog.csdnimg.cn/5236c0c4da154427a165705d617f6e21.png
[5a376c02ecc84a54a36bfce24e960f08.png]: https://img-blog.csdnimg.cn/5a376c02ecc84a54a36bfce24e960f08.png
[b34305f05d904483a213b02a61f54452.png]: https://img-blog.csdnimg.cn/b34305f05d904483a213b02a61f54452.png
[47e3d277fbbe49f48fe6276dbd781a62.png]: https://img-blog.csdnimg.cn/47e3d277fbbe49f48fe6276dbd781a62.png
[f69b9dfdb90b43128f8d45efb9d269ad.png]: https://img-blog.csdnimg.cn/f69b9dfdb90b43128f8d45efb9d269ad.png
[0ed39987ecdf43b7b455c72c1d39bb17.png]: https://img-blog.csdnimg.cn/0ed39987ecdf43b7b455c72c1d39bb17.png
[f09d477540934d3db280f61b6c8d539c.png]: https://img-blog.csdnimg.cn/f09d477540934d3db280f61b6c8d539c.png
[11d1b75a521e4f2296fe42f48d9e8ae3.png]: https://img-blog.csdnimg.cn/11d1b75a521e4f2296fe42f48d9e8ae3.png
[f409a038e1b74aa5806c88f27f3f6e38.png]: https://img-blog.csdnimg.cn/f409a038e1b74aa5806c88f27f3f6e38.png
[03a83fbb02e84fdca8b9173bcdf8ac11.png]: https://img-blog.csdnimg.cn/03a83fbb02e84fdca8b9173bcdf8ac11.png
[d229b7b784dd4e1f87d2d99e684923da.png]: https://img-blog.csdnimg.cn/d229b7b784dd4e1f87d2d99e684923da.png
[a46c3e568c9c416197494751c66c8d21.png]: https://img-blog.csdnimg.cn/a46c3e568c9c416197494751c66c8d21.png
[9e9e95e5ebc0452c85003ff885fabffd.png]: https://img-blog.csdnimg.cn/9e9e95e5ebc0452c85003ff885fabffd.png
[9a66dbb1bfcb4fba8f5ee828b8261f84.png]: https://img-blog.csdnimg.cn/9a66dbb1bfcb4fba8f5ee828b8261f84.png