jstl 循环获取集合的下标

最新推荐文章于 2024-08-21 03:43:51 发布

原创最新推荐文章于 2024-08-21 03:43:51 发布 · 8.8k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#jstl

收录于

jstl 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用JSP和EL表达式来动态展示教师经验排名的网页实现方式。该页面通过遍历teacherExpRankList集合来显示每位教师的经验排名、头像、姓名、所在学校及总经验等信息，并为排名前三的教师提供了特别图标标识。

<c:forEach var="teacherExpInfo" items="${teacherExpRankList}" varStatus="status">
<tr>
<td class="text-center">
<c:choose> //遍历teacherExpRankList 集合的小标

<c:when test="${status.index == 0}"> // index：当前这次迭代从0开始的迭代索引。

<img src="${pageContext.request.contextPath}/static/images/ico/ranking-no1.png" alt="1"> //位于集合的前三名给予相应的等级标识
</c:when>
<c:when test="${status.index== 1}">
<img src="${pageContext.request.contextPath}/static/images/ico/ranking-no2.png" alt="2">
</c:when>
<c:when test="${status.index == 2}">
<img src="${pageContext.request.contextPath}/static/images/ico/ranking-no3.png" alt="3">
</c:when>
<c:otherwise >
${status.index+1}
</c:otherwise>
</c:choose>
</td>
<td>
<div class="clearfix">
<img class="tl-user-img pull-left" src="${teacherExpInfo.image}" height="60" width="60" alt="">
<h4>
${teacherExpInfo.name}<br>
<small>${teacherExpInfo.school}</small>
</h4>
</div>
</td>
<td class="text-center">${teacherExpInfo.totalExp}</td>
</tr>
</c:forEach>