<div class="item active"  th:if="${iterStat.index==0}" th:each="img,iterStat:${pics}">

　　<img th:src="http://www.mamicode.com/${img.path}" style="width: 303px;height: 171px;"/>

</div>
解说：
　　对arrayList对象pics遍历，使用img作为接受参数接收，使用iterStat作为pics下标值，通过iterStat.index得到当前所处下标值；
　　通过th:src="http://www.mamicode.com/${img.path}"得到对象中图片路径设置图片显示图

<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样式

thymeleaf标签 th:each的使用