Thymeleaf常用語法：模板片斷

1、thymeleaf常用語法：模板片斷thymeleaf常用語法：模板片斷系統(tǒng)中的無數(shù)頁面有無數(shù)公共內(nèi)容，例如菜單、頁腳等，這些公共內(nèi)容可以提取放在一個(gè)稱為模板片斷的公共頁面里面，其它頁面可以引用這個(gè)模板片斷內(nèi)容。一、模板片斷的定義可以是html標(biāo)簽，也可以用法th:fragment屬性定義片斷。二、引用片斷1、用法th:insert屬性插入片斷，除此之外，還可以用法th:replace和th:include插入。語法：(1) th:insert="模板名稱"插入模板的囫圇內(nèi)容(2) th:insert="模板名稱:挑選器"

2、插入模板的指定內(nèi)容，挑選器可以對應(yīng)th:fragment定義的名稱，也可以用類似jquery挑選器的語法挑選部分片斷。片斷挑選器語法：a) /name，挑選子節(jié)點(diǎn)中節(jié)點(diǎn)名稱為name的節(jié)點(diǎn)b) /name，挑選所有子節(jié)點(diǎn)中節(jié)點(diǎn)名稱為name的節(jié)點(diǎn)c) nameattr=&39;value&39; 挑選名稱為name并且屬性值為value的節(jié)點(diǎn)，如有多個(gè)屬性可用and銜接d) /nameattr=&39;value&39;index 挑選名稱為name并且屬性值為value的節(jié)點(diǎn)，指定節(jié)點(diǎn)索引片斷挑選器的簡化語法：a) 可以省略 符號b) 用法 符號代替 id 挑

3、選，如divid等價(jià)于divid=&39;id&39;c) 用法 . 符號代替 class 挑選，如div.class等于于divclass=&39;class&39;d) 用法 % 代替片斷引用，如片斷節(jié)點(diǎn)用法了th:ref或th:fragment，則可用法div%ref來選取節(jié)點(diǎn)(3) th:insert=":挑選器"不指定模板名稱，則挑選器作用于當(dāng)前頁面(4) th:insert="this:挑選器"與":挑選器"類似，不同之處是在本頁面找不到片斷時(shí)

4、，會到模板引擎的process辦法處理的模板中尋覓片斷。2、th:insert、th:replace、th:include的區(qū)分th:insert 當(dāng)前標(biāo)簽里面插入模板中的標(biāo)簽th:replace替換當(dāng)前標(biāo)簽為模板中的標(biāo)簽th:include前標(biāo)簽里面插入模板的標(biāo)簽內(nèi)容3、模板片斷也支持傳入變量引用語法：footer.html:名稱(參數(shù))4、片斷塊引用可以用法th:block定義片斷塊，th:block是一個(gè)屬性容器，可以在里面添加任何的th屬性。例如表格的循環(huán)體中普通在tr中用th:each，也可以用th:block改寫。5、刪除模板用法th:remove刪除模板，屬性值：all：刪除當(dāng)前

5、節(jié)點(diǎn)，包括子節(jié)點(diǎn)body：刪除當(dāng)前節(jié)點(diǎn)的所有子節(jié)點(diǎn)tag：刪除當(dāng)前節(jié)點(diǎn)，不包括子節(jié)點(diǎn)all-but-first：除了當(dāng)前節(jié)點(diǎn)下面的第一個(gè)子節(jié)點(diǎn)，其它所有刪除none：不舉行任何操作三、用法實(shí)例開發(fā)環(huán)境：intellij idea 2019.2.2spring boot版本：2.1.8新建一個(gè)名稱為demo的spring boot項(xiàng)目。1、pom.xml加入thymeleaf依靠 org.springframework.boot spring-boot-starter-thymeleaf 2、src/main/java/com/example/demo/testcontroller.javapa

6、ckage com.example.demo;import org.springframework.stereotype.controller;import org.springframework.web.bind.annotation.requestmapping;controllerpublic class testcontroller requestmapping("/") public string test() return "test" 3、src/main/resources/templates/footer

7、.htmlfrag1frag2footer1 footer2 footer3 footer4 4、src/main/resources/templates/test.html title th:insert引用片斷引用指定模板的囫圇內(nèi)容引用指定模板的片斷引用本頁面的片斷frag3th:replace、th:include與th:insert的區(qū)分片斷挑選器的部分使用含有變量的片斷引用片斷塊引用 刪除模板 0 ? all : none"> idea運(yùn)行后，掃瞄器拜訪：http:/localhost:8080，查看網(wǎng)頁源代碼，結(jié)果如下： title th:insert引用片斷引用指定模板的囫圇內(nèi)容frag1frag2footer1 footer2 footer3 footer4 hello,null 引用指定模板的片斷frag1引用本頁面的片斷frag3frag3frag3th:replace、th:include與th:insert的區(qū)分frag1f