thymeleaf 遍历
时间: 2023-11-01 11:57:39 浏览: 42
Thymeleaf提供了多种方法来遍历集合数据并在页面上展示。其中最常用的方法之一是使用th:each属性。你可以在HTML标签上使用th:each属性来遍历一个集合,并在循环中使用当前元素的属性。
以下是一个使用th:each属性遍历集合并在表格中展示数据的例子:
```html
<table>
<tr th:each="item : ${items}">
<td th:text="${item.property1}"></td>
<td th:text="${item.property2}"></td>
...
</tr>
</table>
```
在上面的例子中,`${items}`是从后台传递到前端的集合对象。`item`是当前循环中的元素,你可以使用`item.property`来访问每个元素的属性。
请注意,上述代码中的`property1`和`property2`仅作为示例。你需要将其替换为实际的属性名。
相关问题
Thymeleaf遍历图片数组
Thymeleaf遍历图片数组的代码示例:
```html
<div th:each="image : ${images}">
<img th:src="${image}" />
</div>
```
其中,`${images}`是一个存储图片路径的数组。在遍历数组时,使用Thymeleaf的`th:each`指令,将每个图片路径赋值给变量`image`,然后在`<img>`标签中使用`th:src`指令将图片路径作为`src`属性的值。这样就可以将数组中的所有图片展示出来了。
thymeleaf 遍历 HashMap
可以使用 th:each 指令来遍历 HashMap。例如:
```
<table>
<tr th:each="entry : ${map}">
<td th:text="${entry.key}"></td>
<td>:</td>
<td th:text="${entry.value}"></td>
</tr>
</table>
```
这将遍历名为 “map” 的 HashMap,并在表格中显示每个键值对。