ArtTemplate模板引擎入門

2021-07-05 13:10:20 字數 913 閱讀 9028

天下武功,唯快不破」。對的,arttemplate模板引擎最大的特點就是乙個「快」字,但是這套模板引擎官方github上的文件相當地精簡,雖然有完整的demo,但是說真的,也不知道是不是我智商不夠用,研究了一下午才把這套模板引擎應用到了我的web專案裡。

id="art-container">

div>

id="art-main"

type="text/html">

script>

id="art-sub"

type="text/html">

} 我的第}個愛好:}

}script>

var data=

}var art=template('art-main',data);

document.getelementbyid('art-container').innerhtml=art;

– 基本表示式

}

– 條件表示式

}//do something

}//do something

}//do something

}

– 遍歷表示式

//既可以遍歷物件,又可以遍歷陣列

} 我的第

}個愛好:

}li>

}//也可以這麼寫

} 我的第

}個愛好:

}li>

}

– 包含表示式

//子模板預設是共享當前的data物件內的所有資料

}//也可以單獨為它指定資料來源

}

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

art template前端模板引擎

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