如何針對(duì)Thymeleaf模板抽取公共頁面-創(chuàng)新互聯(lián)

對(duì)于公共頁面（導(dǎo)航欄nav、頁頭head、頁尾footer）的抽取有三種方式：
????????1）基于iframe進(jìn)行抽取，這種方式很有效，但比較老了，另外為了頁面的自適應(yīng)性，還得做不少工作；
????????2）如果是jsp頁面，則可以通過<%@ include file="head.jsp"%>進(jìn)行抽取
????????3）利用ajax進(jìn)行頁面加載，但有不少問題
???????基于Springboot后臺(tái)開發(fā)框架，JSP雖然還是可以用，但已經(jīng)強(qiáng)烈推薦使用Thymeleaf模板了，這個(gè)時(shí)候問題就來了，Thymeleaf模板是html頁面，又不想通過iframe或者ajax的方式，那我們?cè)撊绾巫觯?br/>???????其實(shí)，Thymeleaf已經(jīng)給我們提供了極好的方式，并且不僅僅是頁面，還可以對(duì)樣式CSS、Javascript進(jìn)行抽取。
???????使用Thymeleaf模板的 th:replace、th:include或th:insert屬性，借助th:fragment屬性來實(shí)現(xiàn)。
th:replace----不保留自己的主標(biāo)簽，保留th:fragment的主標(biāo)簽
th:include----保留自己的主標(biāo)簽，不保留th:fragment的主標(biāo)簽
th:insert----保留自己的主標(biāo)簽，也保留th:fragment的主標(biāo)簽
1、公共抽取部分的頁面定義，如mycommon.html
如何針對(duì)Thymeleaf模板抽取公共頁面
說明：
1）<head th:fragment="commonHeader(title)">
<title th:text="${title}"></title>其中的${title}，這樣頁面的標(biāo)題就靈活了。
2）一般在頁面頭部引入CSS，而在頁尾引入JS，這樣保證頁面出現(xiàn)在用戶面前樣式就已經(jīng)加載，提高用戶體驗(yàn)
2、在具體頁面中引入公共部分，如mydemo.html
如何針對(duì)Thymeleaf模板抽取公共頁面
說明：
th:replace，include，th:insert三者的使用形式皆如：th:include="模板路徑::id"
????更詳細(xì)的細(xì)節(jié)，大家可以可以看我的視頻介紹：https://edu.51cto.com/sd/091c7 ，希望對(duì)大家有所幫助

創(chuàng)新互聯(lián)自2013年起，先為玉田等服務(wù)建站，玉田等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為玉田企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

名稱欄目：如何針對(duì)Thymeleaf模板抽取公共頁面-創(chuàng)新互聯(lián)
鏈接URL：http://www.bm7419.com/article44/cdjeee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站維護(hù)、定制開發(fā)、服務(wù)器托管、云服務(wù)器、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)