集合对象数据展示到前端页面

    首先集合对象数据展示到前端容易被遗忘,这个问题还是记录下比较好。集合对象数据就是对象的集合数据通过迭代的方式分布到前端;

    
@RequestMapping(value = "/item/itemlist.action")
	public String itemList(Model model) throws MessageException{
		//从Mysql中查询
		List<Items> list = itemService.selectItemsList();
		model.addAttribute("itemList", list);
		return "list";
	}

    通过查询将数据库的对象数据保存到数组当中,然后通过model模板添加数据,这样前台就能通过类似key的机制去调用数据,当然这只是个人的理解;

    

这是通过debug看到的数据,3个对象组成的数组,然后前端怎么写呢?看下面。

<table width="100%" border=1>
<c:forEach items="${itemList }" var="item" varStatus="s">
<tr>
	<td><input type="text" name="ids" value="${s.index}"></td>
	<td><input type="text" name="itemsList[${s.index}].name" value="${item.name }"></td>
	<td><input type="text" name="itemsList[${s.index}].price" value="${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>

主要就是这个迭代<c:forEach items="${数组名}" var="数组名的子类"  varStatus="这个理解成排序吧">

s.index就是从0开始的,这里为了就是方便分组


忘了说那个迭代要声明,不然用不到,

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

就到这吧,我感觉我以后不会来看一下,肯定就又会了






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值