themleft模板库_Thymeleaf 模板的使用
Thymeleaf是現代化服務器端的Java模板引擎,不同與JSP和FreeMarker,Thymeleaf的語法更加接近HTML,并且也有不錯的擴展性。詳細資料可以瀏覽官網。本文主要介紹Thymeleaf模板的使用說明。
模板(template fragments)###
定義和引用模板
日常開發中,我們經常會將導航欄,頁尾,菜單等部分提取成模板供其它頁面使用。
在Thymeleaf 中,我們可以使用th:fragment屬性來定義一個模板。
我們可以新建一個簡單的頁尾模板,如:/WEB-INF/templates/footer.html,內容如下:
xmlns:th="http://www.thymeleaf.org">
? 2016 xxx
上面定義了一個叫做copyright的片段,接著我們可以使用th:include或者th:replace屬性來使用它:
...
其中th:include中的參數格式為templatename::[domselector],
其中templatename是模板名(如footer),domselector是可選的dom選擇器。如果只寫templatename,不寫domselector,則會加載整個模板。
當然,這里我們也可以寫表達式:
模板片段可以被包含在任意th:*屬性中,并且可以使用目標頁面中的上下文變量。
不通過th:fragment引用模板
通過強大的dom選擇器,我們可以在不添加任何Thymeleaf屬性的情況下定義模板:
...
? xxxxxx
...
通過dom選擇器來加載模板,如id為copy-section
...
th:include 和 th:replace區別
th:include 是加載模板的內容,而th:replace則會替換當前標簽為模板中的標簽
例如如下模板:
? 2016
我們通過th:include 和 th:replace來加載模板
返回的HTML如下:
? 2016? 2016
模板參數配置###
th:fragment定義模板的時候可以定義參數:
...
在 th:include 和 th:replace中我們可以這樣傳參:
......此外,定義模板的時候簽名也可以不包括參數:
,我們任然可以通過...這種方式調用模板。這其實和起到一樣的效果th:assert 斷言
我們可以通過th:assert來方便的驗證模板參數...
th:remove 刪除代碼###
假設我們有一個產品列表模板:
| Onions | 2.41 | yes | 2 comment/s th:href="@{/product/comments(prodId=${prod.id})}" th:unless="${#lists.isEmpty(prod.comments)}">view |
這時一個很常規的模板,但是,當我們直接在瀏覽器里面打開它(不(不使用Thymeleaf ),它實在不是一個很好的原型。因為它的表格中只有一行,而我們的原型需要更飽滿的表格。
如果我們直接添加了多行,原型是沒有問題了,但通過Thymeleaf輸出的HTML又包含了這些事例行。
這時通過th:remove屬性,可以幫我們解決這個兩難的處境,
| Onions | 2.41 | yes | 2 comment/s th:href="@{/product/comments(prodId=${prod.id})}" th:unless="${#lists.isEmpty(prod.comments)}">view |
| Blue Lettuce | 9.55 | no | 0 comment/s |
| Mild Cinnamon | 1.99 | yes | 3 comment/s view |
其中th:remove的參數有如下幾種:
all 刪除當前標簽和其內容和子標簽
body 不刪除當前標簽,但是刪除其內容和子標簽
tag 刪除當前標簽,但不刪除子標簽
all-but-first 刪除除第一個子標簽外的其他子標簽
none 啥也不干
當然,我們也可以通過表達式來傳參,
Link text not to be removed
以上為Thymeleaf中模板的一些用法,各位看官請點贊。
總結
以上是生活随笔為你收集整理的themleft模板库_Thymeleaf 模板的使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 机器人瓦力 配乐_《WALL-E》机器人
- 下一篇: wincc报表日报表实例_工作系统二次开