如何实现artTemplate模板的可重用性,以此框架打造自己的自定义组件
2024-10-20 01:22:44
问题的提出:
我们为什么非得要引入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 + }} :{{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
最新文章
- Array方法
- Hystrix框架2--超时
- mouseChildren启示
- 【BZOJ】1012: [JSOI2008]最大数maxnumber(树状数组+rmq)
- iOS - OC NSCalendar		日历
- selenium Gird
- css3圆角边框,边框阴影
- jqGrid(2)
- 数据库:mongodb与关系型数据库相比的优缺点
- hibernate[版本四]知识总结
- 把传统的基于sql的企业信息中心迁移到spark 架构应该考虑的几点思考...[修改中]
- iOS 发布应用时屏蔽NSLog
- 设置状态栏(UIStatusBar)样式
- cnblogs的使用
- Linux动态频率调节系统CPUFreq之一:概述
- 微信小程序 - 相对定位和绝对定位 - 相对路径和绝对路径
- localstorage 和 sessionstorage 是什么?区别是什么?
- [UE4]下拉菜单
- oracle 直接复制表内容到新表
- mongodb centos7上的安装