Spring Boot获取前端页面参数的几种方式总结

谁借莪１个温暖的怀抱￠ 2022-05-29 09:43 156阅读 0赞

原文地址：[http://blog.csdn.net/a532672728/article/details/78057218][http_blog.csdn.net_a532672728_article_details_78057218]

Spring Boot的一个好处就是通过注解可以轻松获取前端页面的参数，之后可以将参数经过一系列处理传送到后台数据库，前段时间正好用到，但是忘得差不多了，获得的方式有很多种，这种东西不写下来一段时间不用就忘得差不多了，感觉记性越来越差了呢，这里稍微总结一下，大致分为以下几种：   
　　   
　　1.指定前端url请求参数名称与方法名一致，见下图，这种方式简单来说就是url请求格式中的参数需要与方法的参数名称对应上，举个例子，这么一个url请求[http://localhost:8080/0919/test1?name=xxx&pwd=yyy][http_localhost_8080_0919_test1_name_xxx_pwd_yyy]，在指定的控制器类上加上Controller注解，同时指定RequestMapping注解即可，当请求路径参数与方法参数匹配上时会自动注入   
　　![这里写图片描述][SouthEast]

启动主程序，访问浏览器出现下图，表明注入参数成功，这种方式一般是get请求   
　　![这里写图片描述][SouthEast 1]

2.第二种方式是通过HttpServletRequest来获取前端页面参数，代码见下图 ，简单来说就是通过调用request的getParameter方法来获取参数，比如访问路径类似这样[http://localhost:8080/0919/test2?firstName=zhang&lastName=san][http_localhost_8080_0919_test2_firstName_zhang_lastName_san]   
　　![这里写图片描述][SouthEast 2]   
　　   
　　启动主程序，访问浏览器出现下图，表明注入参数成功，这种方式也可以获取表单参数，一般get和post请求都可以

![这里写图片描述][SouthEast 3]

3.第三种方式是通过创建一个JavaBean对象来封装表单参数或者是请求url路径中的参数，具体代码见下图   
　　![这里写图片描述][SouthEast 4]

对应的JavaBean对象是下面这个   
　　![这里写图片描述][SouthEast 5]   
　　   
　　简单来说就是将表单参数作为一个JavaBean类的属性，通过设置方法参数为一个JavaBean对象，之后在方法中通过调用对象的get方法来获取表单传过来的参数，比如访问路径是这个[http://localhost:8080/0919/test3?firstName=zhang&lastName=san][http_localhost_8080_0919_test3_firstName_zhang_lastName_san] 启动主程序，在浏览器访问见下图，表明注入参数成功，这种方式如果请求的表单参数很多可以考虑使用这种方式   
　　![这里写图片描述][SouthEast 6]

４.第四种方式是通过PathVariable注解来绑定请求路径的参数，参考代码见下   
　　![这里写图片描述][SouthEast 7]   
　　   
　　这种情况简单来说就是url中采用动态绑定的形式表示，之后在方法中指定的参数通过PathVariable来将请求的url中的参数绑定到方法参数，这里在不指定PathVariable注解的具体值时按照请求路径中的动态变量顺序与注解顺序一致即可注入 ，如果想指定注入，那么指定PathVariable注解的值与动态变量的名一致即可特定注入。比如请求路径是这个[http://localhost:8080/0919/test4/111/222][http_localhost_8080_0919_test4_111_222]

启动主程序，在浏览器访问，出现下图表明注入参数成功   
　　   
　　![这里写图片描述][SouthEast 8]

５.第五种方式是通过RequestParam注解来获取，具体代码见下   
　　![这里写图片描述][SouthEast 9]

这种方式是通过url路径的形式将请求路径上的参数绑定到方法的参数上，简单来说就是实参值赋给相应的形参，与上面那种方式的区别是前者是动态url模板注入，这里是个普通的url请求注入·，比如访问路径是这个[http://localhost:8080/0919/test5?aaa=111&bbb=4444][http_localhost_8080_0919_test5_aaa_111_bbb_4444]

启动主程序，访问该请求，浏览器出现下面这个表明注入参数成功，这里可以通过指定RequestParam的value值来指定url请求路径参数指定注入到哪个具体方法参数，不过一般两者名字一致比较方便   
　　![这里写图片描述][SouthEast 10]

6.第六种方式是通过ModelAttribute方式来注入参数，具体代码见下   
　　![这里写图片描述][SouthEast 11]

这种方式一般是通过在页面展示，所以这里创建两个页面做测试test2.jsp和test3.jsp进行测试   
　　![这里写图片描述][SouthEast 12]

![这里写图片描述][SouthEast 13]

简单来说就是通过ModelAttribute注解将请求参数封装到指定的JavaBean对象，同时通过value值将这个接受了表单参数的对象赋给value，这里就是将s赋给了一个变量名为kkk的存在，之后就可以在jsp页面通过这个变量名使用el表达式来获取从表单传过来的参数，这里测试路径是[http://localhost:8080/0919/kkk][http_localhost_8080_0919_kkk]，访问在浏览器进行测试，见下图   
　　 ![这里写图片描述][SouthEast 14]

点击提交，出现下图，表明表单参数成功被后台接受并在前台页面输出，这种方式一般是需要在前台页面输出的时候使用   
　　 ![这里写图片描述][SouthEast 15]

总的来说Spring Boot获取前端页面参数的方式大致就上面这几种，可以根据自己的实际情况来选择其中的任意一种方式，个人一般推荐前三种方式，当然具体选哪种还是因人而异。

[http_blog.csdn.net_a532672728_article_details_78057218]: http://blog.csdn.net/a532672728/article/details/78057218
[http_localhost_8080_0919_test1_name_xxx_pwd_yyy]: http://localhost:8080/0919/test1?name=xxx&pwd=yyy
[SouthEast]: /images/20220529/b7256aa1dd254808910e6ffdcba652c2.png
[SouthEast 1]: /images/20220529/fe1224d6f424450a9e36ebde711da085.png
[http_localhost_8080_0919_test2_firstName_zhang_lastName_san]: http://localhost:8080/0919/test2?firstName=zhang&lastName=san
[SouthEast 2]: /images/20220529/bef5bffd1325434f9483a30e374e1c32.png
[SouthEast 3]: /images/20220529/bae80e1a71d14ca291f1fdc24aff857f.png
[SouthEast 4]: /images/20220529/76ca3d8ba6f84738b97350330921c1f7.png
[SouthEast 5]: /images/20220529/878b4988a4bd4260a03739652704520e.png
[http_localhost_8080_0919_test3_firstName_zhang_lastName_san]: http://localhost:8080/0919/test3?firstName=zhang&lastName=san
[SouthEast 6]: /images/20220529/3a97b91655e74dbeb3d92110fbef681b.png
[SouthEast 7]: /images/20220529/94473ba5dc3444b1b429d13c18b422c8.png
[http_localhost_8080_0919_test4_111_222]: http://localhost:8080/0919/test4/111/222
[SouthEast 8]: /images/20220529/9e40b37096ed4fb5b0862bcf68213e5c.png
[SouthEast 9]: /images/20220529/c5aa932382b247e282b8d7b7d50e83dd.png
[http_localhost_8080_0919_test5_aaa_111_bbb_4444]: http://localhost:8080/0919/test5?aaa=111&bbb=4444
[SouthEast 10]: /images/20220529/c84b290037f14f948799eb91544d714f.png
[SouthEast 11]: /images/20220529/0a5daf7335074401b5e8f5e4f662235f.png
[SouthEast 12]: /images/20220529/9a2255f98bf84ea6a47471a56e830e0c.png
[SouthEast 13]: /images/20220529/1c3f17ae509942c6a2691b97adbaa366.png
[http_localhost_8080_0919_kkk]: http://localhost:8080/0919/kkk
[SouthEast 14]: /images/20220529/85004e2e5e584c61bdc82c79960975a1.png
[SouthEast 15]: /images/20220529/7c18958538bf42a4b385ba7c1e04039c.png