Thymeleaf循环遍历的神奇世界：探索三种遍历方式

Thymeleaf 循环遍历：释放动态内容的力量

在 Thymeleaf 的世界中，循环遍历是释放动态内容的关键。它允许我们轻松地遍历列表或数组，并为每个元素生成相应的 HTML 片段。凭借其强大的语法，Thymeleaf 提供了多种循环遍历方式，满足不同的需求。

方式 1：th:each - 传统遍历

th:each 是最常用的 Thymeleaf 循环遍历方式。它允许我们直接遍历集合，为每个元素创建唯一的模板上下文。语法如下：

<th:block th:each="item : ${list}">
  ...
</th:block>

方式 2：th:block - 灵活分组

th:block 扩展了 th:each 的功能，允许我们在循环遍历的同时对元素进行分组。它支持嵌套块，为更复杂的内容布局提供了灵活性。语法如下：

<th:block th:each="group : ${groupedList}">
  <h2>${group.name}</h2>
  <th:block th:each="item : ${group.items}">
    ...
  </th:block>
</th:block>

方式 3：th:inline - 简化呈现

th:inline 提供了一种轻量级的循环遍历选项，非常适合简单的内容呈现。它直接将循环遍历的元素作为片段插入模板，简化了语法。语法如下：

<ul>
  <li th:inline="text" th:each="${texts}">${text}</li>
</ul>

选择最佳方式：根据需求定制

选择正确的循环遍历方式取决于应用程序的具体要求。对于简单的列表呈现，th:each 即可胜任。对于需要分组或嵌套结构的内容，th:block 是理想的选择。最后，对于快速、简单的元素插入，th:inline 提供了最佳解决方案。

示例：遍历产品列表

让我们用一个实际示例来说明 Thymeleaf 循环遍历的强大功能：

<ul>
  <th:block th:each="product : ${products}">
    <li>
      <h2>${product.name}</h2>
      <p>价格：${product.price}</p>
    </li>
  </th:block>
</ul>

这段代码将遍历 products 列表，为每个产品创建一个列表项。它显示了产品的名称和价格，充分利用了 th:each 的简单性和动态性。

结论：掌控 Thymeleaf 循环遍历

通过掌握 Thymeleaf 的循环遍历，你可以解锁创建动态、交互式网页的新世界。无论是简单的列表呈现还是复杂的内容分组，Thymeleaf 都提供了灵活的工具来满足你的需求。释放你的想象力，探索循环遍历的无限可能，让你的 web 应用程序栩栩如生！