集合类型绑定
1.数组绑定
1.1需求
商品批量删除,用户在页面选择多个商品,批量删除。
1.2表现层实现
关键:将页面选择(多选)的商品id,传到controller方法的形参,方法形参使用数组接收页面请求的多个商品id。
controller方法定义:
测试:
id传值成功,但是由于items拥有外键,删除方法暂时不能使用
2.list绑定
2.1需求
通常在需要批量提交数据时,将提交的数据绑定到list<pojo>中,比如:成绩录入(录入多门课成绩,批量提交),
本例子需求:批量商品修改,在页面输入多个商品信息,将多个商品信息提交到controller方法中。
2.2表现层实现
controller方法定义:
1、进入批量商品修改页面(页面样式参考商品列表实现)
2、批量修改商品提交
使用List接收页面提交的批量数据,通过包装pojo接收,在包装pojo中定义list<pojo>属性
Controller定义:
页面定义(editItemsQuery.jsp):
我们点击批量修改,可以看到
3.map绑定
也通过在包装pojo中定义map类型属性。
在包装类中定义Map对象,并添加get/set方法,action使用包装对象接收。
包装类中定义Map对象如下:
页面定义如下:
Contrller方法定义如下:
1.数组绑定
1.1需求
商品批量删除,用户在页面选择多个商品,批量删除。
1.2表现层实现
关键:将页面选择(多选)的商品id,传到controller方法的形参,方法形参使用数组接收页面请求的多个商品id。
controller方法定义:
//批量删除商品的信息
//批量删除商品的信息
@RequestMapping("/deleteItems")
public String deleteItems(int[] items_id)throws Exception{
//调用Service批量删除商品
itemsService.detleteItemsById(items_id);
return "success";
}
itemsServiceimpl:
@Override
public void detleteItemsById(int[] id) throws Exception {
for (int i = 0; i < id.length; i++) {
System.out.println("id["+i+"]="+id[i]);
//由于items拥有外键,删除方法暂时不能使用
//itemsMapper.deleteByPrimaryKey(id[i]);
}
}
页面定义:(加"批量删除按钮和CheckBox多选框"以及查询和删除按钮的JS方法)
<%@ 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>
<script type="text/javascript">
function deleteItems(){
//提交form
document.itemsForm.action="${pageContext.request.contextPath }/items/deleteItems.action";
document.itemsForm.submit();
}
function queryItems(){
//提交form
document.itemsForm.action="${pageContext.request.contextPath }/items/queryItems.action";
document.itemsForm.submit();
}
</script>
</head>
<body>
<form name="itemsForm" action="${pageContext.request.contextPath }/items/queryItems.action" method="post">
查询条件:
<table width="100%" border=1>
<tr>
<td>商品名称:<input name="itemsCustom.name"/></td>
<td><input type="button" value="查询" οnclick="queryItems()"/>
<input type="button" value="批量删除" οnclick="deleteItems()"/>
</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="${itemsList }" var="item">
<tr>
<td><input type="checkbox" name="items_id" 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 }/items/editItems.action?id=${item.id}">修改</a></td>
</tr>
</c:forEach>
</table>
</form>
</body>
</html>
测试:
选择了3,4,6商品,如图
结果如图
id传值成功,但是由于items拥有外键,删除方法暂时不能使用
2.list绑定
2.1需求
通常在需要批量提交数据时,将提交的数据绑定到list<pojo>中,比如:成绩录入(录入多门课成绩,批量提交),
本例子需求:批量商品修改,在页面输入多个商品信息,将多个商品信息提交到controller方法中。
2.2表现层实现
controller方法定义:
1、进入批量商品修改页面(页面样式参考商品列表实现)
2、批量修改商品提交
使用List接收页面提交的批量数据,通过包装pojo接收,在包装pojo中定义list<pojo>属性
package cn.edu.hpu.ssm.po;
import java.util.List;
//商品查询包装对象
public class ItemsQueryVo {
//商品信息包装
private Items items;
//为了系统可拓展性,对原始生成的PO进行拓展
private ItemsCustom itemsCustom;
//批量商品信息
private List<ItemsCustom> itemsList;
//get和set方法省略
}
Controller定义:
//批量修改商品的页面,将商品信息查询出来,在页面中可以商品信息
@RequestMapping("/editItemsQuery")
public ModelAndView editItemsQuery(HttpServletRequest request,ItemsQueryVo itemsQueryVo)throws Exception{
//调用Service查找数据库,查询商品列表,这里使用静态数据模拟
List<ItemsCustom> itemsList=itemsService.findItemsList(itemsQueryVo);
//返回ModelAndView
ModelAndView modelAndView=new ModelAndView();
//相当于request的setAttribut,在jsp页面中通过这个来取数据
modelAndView.addObject("itemsList",itemsList);
modelAndView.setViewName("items/editItemsQuery");
return modelAndView;
}
//批量修改商品的提交
//通过ItemsQueryVo接受批量提交的商品信息,将商品信息存储到ItemsQueryVo中itemsList属性中
@RequestMapping("/editItemsAllSubmit")
public String editItemsAllSubmit(ItemsQueryVo itemsQueryVo)throws Exception{
//暂且不执行更新,我们只是测试list数据的传输
System.out.println("传进来的list的大小="+itemsQueryVo.getItemsList().size());
return "success";
}
页面定义(editItemsQuery.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>
<script type="text/javascript">
function editItemsAllSubmit(){
//提交form
document.itemsForm.action="${pageContext.request.contextPath }/items/editItemsAllSubmit.action";
document.itemsForm.submit();
}
function queryItems(){
//提交form
document.itemsForm.action="${pageContext.request.contextPath }/items/queryItems.action";
document.itemsForm.submit();
}
</script>
</head>
<body>
<form name="itemsForm" action="${pageContext.request.contextPath }/items/queryItems.action" method="post">
查询条件:
<table width="100%" border=1>
<tr>
<td>商品名称:<input name="itemsCustom.name"/></td>
<td><input type="button" value="查询" οnclick="queryItems()"/>
<input type="button" value="批量修改提交" οnclick="editItemsAllSubmit()"/>
</td>
</tr>
</table>
商品列表:
<table width="100%" border=1>
<tr>
<td>商品名称</td>
<td>商品价格</td>
<td>生产日期</td>
<td>商品描述</td>
<td>操作</td>
</tr>
<c:forEach items="${itemsList }" var="item" varStatus="status">
<tr>
<td><input name="itemsList[${status.index }].name" value="${item.name }"/></td>
<td><input name="itemsList[${status.index }].price" value="${item.price }"/></td>
<td><input name="itemsList[${status.index }].createtime" value="<fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/>"/></td>
<td><input name="itemsList[${status.index }].detail" value="${item.detail }"/></td>
</tr>
</c:forEach>
</table>
</form>
</body>
</html>
测试,首先打开批量修改界面,如图
<tr>
<td><input name="itemsList[0].name" value="电视机"/></td>
<td><input name="itemsList[0].price" value="2699.0"/></td>
<td><input name="itemsList[0].createtime" value="2015-06-19 00:00:00"/></td>
<td><input name="itemsList[0].detail" value="等离子电视机,液晶屏幕"/></td>
</tr>
<tr>
<td><input name="itemsList[1].name" value="洗衣机"/></td>
<td><input name="itemsList[1].price" value="1300.0"/></td>
<td><input name="itemsList[1].createtime" value="2015-07-31 21:15:12"/></td>
<td><input name="itemsList[1].detail" value="双滚筒洗衣机,马力十足"/></td>
</tr>
<tr>
<td><input name="itemsList[2].name" value="电冰箱"/></td>
<td><input name="itemsList[2].price" value="3200.0"/></td>
<td><input name="itemsList[2].createtime" value="2015-06-15 09:57:30"/></td>
<td><input name="itemsList[2].detail" value="双拉门电冰箱,智能保鲜功能"/></td>
</tr>
<tr>
<td><input name="itemsList[3].name" value="iPhone-5S"/></td>
<td><input name="itemsList[3].price" value="3999.0"/></td>
<td><input name="itemsList[3].createtime" value="2015-06-30 00:00:00"/></td>
<td><input name="itemsList[3].detail" value="正品行货"/></td>
</tr>
<tr>
<td><input name="itemsList[4].name" value="微波炉"/></td>
<td><input name="itemsList[4].price" value="2500.0"/></td>
<td><input name="itemsList[4].createtime" value="2015-08-03 11:38:14"/></td>
<td><input name="itemsList[4].detail" value="加热快,微波更安全!"/></td>
</tr>
<tr>
<td><input name="itemsList[5].name" value="榨汁机"/></td>
<td><input name="itemsList[5].price" value="700.0"/></td>
<td><input name="itemsList[5].createtime" value="2015-08-02 11:38:51"/></td>
<td><input name="itemsList[5].detail" value="双马力榨汁,更快色,更新鲜"/></td>
</tr>
我们点击批量修改,可以看到
3.map绑定
也通过在包装pojo中定义map类型属性。
在包装类中定义Map对象,并添加get/set方法,action使用包装对象接收。
包装类中定义Map对象如下:
Public class QueryVo {
private Map<String, Object> itemInfo = new HashMap<String, Object>();
//get/set方法..
}
页面定义如下:
<tr>
<td>学生信息:</td>
<td>
姓名:<inputtype="text"name="itemInfo['name']"/>
年龄:<inputtype="text"name="itemInfo['price']"/>
.. .. ..
</td>
</tr>
Contrller方法定义如下:
public String useraddsubmit(Model model,QueryVo queryVo)throws Exception{
System.out.println(queryVo.getStudentinfo());
}
其他类型的我们可以自己简单的测试一下
转载请注明出处:http://blog.csdn.net/acmman/article/details/47417917