artTemplate模板繼承和子模板

2021-10-22 18:41:16 字數 1566 閱讀 9589

子模板

語法：

};


// 其中'./header.html'是相對於當前檔案位置的檔案
應用：

# layout.html


<


!doctype html>


"en"


>


"utf-8"


>


title<


/title>


<


/head>


}<


/body>


<


/html>


# header.html


這是頭部資訊
當前模組載入子模版的時候，會將子模板的內容填充到主模板中進行顯示

模板繼承

什麼是模板繼承？

類似於採用include方式載入子模組一樣，不同的在於，模板繼承既可以將父模板的內容繼承過來，同時子模組也可以在擁有父模組的基礎上新增新的內容。

語法：

}}


...}


// 可選
解釋：

案例：

# head.html


這是乙個公共頭部 <


/h1>


# footer.html


這是乙個公共底部<


/h1>


# layouot.html


<


!doctype html>


"en"


>


"utf-8"


>


title<


/title>


<


/head>


<


!--公共頭部區域--


>


}<


!--    自定義部分--


>


}這是預設內容<


/h1>}}


<


!--公共底部區域--


>


<


/body>


<


/html>


# index.html}}


這是填充部分<


/h2>}  


## 結果：


<


!doctype html>


"en"


>


"utf-8"


>


title<


/title>


<


/head>


<


!--公共頭部區域--


>


這是乙個公共頭部 <


/h1>


<


!--    自定義部分--


>


這是填充部分<


/h2>


這是乙個公共底部<


/h1>


<


!--公共底部區域--


>


<


/body>


<


/html>
總結：

當可以復用的內容的時候，可以使用include進行引用，當只需要對某乙個內容進行部分修改時，可以使用extend繼承

art template模板引擎

1.模板語法 2.輸出 將某項資料輸出在模板中 3.原文輸出 如果資料中攜帶html標籤，預設模板引擎不會解析標籤，會將其轉義後輸出 4.條件判斷 在模板中可以根據條件來決定顯示哪塊html 5.迴圈 6.子模版 使用子模版可以將 公共區塊 頭部 底部 抽離到單獨的檔案中 7.模板繼承 使用模板繼承...

artTemplate模板引擎

使用乙個type text html 的script標籤存放模板 模板邏輯語法開始與結束的界定符號為 與 若 後面緊跟 號則輸出變數內容。template.render id,data var data var html template.render test data document.gete...

ArtTemplate模板引擎入門

天下武功，唯快不破 對的，arttemplate模板引擎最大的特點就是乙個 快 字，但是這套模板引擎官方github上的文件相當地精簡，雖然有完整的demo，但是說真的，也不知道是不是我智商不夠用，研究了一下午才把這套模板引擎應用到了我的web專案裡。id art container div id ...