ThymeLeaf常用屬性及表達式使用

2020-12-13 鬼魅的程序湧上心頭

Springboot是當前市場上最流行的javaWeb框架，它可以滿足將Java工程直接打成jar包就進行運行而不必打成war包，而隨之而來的問題便是不同與之前別的框架使用的jsp頁面，由於jsp本質是一個Servlet實例只有在軟體是以war包方式打包的情況下才能進行解析，所以Springboot使用jsp頁面需要特殊配置，於是Springboot推薦了使用Thymeleaf模板引擎進行設計前端頁面。今天我們就來講一講Thymeleaf模板引擎的常用屬性的使用。

在使用之前先進行測試模板創建：

①創建springboot項目,可參考我之前的文章http://kuaibao.qq.com/s/20190305A1K8NN00

②在POM文件中添加thymeleaf依賴

③在templates文件夾下創建今天的測試頁面welcome.html

④在welcome.html中增加命名空間xmlns:th="http://www.thymeleaf.org"如下圖

⑤創建User的bean對象,添加屬性String usernaem,int age,String sex,增加相應的方法

⑥創建UserController如下所示

接下來可以測試屬性

常用屬性：

①th:text 用於在對應的html標籤中添加對應的內容

如根據下圖綁定數據

並在html中根據下圖使用th:text屬性

則運行程序後在頁面端得到的原始碼如下

表示屬性中的內容被放置到了標籤中

②th:if 用於執行判斷,判斷正確則輸出標籤,判斷錯誤則刪除標籤

在html中根據下圖使用th:if屬性

則判斷不成立,在頁面端不會輸出lily,而當屬性使用如下時

在前端頁面可輸出billy

③th:switch和th:case 用於執行判斷,選擇符合條件的標籤輸出

在html中根據下圖使用th:switch和th:case屬性

在前端頁面根據判斷可輸出billy

④th:each 當表達式中的對象為一個集合時,循環輸出集合中的所有內容

如在UserController中添加如下list對象

在html中根據下圖使用th:each屬性

則可以循環輸出username的list中的值

⑤th:object和th:field 配合簡化對於屬性的調用

例如在UserController中添加如下User對象

在html中使用th:objext和th:field就可以輸出user內所有屬性的值

好,本人小白,今天的分享到此結束,文章如有問題歡迎批評指正留言

相關焦點

  • 細品SpringBoot+Thymeleaf,你會有意外收穫
    ，只不過 Spring Boot 針對 Thymeleaf 提供了一整套的自動化配置方案，這一套配置類的屬性在 org.springframework.boot.autoconfigure.thymeleaf.ThymeleafProperties 中，部分源碼如下：首先通過 @ConfigurationProperties 註解，將 application.properties
  • Spring Boot 整合 Thymeleaf
    同時能夠作為靜態引擎，讓開發成員之間更方便協作開發；Spring Boot 官方推薦使用模板，而且 Spring Boot 也為 Thymeleaf 提供了完整的自動化 配置解決方案；Thymeleaf 使用教程請戳 Tutorial: Using Thymeleaf[1]，配合 Spring 使用的教程請戳
  • Thymeleaf 3.0.1 發布,HTML 5 模板引擎
    Thymeleaf 3.0.1 發布了，Thymeleaf是一個XML/XHTML/HTML5模板引擎，可用於Web與非Web環境中的應用開發
  • Thymeleaf 3.0.2 發布,HTML 5 模板引擎
    Thymeleaf 3.0.2發布了，Thymeleaf 是一個XML/XHTML/HTML5模板引擎
  • Thymeleaf 3.0.10 發布,XML/XHTML/HTML5 模板引擎
    Thymeleaf 3.0.10 發布，Thymeleaf 是一個 XML/XHTML/HTML5 模板引擎，可用於 Web 與非 Web 環境中的應用開發。
  • springboot+jpa+thymeleaf實現信息增刪改查功能
    前端：thymeleaf後端：springboot+jpa資料庫：mysql5.6jdk：1.8及以上gt;runtime</scope> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf
  • Enjoy 4.8 發布,性能碾壓 Freemarker、Velocity、Thymeleaf
    因此，立即掌握 90% 的用法，只需要記住一句話：JFinal 模板引擎表達式與 Java 是直接打通的。    本次 Enjoy 4.8 最重要的改進是引入動態編譯技術性能提升 12.9%，性能碾壓 Freemarker、Velocity、Thymeleaf， 以下是 Intel Core i7 2.2G 機器上的性能測試結果：
  • 如何學習AE表達式以及一些常用的使用方法
    因為使用表達式的時候，中英文版的AE軟體交換打開可能有時候表達式的錯誤，所以還是建議大家學習使用AE軟體的時候，選擇英文版去學習和使用，而且，使用英文版軟體對學習表達式會有加成效果。特別當你經常需要修改模板的時候，中文版可能會增加一些表達式方面的困擾。
  • Thymeleaf 1.0.0-beta3 發布,HTML5模板引擎
    Thymeleaf
  • Thymeleaf 3.0.3 發布,HTML5模板引擎
    Thymeleaf 3.0.3 發布了。Thymeleaf是一個XML/XHTML/HTML5模板引擎，可用於Web與非Web環境中的應用開發。
  • Thymeleaf 3.0.6 發布,HTML 5 模板引擎
    Thymeleaf 3.0.6 發布，更新內容如下：- Fixed unclosed quote in JavaScript
  • 18種常用AE表達式解析【建議收藏】
    ，18種常用AE表達式解析，希望對你有所幫助！其次表達式只能添加在可以編輯的關鍵幀的屬性上，不可以添加在其他地方；表達式的使用根據實際情況來決定，如果關鍵幀可以更好的實現你想要的效果，使用關鍵幀就可以啦，表達式大部分情況下是可以更節約時間，提高工作效率的。
  • 18種常用AE表達式解析|字符串|key_網易訂閱
    表達式就是AE內部基於JS程式語言開發的編輯工具，可以理解為簡單的編程，不過沒有編程那麼複雜。其次表達式只能添加在可以編輯的關建幀的屬性上，不可以添加在其他地方；表達式的使用根據實際情況來決定，如果關鍵幀可以更好的實現你想要的效果，使用關鍵幀就可以啦，表達式大部分情況下是可以更節約時間，提高工作效率的。
  • 【必學】AE常用表達式解析
    AE裡面表達式通常是比較虐心的部分，大部分學員都會因為英文不過關而對這部分內容非常苦惱，今天羅列了AE裡面幾個比較常用的表達式，給大家進行拆解分析，希望能幫助到你喲！通常和攝像機的position(位移) 和 point of interest(聚焦點)一起使用，對攝像機的鏡頭進行調整。抖動表達式還可以和mask的移動，人偶工具的節點進行抖動的設置。
  • python正則表達式使用方法說明
    曾光紅/文 （同步發布豆瓜網）一、導入re庫python使用正則表達式要導入re庫。import re在re庫中。正則表達式通常被用來檢索查找、替換那些符合某個模式(規則)的文本。二、使用正則表達式步驟1、尋找規律；2、使用正則符號表示規律；3、提取信息，如果每一個字符都能匹配，則匹配成功；一旦有匹配不成功的字符則匹配失敗。
  • 掌握AE表達式常用的函數
    掌握常用的函數一、time     前面提過，time隨著時間線的變化，值也在變化，1秒處time