jquery jtemplates.js模板渲染引擎的详细用法第一篇

最新推荐文章于 2024-04-15 09:42:31 发布

ching126

最新推荐文章于 2024-04-15 09:42:31 发布

阅读量1.5w

点赞数 1

分类专栏： Javascript/jQuery/Ajax Web前端Html(Html5 CSS3)

本文链接：https://blog.csdn.net/chenhongwu666/article/details/51798476

版权

本文介绍了基于jQuery的jTemplates模板引擎的详细用法，包括如何下载、如何构造JSON数据、创建模板、设置模板元素及处理数据。通过实例展示了如何使用模板渲染提高程序性能，并强调了模板样式和JSON数据格式的注意事项。

摘要由CSDN通过智能技术生成

jquery jtemplates.js模板渲染引擎的详细用法第一篇

Author:ching

Date:2016-06-29

jTemplates是一个基于JQuery的模板引擎插件，功能强大，有了他你就再不用为使用JS绑定数据时发愁了。后端语言使用php,asp.net,jsp等都不是问题，使用模板渲染可以很大程度上提高程序性能，使用异步获取数据，不用整个页面都回发，好处当然不仅仅是这些。

下载jtemplates，官网的文档写得非常的详细

打开官网：http://jtemplates.tpython.com/

左侧找到Download，然后直接点击要下载的文件即可，当前最新版本是0.8.4

jTemplates配合jQuery的on或者delegate事件处理方法可以让你迷恋无法自拔。哈哈...

下面是详细用法总结：

jtemplates模板的简单使用，首先使用jtemplates就要使用json数据，在这里我们不妨构造一个json格式的数据，如下：

{
	"name" : "网马伦",
	"list_id" : 89757,
	"table":[
		{"id": 1, "name": "Rain", "age": 22, "mail": "admin@domain.com"},
		{"id": 2, "name": "皮特", "age": 24, "mail": "123456@domain.com"},
		{"id": 3, "name": "卡卡", "age": 20, "mail": "112233@domain.com"},
		{"id": 4, "name": "戏戏", "age": 26, "mail": "0147@domain.com"},
		{"id": 5, "name": "一揪", "age": 25, "mail": "kkw@domain.com"}
	]
}

接下来新建一个页面jtemplates_demo1.html

然后引入jquery,我这里使用的是jquery