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