<div class="item active" th:if="${iterStat.index==0}" th:each="img,iterStat:${pics}">html
<img th:src="${img.path}" style="width: 303px;height: 171px;"/>spa
</div>
解說:
對arrayList對象pics遍歷,使用img做爲接受參數接收,使用iterStat做爲pics下標值,經過iterStat.index獲得當前所處下標值;
經過th:src="${img.path}"獲得對象中圖片路徑設置圖片顯示圖code
<tr th:each="prod,iterStat : ${prods}" th:class="${iterStat.odd}? 'odd'"> <td th:text="${prod.name}">Onions</td> <td th:text="${prod.price}">2.41</td> <td th:text="${prod.inStock}? #{true} : #{false}">yes</td> </tr>
解說:
判斷下標是否未奇數,設置tr樣式htm