thymeleaf中each的使用
Thymeleaf是一种用于在Web应用程序中渲染和处理模板的Java模板引擎。它提供了丰富的功能，使开发人员能够轻松地将数据传递到模板中，并在模板中进行迭代和条件渲染。
在Thymeleaf中，我们可以使用`th:each`指令来迭代集合或数组中的元素，并在模板中进行重复渲染。`th:each`指令的语法如下：
```html
<div th:each="item : ${collection}">
...
</div>
```
以下是一个更具体的例子，展示如何在Thymeleaf中使用`th:each`指令来迭代一个集合并渲染每个元素：
```html
<!DOCTYPE html>
<head>
<title>Thymeleaf Each Example</title>
</head>
<body>
<h1>Items:</h1>
<ul>
<li th:each="item : ${items}" th:text="${item}"></li>
</ul>
</body>
</html>
```
假设我们有一个名为`items`的集合，其中包含三个元素`"Item 1"`，`"Item 2"`和`"Item 3"`。当我们渲染这个模板时，Thymeleaf将迭代`items`集合，并为每个元素渲染一个列表项。
```html
<!DOCTYPE html>
<html>
<head>
<title>Thymeleaf Each Example</title>
</head>
<body>
<h1>Items:</h1>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>
```thymeleaf用法
使用`th:each`指令时，我们还可以在迭代过程中访问额外的变量，如索引变量和是否为第一个或最后一个元素。以下是一个展示如何使用这些变量的例子：
```html
<!DOCTYPE html>
<head>
<title>Thymeleaf Each Example</title>
</head>
<body>
<h1>Items:</h1>
<ul>
<li th:each="item, index : ${items}" th:text="${index + 1 + '. ' + item}"></li>
</ul>
</body>
</html>
```
在这个例子中，我们使用了逗号将`item`和`index`变量分开，并通过`${index + 1 + '. ' + item}`将它们拼接在一起来设置列表项的文本内容。`index`变量表示当前元素的索引，从0开始计数。
假设我们的`items`集合仍然包含三个元素`"Item 1"`，`"Item 2"`和`"Item 3"`。当我们渲染这个模板时，Thymeleaf将迭代`items`集合，并为每个元素渲染一个列表项，同时在列表项的文本内容中显示索引和元素的值。
```html
<!DOCTYPE html>
<html>
<head>
<title>Thymeleaf Each Example</title>
</head>
<body>
<h1>Items:</h1>
<ul>
<li>1. Item 1</li>
<li>2. Item 2</li>
<li>3. Item 3</li>
</ul>
</body>
</html>
```
除了迭代集合和数组，Thymeleaf的`th:each`指令还可以用于遍历Map和字符串。下面是一些使用`th:each`指令的例子：
遍历Map：
```html
<!DOCTYPE html>
<head>
<title>Thymeleaf Each Example</title>
</head>
<body>
<h1>Items:</h1>
<ul>
<li th:each="entry : ${map}" th:text="${entry.key + ': ' + entry.value}"></li>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。