Thymeleaf常用語法總結(jié)

這篇文章主要介紹“Thymeleaf常用語法總結(jié)”，在日常操作中，相信很多人在Thymeleaf常用語法總結(jié)問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”Thymeleaf常用語法總結(jié)”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

1. 模板繼承: 將頁面公用的部分寫到一個頁面中,其它頁面通過繼承該頁得到公共部分.

創(chuàng)建一個公共頁面 base-layout.html,內(nèi)容如下:

添加了jquery庫和網(wǎng)站圖標.

xmlns:layout: 導入layout標簽

layout:fragment: 聲明布局標識

將hello.html繼承自base-layout.html:

layout:decorator: 表示使用某個模板裝飾,即父模板

layout:fragment: 表示繼承父模板對應的塊,可以理解為Java中的父類方法.

這個頁面并沒有導入Jquery庫,但是我們已經(jīng)可以使用Jquery,說明模板繼承成功.

2. 常用語法:

首先在CommonResponse::sayHello方法中向頁面寫入一些數(shù)據(jù)

Thymeleaf中的標簽對應于: [th:HTML中的標簽],所以一般不需要單獨去記.

th:value: 即html中的value標簽.

th:each: 迭代變量,可以定義兩個迭代量,1: 迭代變量(u),2: 迭代狀態(tài)量(uStat)

th:if: 條件判斷,推薦使用eq,lt,gt,ne而不是=,<,>,!=,一些符號如&需要使用已轉(zhuǎn)義符號(&amp;)

th:attr: 用于設置某個屬性的值,上面的代碼對應:id=[u.id],通常用于非html標簽如data-toggle等;請注意: 大寫的字符將會被自動轉(zhuǎn)換成小寫.如: data-Toggle會被轉(zhuǎn)換成data-toggle.

#dates,#lists是Thymeleaf全局變量,類似還有很多,用到時請查看文檔.

使用th:inline: 表示內(nèi)容類型,一般為: text,javascript.

th:inline="text": 使用該標簽可以在內(nèi)部直接使用Thymeleaf語法,如果頁面中需要寫js,請使用<script  th:inline="javascript">,代碼塊如果包含運算符或其他特殊符號,請使用CDATA包住方法體:

或者

示例頁面:

到此，關于“Thymeleaf常用語法總結(jié)”的學習就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>