如何實現artTemplate模板的可重用性,以此框架打造自己的自定義組件


問題的提出:

我們為什么非得要引入artTemplate來進行JSON數據的渲染呢?

好了,我引入它還不行嗎?

我們在項目中引入了artTemplate來解決服務器端返回json數據,由前端JS負責進行頁面渲染的問題。

但由此引發了新的問題,就是artTemplate的模板如何實現重用?如果解決不了的話,那么就是一個HTML頁寫一次模板,不可能實現改一個地方,所以相關的東西都能修改的要求。

比如:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>include-demo</title>
<script src="../dist/template.js"></script>
</head>

<body>
<div id="content"></div>
<script id="test" type="text/html">
<h1>{{title}}</h1>
{{include 'list'}}
</script>
<script id="list" type="text/html">
<ul>
    {{each list as value i}}
        <li>索引 {{i + 1}} :{{value}}</li>
    {{/each}}
</ul>
</script>

<script>
var data = {
    title: '嵌入子模板',
    list: ['文藝', '博客', '攝影', '電影', '民謠', '旅行', '吉他']
};
var html = template('test', data);
document.getElementById('content').innerHTML = html;
</script>
</body>
</html>

 

如何將一個HTML頁面嵌套在另一個頁面中

http://www.cnblogs.com/saptechnique/archive/2012/08/28/2660403.html

噢,原來shtml是這樣的東東啊,那我們使用的是Nginx,這個東西一定是支持shtml的吧?

 

Nginx SSI 設置

http://iqbon.iteye.com/blog/1882319

http://blog.csdn.net/qmhball/article/details/8778201

 

Tomcat中的SSI配置是這樣的:

黃海測試通過的文件下載

http://www.cnblogs.com/qzsonline/archive/2012/01/06/2314035.html

http://blog.csdn.net/silentbalanceyh/article/details/3444239


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM