詳解Thymeleaf HTML

一、模板引擎介紹

Thymeleaf是一個XML/HTML模板引擎，可用於Web和非Web環境中。它是Spring框架的一部分，但也可以在非Spring應用程序中使用。

Thymeleaf主要特點是將模板文件中的標記語言轉換為標準的HTML/ XML文檔。它通過提供一組預定義的標記來達到這種目的。

此外，Thymeleaf還具有可重用性和可擴展性，可以與多個模板引擎集成，並且易於學習和使用。

二、語法基礎

與其他模板引擎不同，Thymeleaf的語法基本上是自然表達式，這使得代碼易於理解和編輯。下面列出了一些最基本的Thymeleaf表達式：

• 變數表達式：使用${}包裹變數名，在HTML模板中插入變數或者對象屬性的值，例如：${person.name}
• 選擇變數表達式：使用 #{} 或 把變數的選擇和操作代碼相結合，例如：${#lists.isEmpty(users)}
• 文字插值表達式：使用th:text或th:utext標籤插入純文本或HTML標籤，例如：

• 迭代循環：使用th:each 標記實現集合迭代循環，例如:

         <div th:each="item : ${items}">
             <h2 th:text="${item.name}"></h2>
         </div>
        

三、條件語句

Thymeleaf可以為不同的邏輯情況提供不同的HTML代碼。使用Thymeleaf的if、unless、switch語句可使這點成為可能。例如：

  <p th:if="${person.age < 18}" th:text="'未成年'">

  <div th:switch="${dayOfWeek}">
      <p th:case="'MONDAY'">星期一</p>
      <p th:case="'TUESDAY'">星期二</p>
      <p th:case="'WEDNESDAY'">星期三</p>
      <p th:case="'THURSDAY'">星期四</p>
      <p th:case="'FRIDAY'">星期五</p>
      <p th:case="'SATURDAY'">星期六</p>
      <p th:case="'SUNDAY'">星期日</p>
      <p th:case="*">無效日期</p>
  </div>

四、模板片段

Thymeleaf支持創建可重用的模板片段，這樣可以減少重複代碼的編寫。例如：

  <div th:fragment="date-header">
      <h2 th:text="${date}"></h2>
  </div>

以上代碼可以在其他模板中通過以下方式引用：

<div th:replace="date-header :: date-header">
原創文章，作者：XLSHY，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/372931.html