jsp頁面中同時遍歷多個list集合

HuskySir發表於2020-07-11
JS

在Jsp頁面中，我們也許有這樣的需求：從後端獲取到多個List，但又想將這些List的值同時列印出來

比如，

有使用者列表userList，user類有使用者ID、使用者名稱、使用者性別等基本資訊

有使用者關係列表userRelationsList，userRelation類有使用者關注的使用者數、粉絲數等關係資訊

在後端進行資料庫操作時，對使用者列表進行遍歷，將每次查詢得到的使用者的關係資訊存入使用者關係列表中，每個使用者關係列表userRelationsList對應位置的使用者關係就與使用者對應，即userRelationList[i]（第i個userRelation）的使用者關係就是第i個使用者的使用者關係

目前，我們想在頁面輸出使用者的資訊，包括基本資訊和關係資訊

比如userList表中使用者名稱、使用者性別資訊，userRelation表中使用者關注的使用者數、使用者粉絲數，則需要同時遍歷2個List

使用者名稱 使用者性別 使用者關注的使用者數 使用者粉絲數
HuskySir 男 1 1

使用jstl的<forEach>標籤

<forEach>標籤

屬性 描述 是否必要 預設值
items 要被迴圈的資訊 否 無
begin 開始的元素（0=第一個元素，1=第二個元素） 否 0
end 最後一個元素（0=第一個元素，1=第二個元素） 否 Last element
step 每一次迭代的步長 否 1
var 代表當前條目的變數名稱 否 無
varStatus 代表迴圈狀態的變數名稱 否 無

其中的varStatus為狀態項，有4個屬性值

屬性 描述
current 當前迭代的項
index 此項的索引，從0開始
count 此項的計數序號，從1開始
first 此項是否是第一項，布林值
last 此項是否是最後一項，布林值

其中index為迭代的索引，count為從1開始的迭代計數，index=count-1

 1 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
 2 
 3 <table class="table table-hover table-bordered table-condensed">
 4     <tr style="text-align: center;font-size: 15px;">
 5         <td><strong>使用者名稱</strong></td>
 6             <td><strong>使用者性別</strong></td>
 7             <td><strong>使用者關注的使用者數</strong></td>
 8             <td><strong>使用者粉絲數</strong></td>
 9     </tr>
10         <c:forEach items="${userList}" var="user" varStatus="loop">
11             <tr style="text-align: center;font-size: 10px;">
12                 <td><c:out value="${user.user_nickname}"></c:out></td>
13                 <td><c:out value="${user.user_sex}"></c:out></td>
14                  <td><c:out value="${userRelationList[loop.index].to_user_count}"></c:out></td>
15                 <td><c:out value="${userRelationList[loop.index].from_user_count}"></c:out></td>                     
16             </tr>
17         </c:forEach>
18 </table>

我們可以通過varStatus中的index索引值，返回其他列表中的元素並列印

相關文章