Thymleaf使用th:each遍历
使用该标签完成list或map数据的遍历
后台传参
@Description(value = "首页", type = Type.FRONT)
@GetMapping(value = {"", "/", "/index", "/index.html", "index.htm"})
public String index(ModelMap map) {
AppCustomer customer = (AppCustomer) request.getAttribute("customer");
List<AppCategory> navList = appService.getIndexData(map);
map.put("navList",navList);
return "/view/index.html";
}
使用ModelMap将参数put进去，同普通map用法
前台展示
<div class="collapse navbar-collapse" id="menu">
<ul class="nav navbar-nav" th:each="nav,iterStat:${navList}">
<li class="active">
<a th:href="${nav.jumpUrl}==null?${nav.enTitle}:${nav.jumpUrl}">
<span class="menu-text" th:text="${nav.title}"></span><i
class="iconfont ic-navigation-discover menu-icon"></i>
</a>
</li>
</ul>
</div>
后续
th:each标签中有两个参数obj,state;obj是list中的每一个对象，state是list状态参数，两个参数名都自定义。
- index:当前迭代对象的index（从0开始计算）
- count: 当前迭代对象的index(从1开始计算)
- size:被迭代对象的大小
- current:当前迭代变量
- even/odd:布尔值，当前循环是否是偶数/奇数（从0开始计算）
- first:布尔值，当前循环是否是第一个
- last:布尔值，当前循环是否是最后一个
当然，gw和gwstate可以自己定义名字，如果你喜欢，可以定义成fuck和fuckstate都是可以的。