SpringMVC学习（六）——接收请求参数及数据回显乱码

缺乏、安全感 2023-01-11 08:15 101阅读 0赞

### 接收请求参数及数据回显 ###

*  前端接收
 *   *  前端接收普通数据
     *  前端接收一个对象
 *  数据显示到前端
 *  数据乱码

# 前端接收 #

## 前端接收普通数据 ##

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

## 前端接收一个对象 ##

**要求提交的表单域和对象的属性名一致，参数使用对象即可**

1．接收前端用户传递的参数，判断参数的名字，假设名字直接在方法上可以直接使用  
2．假设传递的是一个对象User，匹配User对象中的字段名;如果名字一致则oK，否则匹配不到

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoYXJfbQ_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][20210126015929387.png]  
![在这里插入图片描述][20210126020037316.png]

# 数据显示到前端 #

1、通过ModelAndView  
![在这里插入图片描述][20210126020225801.png]  
2、通过Model  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoYXJfbQ_size_16_color_FFFFFF_t_70 3]  
3、通过ModelMap  
![在这里插入图片描述][20210126020319489.png]

*  Model 只有察察几个方法只适合用于储存数据，简化了新手对于Model对象的操作和理解;
 *  ModelNap继承了LinkedMap ，除了实现了自身的一些方法，同样的继承 LinkedMap的方法和特性;
 *  NodelAndview 可以在储存数据的同时，可以进行设置返回的逻辑视图，"进行控制展示层的跳转。

# 数据乱码 #

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

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoYXJfbQ_size_16_color_FFFFFF_t_70]: /images/20221119/e0a75c0ea2da40c58fa867f8f7822da9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoYXJfbQ_size_16_color_FFFFFF_t_70 1]: /images/20221119/9c3134029f3e4b32b8c1e0919a229e6b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoYXJfbQ_size_16_color_FFFFFF_t_70 2]: /images/20221119/ee392589c2af4d0190803460922c1f29.png
[20210126015929387.png]: /images/20221119/c79b717d37ef4288bebed6a7e17c63fa.png
[20210126020037316.png]: /images/20221119/9a4ba17c9eeb45d49455ff73098923e3.png
[20210126020225801.png]: https://img-blog.csdnimg.cn/20210126020225801.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoYXJfbQ_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/2021012602025658.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoYXJfbQ==,size_16,color_FFFFFF,t_70
[20210126020319489.png]: https://img-blog.csdnimg.cn/20210126020319489.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoYXJfbQ_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20210126024539408.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoYXJfbQ==,size_16,color_FFFFFF,t_70