themleft模板库_Thymeleaf 模板的使用
Thymeleaf是現(xiàn)代化服務(wù)器端的Java模板引擎，不同與JSP和FreeMarker，Thymeleaf的語(yǔ)法更加接近HTML，并且也有不錯(cuò)的擴(kuò)展性。詳細(xì)資料可以瀏覽官網(wǎng)。本文主要介紹Thymeleaf模板的使用說(shuō)明。
模板(template fragments)###
定義和引用模板
日常開發(fā)中，我們經(jīng)常會(huì)將導(dǎo)航欄，頁(yè)尾，菜單等部分提取成模板供其它頁(yè)面使用。
在Thymeleaf 中，我們可以使用th:fragment屬性來(lái)定義一個(gè)模板。
我們可以新建一個(gè)簡(jiǎn)單的頁(yè)尾模板，如：/WEB-INF/templates/footer.html，內(nèi)容如下：
xmlns:th="http://www.thymeleaf.org">
? 2016 xxx
上面定義了一個(gè)叫做copyright的片段，接著我們可以使用th:include或者th:replace屬性來(lái)使用它：
...
其中th:include中的參數(shù)格式為templatename::[domselector],
其中templatename是模板名(如footer)，domselector是可選的dom選擇器。如果只寫templatename，不寫domselector，則會(huì)加載整個(gè)模板。
當(dāng)然，這里我們也可以寫表達(dá)式：
模板片段可以被包含在任意th:*屬性中，并且可以使用目標(biāo)頁(yè)面中的上下文變量。
不通過(guò)th:fragment引用模板
通過(guò)強(qiáng)大的dom選擇器，我們可以在不添加任何Thymeleaf屬性的情況下定義模板：
...
? xxxxxx
...
通過(guò)dom選擇器來(lái)加載模板，如id為copy-section
...
th:include 和 th:replace區(qū)別
th:include 是加載模板的內(nèi)容，而th:replace則會(huì)替換當(dāng)前標(biāo)簽為模板中的標(biāo)簽
例如如下模板：
? 2016
我們通過(guò)th:include 和 th:replace來(lái)加載模板
返回的HTML如下：
? 2016? 2016
模板參數(shù)配置###
th:fragment定義模板的時(shí)候可以定義參數(shù)：
...
在 th:include 和 th:replace中我們可以這樣傳參：
......此外，定義模板的時(shí)候簽名也可以不包括參數(shù)：
，我們?nèi)稳豢梢酝ㄟ^(guò)...這種方式調(diào)用模板。這其實(shí)和起到一樣的效果th:assert 斷言
我們可以通過(guò)th:assert來(lái)方便的驗(yàn)證模板參數(shù)...
th:remove 刪除代碼###
假設(shè)我們有一個(gè)產(chǎn)品列表模板：
| Onions | 2.41 | yes | 2 comment/s th:href="@{/product/comments(prodId=${prod.id})}" th:unless="${#lists.isEmpty(prod.comments)}">view |
這時(shí)一個(gè)很常規(guī)的模板，但是，當(dāng)我們直接在瀏覽器里面打開它(不(不使用Thymeleaf )，它實(shí)在不是一個(gè)很好的原型。因?yàn)樗谋砀裰兄挥幸恍?#xff0c;而我們的原型需要更飽滿的表格。
如果我們直接添加了多行，原型是沒有問(wèn)題了，但通過(guò)Thymeleaf輸出的HTML又包含了這些事例行。
這時(shí)通過(guò)th:remove屬性，可以幫我們解決這個(gè)兩難的處境，
| 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的參數(shù)有如下幾種：
all 刪除當(dāng)前標(biāo)簽和其內(nèi)容和子標(biāo)簽
body 不刪除當(dāng)前標(biāo)簽，但是刪除其內(nèi)容和子標(biāo)簽
tag 刪除當(dāng)前標(biāo)簽，但不刪除子標(biāo)簽
all-but-first 刪除除第一個(gè)子標(biāo)簽外的其他子標(biāo)簽
none 啥也不干
當(dāng)然，我們也可以通過(guò)表達(dá)式來(lái)傳參，
Link text not to be removed
以上為Thymeleaf中模板的一些用法，各位看官請(qǐng)點(diǎn)贊。
總結(jié)
以上是生活随笔為你收集整理的themleft模板库_Thymeleaf 模板的使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 机器人瓦力 配乐_《WALL-E》机器人
- 下一篇： aba会导致问题_护发素会导致掉发？这个