如何实现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

posted @ 2014-07-25 16:27  糖豆爸爸  阅读(8171)  评论(0编辑  收藏  举报
Live2D