2024年1月30日发(作者：)

thymeleaf中each的使用

Thymeleaf是一种用于在Web应用程序中渲染和处理模板的Java模板引擎。它提供了丰富的功能，使开发人员能够轻松地将数据传递到模板中，并在模板中进行迭代和条件渲染。

在Thymeleaf中，我们可以使用`th:each`指令来迭代集合或数组中的元素，并在模板中进行重复渲染。`th:each`指令的语法如下：

```html

```

以下是一个更具体的例子，展示如何在Thymeleaf中使用`th:each`指令来迭代一个集合并渲染每个元素：

```html

Items:

```

假设我们有一个名为`items`的集合，其中包含三个元素`"Item 1"`，`"Item 2"`和`"Item 3"`。当我们渲染这个模板时，Thymeleaf将迭代`items`集合，并为每个元素渲染一个列表项。

```html

Items:

• Item 1
• Item 2
• Item 3

```

使用`th:each`指令时，我们还可以在迭代过程中访问额外的变量，如索引变量和是否为第一个或最后一个元素。以下是一个展示如何使用这些变量的例子：

```html

Items:

• '. ' + item}">

```

在这个例子中，我们使用了逗号将`item`和`index`变量分开，并通过`${index + 1 + '. ' + item}`将它们拼接在一起来设置列表项的文本内容。`index`变量表示当前元素的索引，从0开始计数。

假设我们的`items`集合仍然包含三个元素`"Item 1"`，`"Item 2"`和`"Item 3"`。当我们渲染这个模板时，Thymeleaf将迭代`items`集合，并为每个元素渲染一个列表项，同时在列表项的文本内容中显示索引和元素的值。

```html

Items:

• 1. Item 1
• 2. Item 2
• 3. Item 3

```

除了迭代集合和数组，Thymeleaf的`th:each`指令还可以用于遍历Map和字符串。下面是一些使用`th:each`指令的例子：

遍历Map：

```html

Items:

• }">

```

在这个例子中，我们使用`th:each`指令遍历名为`map`的Map。对于每个条目，我们通过`th:text`指令将键和值拼接在一起，并将其设置为列表项的文本内容。

遍历字符串：

```html

Characters:

```

在这个例子中，我们使用`th:each`指令遍历名为`string`的字符串。对于每个字符，我们将其设置为列表项的文本内容。

除了基本的迭代功能，Thymeleaf的`th:each`指令还支持条件渲染和局部变量。我们可以使用`th:each`指令的`th:if`属性来根据条件决定是否渲染迭代的元素。以下是一个使用`th:if`属性的例子：

```html

Items:

• th:text="${item}">

```

在这个例子中，我们使用了`th:if`属性来检查每个元素是否等于`"Item 2"`。如果元素不等于`"Item 2"`，则渲染列表项并将元素的值设置为列表项的文本内容。否则，不渲染该列表项。

Thymeleaf的`th:each`指令还支持局部变量，我们可以在迭代过程中使用`th:each`指令的`th:var`属性定义一个局部变量。以下是一个使用`th:var`属性的例子：

```html

Items:

• th:var="uppercaseItem=${rCase(}"

  th:text="${uppercaseItem}">

```

在这个例子中，我们使用了`th:var`属性来定义一个名为`uppercaseItem`的局部变量，并将其设置为`item`的大写形式。然后，我们将`uppercaseItem`的值设置为列表项的文本内容。

这些都是Thymeleaf中使用`th:each`指令进行迭代的一些示例。借助`th:each`指令，我们可以轻松地在模板中迭代集合、数组、Map和字符串，并根据需要进行条件渲染和使用局部变量。它是一种强大而灵活的工具，可以帮助我们更好地处理模板渲染和数据展示的需求。