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

绝地灬酷狼 2022-05-21 22:57 247阅读 0赞

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

@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的机制去调用数据，当然这只是个人的理解； ###

![70][]

### 这是通过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" %>    ###

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

[70]: /images/20220522/ea35063622d84811a91aaab1eb639808.png