art template模板引擎

2021-10-12 12:41:22 字數 1240 閱讀 2751

1. 模板語法

2. 輸出

將某項資料輸出在模板中

3. 原文輸出

如果資料中攜帶html標籤,預設模板引擎不會解析標籤,會將其轉義後輸出

4. 條件判斷

在模板中可以根據條件來決定顯示哪塊html**

5. 迴圈

6. 子模版

使用子模版可以將**公共區塊(頭部、底部)抽離到單獨的檔案中

7. 模板繼承

使用模板繼承可以將**html骨架抽離到單獨的檔案中,其他頁面模板可以繼承骨架檔案

8. 模板配置

const template =

require

('art-template');

//可以將路徑進行拼接

const path =

require

('path');

const dateformat =

require

('dateformat');

// 獲取06.art的路徑

const views = path.

join

(__dirname,

'views'

,'06.art');

//匯入模板變數,就是在別地兒也可以使用dateformat

template.defaults.imports.dateformat = dateformat;

const html =

template

(views,);

console.

log(html)

;

}

設定模板預設字尾 template.defaults.extname = 『.art』

如果乙個檔案不加字尾,去找預設字尾

如果上面的語法和別的模板引擎產生衝突

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

art template前端模板引擎

偶然看到後台有一段 採用的是art template的模板引擎 位址為 這段 很簡潔 var html template detail artdialog 主要用的是template方法 渲染html 渲染結束得到html賦值然後顯示,後來檢視了一下官方的例子講解的比較好,只要引入 dist tem...