Thymeleaf使用詳解

一、Thymeleaf使用Jar包還是War包

Thymeleaf是一種Java模板引擎，可以運行在 Spring MVC ，Spring WebFlux，Grails 和 Dropwizard 及其他 web 框架的環境中。使用Thymeleaf一般會涉及到使用jar包和war包。當我們需要在Spring Boot項目中使用Thymeleaf時只需要在pom.xml文件中加入如下依賴即可：


   <dependency>
     <groupId>org.springframework.boot</groupId>
     <artifactId>spring-boot-starter-thymeleaf</artifactId>
   </dependency>

如果我們需要在一個Web應用程序中使用Thymeleaf，則需要使用war包。具體來說，我們需要在WebContent / WEB-INF / lib中添加thymeleaf.jar文件和其他所需的jar文件。

二、Thymeleaf使用前端構建工具

使用Thymeleaf可以方便我們進行一些前端構建工具的使用。例如在Bootstrap中，可以通過Thymeleaf完美地展示數據。可以在Thymeleaf模板中使用Bootstrap組件，例如表格，摺疊面板，標籤等等。我們可以使用Thymeleaf來輕鬆地展示表格數據，並根據需要對其進行重新排序，過濾和分頁。

三、Thymeleaf模板使用

Thymeleaf是一種面向Web和獨立環境的現代服務器端Java模板引擎。它提供了完整的Spring應用程序中模板渲染的能力。模板是使用Thymeleaf語言編寫的，它是一種將HTML，XML，JavaScript或文本模板與Java一起使用的模板引擎。

我們可以在Thymeleaf模板中使用的語言有：

變量表達式: ${…}
選擇或星號表達式: *{…}和{…}
鏈接表達式: @{…}
片段表達式: ~{…}
文字（模板）片段: 多用於布局的th:insert和th:replace屬性
條件判斷: th:if, th:unless, th:switch, th:case
迭代循環: th:each
本地化: 國際化標準（I18N）
JavaScript inlining: 支持內聯JavaScript

四、使用Thymeleaf完成數據的頁面展示

Thymeleaf的最大的優勢是其易於集成，並且擁有豐富的JavaScript、CSS和HTML標籤庫。我們可以通過Thymeleaf輕鬆地完成我們在Web應用程序中所需的數據展示。具體操作可以在controller中定義相關數據，然後在Thymeleaf模板中展示相關數據。可以使用Thymeleaf輕鬆地訪問控制器中返回的模型對象，並通過模板引擎來渲染視圖。


@Controller
public class MyController {
    @GetMapping("/hello")
    public String getHello(Model model) {
        model.addAttribute("message", "Hello Thymeleaf!");
        return "hello";
    }
}

上面代碼中的Model類是Spring框架提供的一個對象，可以用於在視圖中綁定數據。然後在hello.html模板中展示數據，代碼如下：


  <html>
    <head>
      <title>Welcome to Thymeleaf</title>
    </head>
    <body>
        <h1 th:text="${message}">Hello Thymeleaf!</h1>
    </body>
  </html>

五、Thymeleaf適用於

Thymeleaf可以適用於任何需要在Web應用程序中處理和呈現模板的地方。具體而言，它可以與下列技術集成使用：

Spring MVC
Spring WebFlux
Grails（需要shiro-thymeleaf插件）
Dropwizard（需要thymeleaf-dropwizard插件）
Vert.x（需要vertx-web-thymeleaf模塊）

六、Thymeleaf的作用

Thymeleaf的作用是在Web應用程序中提供出色的模板渲染能力。它提供了豐富的JavaScript，CSS和HTML標籤庫，並具有易於集成的特性。除此之外，Thymeleaf還可以與多種技術集成使用，並且可以在任何需要在Web應用程序中處理和呈現模板的地方使用。

七、Thymeleaf語法和用法

Thymeleaf的語法和用法相對簡單。主要包括模板語法，表達式與標準DOM屬性的混合使用，表達式的文字和屬性替代，等等。

例如，以下代碼塊使用了Thymeleaf的條件判斷：


<!-- If/else statement -->
<div th:if="${user.isAdmin()}">
    Hello, admin!
</div>
<div th:unless="${user.isAdmin()}">
    You don't have access.
</div>

在Thymeleaf中，我們還可以使用th:each指令來快速顯示數組或列表中的元素：


<!-- Using th:each to iterate over a list -->
<ul>
  <li th:each="fruit : ${fruits}">
    <span th:text="${fruit}">Apple</span>
  </li>
</ul>

八、Thymeleaf模板使用教程

以下是Thymeleaf模板的基本使用教程：

模板文件應該放在src/main/resources/templates目錄下。
在啟用Thymeleaf的系統中，模板的基礎名稱應該在視圖解析器中被傳遞給相關方法。
在標準模板解析的情況下，視圖名稱將被視為相對於默認視圖目錄的模板文件名稱。
模板文件的後綴應該是“.html”、“.xhtml”或“.th/html”。
Thymeleaf模板中的表達式使用花括號包裹（例如：${person.name}代表person對象中的name屬性）。

九、Vue和Thymeleaf區別

Vue是一種JavaScript框架，用於構建精美富有交互性的Web應用程序。Vue是一種前端框架，它與Thymeleaf的應用場景和作用有很大不同。

Vue主要用於構建富客戶端，即使應用程序具有複雜的UI交互性，也可以在瀏覽器中實現。而Thymeleaf則是一種Java模板引擎，主要用於生成HTML頁面。由於它直接渲染HTML頁面，因此它在生成靜態內容方面很方便。

十、簡述Thymeleaf的應用

Thymeleaf在Web應用程序中通常用於生成HTML模板。一般而言，Thymeleaf用於將數據模型與HTML模板結合起來，以便將數據呈現給用戶。一些示例應用包括開發Web商店，博客和網站，這些網站需要動態內容。除此之外，Thymeleaf還通常用於自然語言處理（NLP），相互作用和處理數據可視化。

原創文章，作者：HDXZG，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/329115.html