本節內容:
- 參數綁定之數組
- 將表單的數據綁定到List
復制下上篇博客中的工程,作為今天開發的工程。
一、參數綁定之數組
1. 需求
在商品列表頁面選中多個商品,然后刪除。

2. 需求分析
功能要求商品列表頁面中的每個商品前有一個checkbok,選中多個商品后點擊刪除按鈕把商品id傳遞給Controller,根據商品id刪除商品信息。
3. 修改jsp文件
修改itemList.jsp頁面,增加多選框,提交url是queryItem.action。
<%@ 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 }/deleteItem.action" method="post">
查詢條件:
<table width="100%" border=1>
<tr>
<td>商品id<input type="text" name="item.id" /></td>
<td>商品名稱<input type="text" name="item.name" /></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="${itemList }" var="item">
<tr>
<td><input type="checkbox" name="ids" value="${item.id}"/></td>
<td>${item.name }</td>
<td>${item.price }</td>
<td><fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
<td>${item.detail }</td>
<td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td>
</tr>
</c:forEach>
</table>
<input type="submit" value="刪除">
</form>
</body>
</html>
頁面選中多個checkbox向controller方法傳遞。
本身屬於一個form表單,提交url是queryItem.action
4. Controller
Controller方法中可以用String[]接收,或者在包裝類定義一個String[] 屬性接收。兩種方式任選其一即可。
@RequestMapping(value = "/deleteItem.action")
public String deleteItem(Integer[] ids){
for (int i : ids) {
System.out.println(i);
}
return "success";
}
二、將表單的數據綁定到List
1. 需求
實現商品數據的批量修改。
2. 開發分析
在商品列表頁面中可以對商品信息進行修改。
可以批量提交修改后的商品數據。

3. 定義pojo
List中存放對象,並將定義的List放在包裝類QueryVo中
使用包裝pojo對象接收,如下圖:

4. 改造JSP
<c:forEach items="${itemList }" var="item" varStatus="s">
<tr>
<td><input type="checkbox" name="ids" value="${item.id}"/></td>
<td>
<input type="input" name="itemsList[${s.index}].name" value="${item.name }"/>
</td>
<td>
<input type="input" name="itemsList[${s.index}].price" value="${item.price }"/>
</td>
<td>
<input type="text" name="itemList[${s.index}].createtime" value="<fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
</td>
<td>
<input type="input" name="itemsList[${s.index}].detail" value="${item.detail }"/>
</td>
<td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td>
</tr>
</c:forEach>
${current} 當前這次迭代的(集合中的)項
${status.first} 判斷當前項是否為集合中的第一項,返回值為true或false
${status.last} 判斷當前項是否為集合中的最后一項
varStatus屬性常用參數總結下:
- ${status.index} 輸出行號,從0開始。
- ${status.count} 輸出行號,從1開始。
- ${status.后一項,返回值為true或false
begin、end、step分別表示:起始序號,結束序號,跳躍步伐。
5. ItemController
這里只演示List的綁定,能夠接收到list數據。
可以拿到數據即可,不做數據庫的操作。
//批量修改
@RequestMapping(value = "/updateItems.action")
public String updateItems(QueryVo queryVo){
return "success";
}
測試結果:

【注意】:這里是把 List<Items> itemsList 放在了包裝類QueryVo中,不能把 List<Items> itemsList 直接放在Controller的方法的形參上,SpringMVC不認識。
