玩轉 SpringBoot 2 快速整合 | Thymeleaf 篇

来源:https://www.cnblogs.com/jerry126/archive/2019/09/17/11531311.html
-Advertisement-
Play Games

前言 Thymeleaf是一個適用於Web和獨立環境的現代伺服器端Java模板引擎。 Thymeleaf的主要目標是為您的開發工作流程帶來優雅的自然模板 可以在瀏覽器中正確顯示的HTML,也可以用作靜態原型,從而在開發團隊中實現更強大的協作。 通過Spring Framework模塊,與您喜歡的工具 ...


前言

Thymeleaf是一個適用於Web和獨立環境的現代伺服器端Java模板引擎。

Thymeleaf的主要目標是為您的開發工作流程帶來優雅的自然模板 - 可以在瀏覽器中正確顯示的HTML,也可以用作靜態原型,從而在開發團隊中實現更強大的協作。

通過Spring Framework模塊,與您喜歡的工具的大量集成,以及插入您自己的功能的能力,Thymeleaf是現代HTML5 JVM Web開發的理想選擇 - 儘管它可以做得更多。
——摘抄自Thymeleaf官網介紹 鏈接:https://www.thymeleaf.org/index.html

Thymeleaf與Velocity或FreeMarker等其他模板引擎相比如何?

Velocity 和 FreeMarker 都是非常棒的軟體,但是它們處理模板問題的原理與Thymeleaf 完全不同。

Thymeleaf 非常強調自然模板化——允許模板成為工作原型,而其他兩個模板不允許這樣做——它的語法試圖(可以說)更乾凈,更符合當前 web開發的趨勢。另外,從架構的角度來看,Velocity 和 FreeMarker 都是順序文本處理器,而 Thymeleaf 是基於標記解析技術的。這允許 Thymeleaf 利用特定於基於標記的環境的有趣特性,特別是web。

無論如何,比較這些技術的最好方法是自己使用它們,並感覺哪個最適合你。

以上內容來自Thymeleaf官網 鏈接: https://www.thymeleaf.org/faq.html#compare-other-engines

SpringBoot使用Thymeleaf 操作步驟

第一步是引入Thymeleaf starter依賴,具體代碼如下:

        <!-- thymeleaf 相關依賴 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

第二步是在 application.properties 添加 Thymeleaf 相關配置,具體配置如下:

server.port=8090
server.servlet.context-path=/sbe

#關閉 Thymeleaf 的緩存開發過程中無需重啟
spring.thymeleaf.cache = false
#設置thymeleaf頁面的編碼
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.mode=HTML5
#設置thymeleaf頁面的尾碼
spring.thymeleaf.suffix=.html
#設置thymeleaf頁面的存儲路徑
spring.thymeleaf.prefix=classpath:/templates/

第三步是編寫訪問 Thymeleaf 頁面 Controller。

@Controller
@RequestMapping("/hello")
public class ThymeleafHelloWrodController {
    
    @RequestMapping("/thymeleaf")
    public String helloThymeleaf(Model model){
        model.addAttribute("hello","hello Thymeleaf!");
        return "hello/index";
    }
}

Thymeleaf 頁面代碼如下:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <p th:text="${hello}">hello</p>
</body>
</html>

測試

在游覽器輸入訪問 Thymeleaf 頁面的 Controller 的 URL:http://localhost:8090/sbe/hello/thymeleaf 進行測試,測試結果如下:
在這裡插入圖片描述

小結

SpringBoot 使用 Thymeleaf 步驟如下:

  1. 引入Thymeleaf starter依賴
  2. 添加 Thymeleaf 相關配置
  3. 編寫訪問 Thymeleaf 頁面和 Controller

代碼示例

具體代碼示例請查看我的GitHub 倉庫 springbootexamples 中的 spring-boot-2.x-thymeleaf 下的 helloword 包下查看。

GitHub:https://github.com/zhuoqianmingyue/springbootexamples

如果您對這些感興趣,歡迎 star、或點贊給予支持!轉發請標明出處!


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 效果 效果圖如下,純css實現超酷炫的星級評分動畫效果 ​ ​ 實現思路 dom結構 用form實現 <form> <div class="star"> <input type="radio" id="rate5" name="rating" value="5"> <label for="rate5 ...
  • 效果 效果圖如下 ​ ​ 實現思路 dom結構 用兩個嵌套的div容器就可以了,父容器來控製圖標顯示的位置,子容器用來寫烏雲的樣式。而陰影和閃電的樣式都用偽元素就可以了,這些都是在css中定義的。 <div class="container"> <div class="stormy"></div> ...
  • 場景 Docker-Compose簡介與Ubuntu Server 上安裝Compose: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/100902301 在上面實現Compose成功安裝的基礎上,使用Compose啟動項目。 ...
  • Compose簡介 Compose是Docker官方的開源項目,負責對Docker容器集群的快速編排。 Compose是定義和運行多個Docker容器的應用。 舉例來說: 一個項目除了Tomcat容器外,還需要mysql服務容器,Compose允許用戶通過一個單獨的 docker-compose.y ...
  • 什麼是常量 用final修飾的成員變數表示常量,值一旦給定就無法改變! final修飾的變數有三種:靜態變數、實例變數和局部變數,分別表示三種類型的常量。 Class文件中的常量池 在Class文件結構中,最頭的4個位元組用於存儲魔數Magic Number,用於確定一個文件是否能被JVM接受,再接著 ...
  • 引言: 原型模式是什麼?它是在什麼場景下被提出的呢?本章節,我們將詳細瞭解下原型模式。 在軟體系統中,當創建一個類的實例過程過於昂貴或複雜,並且我們需要創建多個這樣類的實例時,如果我們通過new來創建類實例,這就會增加創建類的複雜度和創建過程與客戶代碼複雜的耦合度。如果採用工廠模式來創建這樣的實例對 ...
  • 概述 在開發RESTFull API 和普通的表單提交都需要對用戶提交的數據進行校驗,例如:用戶姓名不能為空,年齡必須大於0 等等。這裡我們主要說的是後臺的校驗,在 SpringBoot 中我們可以通過使用 Hibernate Validator 來進行後臺的數據校驗的。 閑話少說!接下來就開始介紹 ...
  • Devtools 介紹 SpringBoot 提供了熱部署的功能,那啥是熱部署累?SpringBoot官方是這樣說的:只要類路徑上的文件發生更改,就會自動重新啟動應用程式。在IDE中工作時,這可能是一個有用的功能,因為它為代碼更改提供了非常快速的反饋迴圈。預設情況下,將監視類路徑上指向文件夾的任何條 ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...