一、th:each迭代循环常用语法简介

1.1、th:each中迭代对象的类型

        迭代对象可以是java.util.List,java.util.Map,数组等数据类型;

1.2、th:each循环迭代的基本语法

        th:each="obj,iterStat:${objList}"

1.3、使用循环迭代的常用html标签元素有哪些?

       可以在div、tr、li等标签元素中使用;

二、th:each循环迭代的内置方法介绍

2.1、常用用法

<table>
        <thead>
            <tr>
                <th>序号</th>
                <th>用户名</th>
                <th>密码</th>
                <th>用户昵称</th>
            </tr>
            <tr th:each="user:${userlist}">
                <td th:text="${user.id}"></td>
                <td th:text="${user.username}"></td>
                <td th:text="${user.password}"></td>
                <td th:text="${user.petname}"></td>
            </tr>
        </thead>
</table>

2.2、循环迭代下标变量用法案例及说明

  2.2.1 案例

<table>
        <thead>
            <tr>
                <th>序号</th>
                <th>用户名</th>
                <th>密码</th>
                <th>用户昵称</th>
            </tr>
            <tr th:each="user,userStat:${userlist}" th:class="${userStat.odd}?'odd':'even'">
                <td th:text="${user.id}"></td>
                <td th:text="${user.username}"></td>
                <td th:text="${user.password}"></td>
                <td th:text="${user.petname}"></td>
            </tr>
        </thead>
</table>

2.2.2 下标状态变量用法说明

userStat称作状态变量,属性有:
               index:当前迭代对象的迭代索引,从0开始,这是索引属性;
               count:当前迭代对象的迭代索引,从1开始,这个是统计属性;
               size:迭代变量元素的总量,这是被迭代对象的大小属性;
               current:当前迭代变量;
               even/odd:布尔值,当前循环是否是偶数/奇数(从0开始计算);
               first:布尔值,当前循环是否是第一个;
               last:布尔值,当前循环是否是最后一个;

备注:以上2.1和2.2来源于:https://www.cnblogs.com/suncj/p/4030306.html

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐