art template前端模板引擎

偶然看到後台有一段** 採用的是art template的模板引擎 位址為 

這段**很簡潔

var html = template('detail', );

artdialog();

主要用的是template方法 渲染html

渲染結束得到html賦值然後顯示，後來檢視了一下官方的例子講解的比較好，只要引入 dist/template.js 即可，**如下

doctype html
>
<
html
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>basic-demo
title
>
<
script 
src="dist/template.js"
>
script
>
head
>
<
body
>
<
div 
id="content"
>
div>
<
script 
id="test"
type
="text/html"
>
}<
h1>
}<
/h1>
<
ul>
} 
<
li>
索引 } ：}
<
/li>
}<
/ul>
}script
>
<
script
>
vardata =;
varhtml 
=template(
'test
', data);
document.getelementbyid(
'content
').innerhtml 
=html;
script
>
body
>
html
>

前端渲染模板artTemplate

一 引入art template.js檔案 template debug.js script 二 編寫html模板 test type text html h1 script 三 向模板插入資料，並輸出到頁面 var data var html template test data document...

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