模板引擎art template中的模板繼承

2021-10-23 22:12:19 字數 920 閱讀 3086

1.js端

const template =

require

('art-template');

const path =

require

('path');

const views = path.

join

(__dirname,

'views'

,'05.art');

//使用模板引擎

const html =

template

(views,);

console.

log(html)

;

2.被繼承的模板

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

document<

/title>

//使用block關鍵字留下坑 以便之後填坑}}

<

/head>

//使用block關鍵字留下坑 以便之後填坑}}

<

/body>

<

/html>

3.使用模板

}//使用extend關鍵字 引入要繼承的模板

}}<

/p>

}//使用block關鍵字給模板中的坑填坑

}"stylesheet" type=

"text/css" href=

"./main.css"

>

}

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 ...