知識庫 / Spring / Spring MVC RSS 訂閱

1. 概述

Thymeleaf 是一款 多功能的 Java 模板引擎，用於處理 XML、XHTML 和 HTML5 文檔

在本快速教程中，我們將學習如何使用 Thymeleaf 進行迭代，以及該庫提供的其他功能。

有關 Thymeleaf 的更多信息，請參閲我們的入門文章。

2. Maven 依賴

為了創建此示例，我們將使用 Spring Framework 庫和 Thymeleaf 庫。

這裏我們可以看到我們的依賴項（thymeleaf 和 thymeleaf-spring）：

<dependency>
    <groupId>org.thymeleaf</groupId>
    <artifactId>thymeleaf</artifactId>
    <version>3.1.2.RELEASE</version>
</dependency>
<dependency>
    <groupId>org.thymeleaf</groupId>
    <artifactId>thymeleaf-spring5</artifactId>
    <version>3.1.2.RELEASE</version>
</dependency>

3. 示例設置

在深入視圖層之前，讓我們為我們的示例創建一個 MVC 結構。

從模型層的代碼片段開始：

public class Student implements Serializable {
    private Integer id;
    private String name;
    // standard contructors, getters, and setters
}

讓我們也提供負責加載模型並將其返回到視圖層的控制器方法：

@GetMapping("/listStudents")
public String listStudent(Model model) {
    model.addAttribute("students", StudentUtils.buildStudents());
    return "listStudents.html";
}

在上述示例中，buildStudents()方法返回一個Student對象列表，然後我們將該列表添加到model中。

4. th:each 屬性

在 Thymeleaf 中，迭代是通過使用 th:each 屬性 實現的。

這個屬性的一個有趣之處在於，它可以接受和迭代多種數據類型，例如：

• 實現 接口的 Object
• 實現 接口的 Object
• 數組
• 任何其他 Object 都被視為包含一個元素的單值列表

<tr th:each="student: ${students}">
    <td th:text="${student.id}" />
    <td th:text="${student.name}" />
</tr>

<tr 
  th:each="student, iStat : ${students}" 
  th:style="${iStat.odd}? 'font-weight: bold;'" 
  th:alt-title="${iStat.even}? 'even' : 'odd'">
    <td th:text="${student.id}" />
    <td th:text="${student.name}" />
</tr>