JSP 页面中的几个变量或方法和后台的controller之间的关系

发布时间：2020-08-10 18:08:21 阅读：195 作者：linmenglan1 栏目：编程语言

前端开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

我们先来看看这两张图：
第一张为JSP 页面
JSP 页面中的几个变量或方法和后台的controller之间的关系

第二张为 controller 后台： JSP 页面中的几个变量或方法和后台的controller之间的关系

1.我们先看第一张的jsp
<form role="form" id="myform" action="chargeDeviceList.htm" method="post" class="form-horizontal">
这边的 action="chargeDeviceList.htm" 方法就是调用 (value = "/chargeDeviceList")这边的，所以action 这边要和 value 里面的值一样。

2 <input type="hidden" value="queryChargeDeviceList.htm" id="formName">
这边还有个翻页的方法，所以这边的方法也要和 (value = "/chargeDeviceList") 这边的一样，如果不一样，翻页就会报错。

3 <input type="text" class="form-control col-md-8" name="nickName" id="nickName" placeholder="设备名称" value="${nickName}" >
这边的几个变量我们来解释下：name="nickName" 是传到后台controller 去的数据，是传给
ModelAndView queryChargeDeviceList(PageBean pageBean, HttpServletRequest request, HttpServletResponse response,String nickName,String chargePortLeft,String chargePortRight) 中这些对应的变量。
id="nickName" 是 jsp 页面之前的相互传值的变量。
value="${nickName}" 是 controller 那边的return 传出来的参数变量
JSP 页面中的几个变量或方法和后台的controller之间的关系

ModelAndView mav = new ModelAndView("charge/chargeDeviceList");

 return mav.addObject("pageBean", pageBean)
        .addObject("nickName",nickName)
        .addObject("chargePortLeft",chargePortLeft)
        .addObject("chargePortRight",chargePortRight);

4 现在我们再来理解下调用的顺序：
首先，我们点击某个页面的时候，比如某个报表，会再地址栏出现：一串地址
http://xxx.xxx.xxx.xxx:8080/aaa/chargeDeviceList.htm?.........
这个chargeDeviceList.htm 这个地方得这个就是取自action="chargeDeviceList.htm" 这里的。
然后，这个action="chargeDeviceList.htm" 就会去找到 controller 那边的对应的方法
@RequestMapping(value = "/chargeDeviceList") 如果不到找到对应的方法，就会报错，如果找得到，就会继续响应，然后将 jsp 中的变量 name="nickName" 带入到
String nickName,String chargePortLeft,String chargePortRight 这边对应的变量中来，然后传给后台，后台在获取到数据后，然后再通过这边返回给前台,返回给前台的JSP的

return mav.addObject("pageBean", pageBean)
        .addObject("nickName",nickName)
        .addObject("chargePortLeft",chargePortLeft)
        .addObject("chargePortRight",chargePortRight);

返回给前台的 name="nickName" id="nickName"  value="${nickName}"  这边，

value 这边就会是一个对应的具体的数字，而 id 是jsp 之间传递的变量，这个不会直接体现具体值，如果 没有用到

id="nickName" 这个我们可以把它删了。 AI代码助手复制代码
这就是具体的 jsp 调用与值传递的步骤。AI代码助手复制代码

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

JSP 页面中的几个变量或方法和后台的controller之间的关系

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签