List-Object 、 JSONArray 在 html或JSP 中遍歷方式

List<Object> 案例

後端接口拿到 List<Object> 數據

即 List 裏面包着 List / 數組。

[
    [163bc4b751d141329a0889a45cc9514a,技術支持組],
    [163bc4b751ef57a2225a9024022a00f7,系統應用組],
    [163bc4b754eba08c7ed408d4bfaa6e61,共享服務組]
]

前段 JSP頁面取數據，通過 c:forEach 循環取每一條 var，然後 var 取下標爲1的數據，即小組名稱。

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

<ul class="option_box">
    <c:forEach items="${infoGroupList}" var="var" varStatus="vs">
 		<li class="option">${var[1] }</li>
     </c:forEach>
 </ul>

JSONArray 案例

後端接口拿到 JSONArray 數據，即 JSONArray 裏面包着 JSONObject，

注意 JSONObject ≈ Map，JSONArray ≈ ArrayList，

[
	{
		"subject": "澳洋集團郵件維保",
		"projectType": "硬件維保類",
		"submitter": "劉衛",
		"company": "澳洋集團有限公司",
		"submitTime": "2019-10-24",
		"handler": "劉衛",
		"totalNum": "102",
		"totalPage": "2",
		"currentPage": 1
	},

	{
		"subject": "集團宏景系統維保",
		"projectType": "軟件維保類",
		"submitter": "邱奇",
		"company": "澳洋集團有限公司",
		"submitTime": "2019-10-11",
		"handler": "邱奇",
		"totalNum": "102",
		"totalPage": "7",
		"currentPage": 1
	},
	{
		"subject": "澳洋醫院超聲內鏡採購",
		"projectType": "軟件實施類",
		"submitter": "朱劍",
		"company": "澳洋醫院",
		"submitTime": "2019-10-10",
		"handler": "null",
		"totalNum": "102",
		"totalPage": "8",
		"currentPage": 1
	}
]

前段 JSP頁面取數據，通過 c:forEach 循環取每一條 var，然後 var.key 獲取每一條值。

 <table class="improve_table f-font4">
     <thead>
         <tr>
             <th width="30%">項目名</th>
             <th width="10%">項目階段</th>
             <th width="10%"><div class="f-els3_2">類別</div></th>
             <th width="10%">填報人</th>
             <th width="10%"><div class="f-els3_2">提報公司</div></th>
             <th width="10%">提報時間</th>
             <th width="10%">IT負責人</th>
             <th width="10%">狀態</th>
         </tr>
     </thead>
     <tbody>
     	<c:forEach items="${projectDetailData}" var="var" varStatus="vs">
         	<tr>
         		<td><div class="f-els3">${var.subject }</div></td>
         		<td>缺少字段</td>
         		<td><div class="f-els3_2" title='${var.projectType }'>${var.projectType }</div></td>
         		<td>${var.submitter }</td>
         		<td><div class="f-els3_2" title='${var.company }'>${var.company }</div></td>
         		<td>${var.submitTime }</td>
         		<td>${var.handler }</td>
         		<td><span class="schedule schedule1">缺少字段</span></td>
         	</tr>
         </c:forEach>
     </tbody>
 </table>