模板引擎使用

2021-09-27 04:05:43 字數 1188 閱讀 9906

模板引擎可以讓將資料和html模板更加友好的結合,省去繁瑣的字串拼接,使**更加易於維護。

art-template

模板編譯

通過呼叫模板引擎提供的template函式,告知模板引擎將特定模板和特定資料進行拼接,最終返回拼接結果。

// 模板引擎匯入

const template = require('art-template');

// 模板編譯

// 1.模板位置

// 2.向模板中傳遞要拼接的資料,物件型別,物件屬性可以直接在模板中使用。

// result 拼接結果

const result = template('./views/index.html', );

模板語法

通過模板引擎提供的特殊語法,告知模板引擎資料和模板具體的拼接細節。

插值表示式

即},用來顯示資料,將資料變數放入雙大括號中即可。

原始語法

標準語法: } //  原始語法:<%=資料  %>

插值表示式中可以進行運算,最終顯式運算的結果。

原文輸出

如果資料中攜帶html標籤,預設不會解析標籤,會將其轉義後輸出。使用以下方式可以解析標籤。

}
條件判斷

} ... }

} ... } ... }

<% if (value) %>

<% if (v1) else if (v2) %>

資料迴圈

}

} }}

<% for(var i = 0; i < target.length; i++) %>

子模板

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

} <% include('./header.art') %>

模板繼承

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

}

} ... }

模板引擎簡單使用

模板引擎實際上就是乙個 api,模板引擎有很多種,使用方式大同小異,目的為了可以更容易的將資料渲染到 html中。詳情模板引擎語法去官網檢視手冊,上面例舉一些模板引擎。先引入jquery.js檔案 寫jquery語句必須 在頁面中利用script引入模板引擎 建立乙個script標籤,幫後台資料與模...

使用js模板引擎心得

最近幾年隨著web開發前後端分工越來越細,同時mvc mvp模式大行其道,js模板引擎也越來越流行了 js模板引擎很多,我經常用的是arttemplate jsviews這兩個模板引擎,12306用的就是jsviews arttemplate 特性 效能卓越,執行速度通常是 mustache 與 t...

tpl模板引擎和使用

tpl.php namespace tpl class tpl class tpl 如果快取檔案不為空,則設定,為空時為預設值 if empty cache dir 如果過期時間不為空,則設定,為空時為預設值 if empty lifetime 對外公開的方法 param string name p...