目录
六、循环表达式
收录于文集
共9篇
6.1 循环表达式语法
thymeleaf使用th:each属性可以对数组，集合进行循环，此属性用在容器元素上，循环生成子元素。
语法
代码块
JavaScript
自动换行
复制代码
th:each="循环出的元素 , 循环状态 : 集合或数组"复制成功
6.2、数组的循环
示例
在TestServlet中定义一个数组
代码块
JavaScript
自动换行
复制代码
String [] arr = {"HTML","CSS","JavaScript"};
request.setAttribute("arr",arr);复制成功
在index.html中循环显示数组中的元素
代码块
JavaScript
自动换行
复制代码
<div th:text="'数组元素数量：' + ${arr.length}"> </div><!--获取数组元素的数量-->
<ul th:each="s : ${arr}">
<li th:text="${s}"></li>
</ul>复制成功
运行test.do，页面显示效果如下
6.3、循环状态的使用
在th:each中循环状态不是必须的，它是一个对象，具有以下属性
修改上一个示例，显示每次循环的各状态的值
代码块
JavaScript
自动换行
复制代码
<table border="1">
<tr>
<th>当前迭代索引</th>
<th>当前迭代计数</th>
<th>元素的总量</th>
<th>当前遍历到的元素</th>
<th>当前遍历的偶数</th>
<th>是否是第一条</th>
<th>是否是最后一条</th>
</tr>
<tbody th:each="s,status : ${arr}">
<tr><td th:text="${status.index}"></td>
<td th:text="${status.count}"></td>
<td th:text="${status.size}"></td>
<td th:text="${status.current}"></td>
<td th:text="${status.even}"></td>
<td th:text="${status.first}"></td>
<td th:text="${status.last}"></td>
</tr>
</tbody>
</table>复制成功
运行test.do，页面显示效果如下
6.4、list的循环
示例
在TestServelt中添加一个List集合
代码块
JavaScript
自动换行
复制代码
List list = new ArrayList<>();
list.add("HTML");
list.add("CSS");
list.add("JavaScript");
request.setAttribute("list", list);复制成功
在index.html中循环显示列表中的数据
代码块
JavaScript
自动换行
复制代码
<div th:text="'list中元素数量：' + ${list.size}"> </div>
<ul th:each="s : ${list}">
<li th:text="${s}"></li>
</ul>复制成功
运行test.do，页面显示效果如下
6.5、map集合的访问
1) 直接访问
map集合可以通过key获取值，也可以获取集合中元素的数据
示例
在TestServelt中添加map集合
代码块
JavaScript
自动换行
复制代码
Map<String,String> map = new HashMap<>();
map.put("HTML", "超文本标记语言");
map.put("CSS", "层叠样式表");
request.setAttribute("map", map);复制成功
在页面中输出map的信息
代码块
JavaScript
自动换行
复制代码
<ul>
<li >集合：[[${map}]]</li>
<li>指定key的值：[[${map.HTML}]]</li>
<li>集合中元素的数量:[[${map.size}]]</li>
</ul>复制成功
运行test.do，页面显示效果如下
2）循环访问
Map循环的每个元素的类型是Entry，可以通过此Entry对象的key属性获取键，value属性获取值
修改index.html，循环显示map集合中的内容
代码块
JavaScript
自动换行
复制代码
<ul th:each="entry : ${map}">
<li >
<strong th:text="${entry.key}"></strong>
:
<em th:text="${entry.value}"></em>
</li> </ul>复制成功
运行test.do，页面显示效果如下
6.6 th:block标签
在使用th:if时，如果是一当条件成立需要加载一组标签，在循环时，循环的元素外没有容器时，可以使用th:block标签做为外容器，th:block仅是一个属性容器，允许开发人员指定他们想要的任何属性
示例
代码块
JavaScript
自动换行
复制代码
<th:block th:each="s : ${list}">
<div th:text="${s}"></div></th:block>复制成功
本文为我原创，未经授权禁止转载
cv26890609
分享至
投诉或建议
