之前我们已经讲过controller向jsp页面的传值,接下来我们讲解jsp页面提交向controller传值。
例:在页面内,点击修改信息按钮,向controller传递选中的数据的num值,通过num值查询该数据的信息后返回至修改页面。
思路:
1、数据显示页面点击按钮后,向jsp页面传递值
2、Controller接收传来的num值,进行数据的查询。
该问衔接上一篇博客:点击查看
开发jsp页面:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>数据查询列表</title>
</head>
<body>
<form action="${pageContext.request.contextPath }/data/dataAll.action" method="post">
数据查询:
<table width="10%" border=1>
<tr>
<td><input type="text" name="num" placeholder="编号"/><br/></td>
<td><input type="submit" value="查询"/></td>
</tr>
</table>
数据列表:
<table width="100%" border=1>
<tr>
<td>编号</td>
<td>湿度</td>
<td>温度</td>
<td>二氧化碳</td>
<td>粉尘</td>
<td>操作</td>
</tr>
<c:forEach items="${datasList }" var="data">
<tr>
<td>${data.num }</td>
<td>${data.hum }</td>
<td>${data.tem }</td>
<td>${data.co }</td>
<td>${data.fc }</td>
<td><a href="${pageContext.request.contextPath }/data/editDatas.action?num=${data.num}">修改</a></td>
</tr>
</c:forEach>
</table>
</form>
</body>
</html>
如代码:
<td><a href="${pageContext.request.contextPath }/data/editDatas.action?num=${data.num}">修改</a></td>
如上代码将值传递给了前端的Controller。
接下来开发Controller接收值并做相应的操作:
//修改数据信息(点击按钮跳转到修改界面-request将num传过去,通过num查询数据信息,显示在修改框)
//通过@RequestParam接收request传递过来的参数
@RequestMapping(value="/editDatas",method={RequestMethod.POST,RequestMethod.GET})
public String editDatas(Model model,@RequestParam(value="num",required=true)Integer num)throws Exception{
//根据num查询数据信息
DataCustom dataCustom = (DataCustom) dataService.findDataByNum(num);
//通过形参中的model将数据传送到页面
model.addAttribute("dataCustom", dataCustom);
return "/data/editDatas";
}
如代码:
@RequestParam(value="num",required=true)Integer num
该语句则将传递过来的值作为了Controller方法的参数值,在方法体内部即可通过该参数做相应的操作。