模板引擎可以讓將資料和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...