模板引擎是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档。由于在开发过程中,网站或应用程序的界面与数据实现分离,大大提升了开发效率,良好的设计也使得代码重用变得更加容易。
本文整理了10 款基于JavaScript和jQuery的模板引擎,希望能对你的开发工作带来一些帮助。
1. NANO
最简单的jQuery模板引擎,完美实现对JSON的解析。
![](http://dl.iteye.com/upload/attachment/0066/4742/afbbf0fe-222d-32da-b8ca-ac05ccee4f41.jpg)
源码 / 演示
2. The “template” binding
该工具通过渲染模板将相关联的DOM元素组织到一起。
![](http://dl.iteye.com/upload/attachment/0066/4744/ddfb60fe-f1bc-3442-bd47-70861ad0565f.jpg)
源码 / 演示
3. JsViews
下一代的jQuery模板,交互式数据驱动视图,建立在JsRender模板的基础上。
![](http://dl.iteye.com/upload/attachment/0066/4746/5bb8f9f8-7430-3452-af5d-4496302354e3.jpg)
源码 / 演示
4. JsRender
针对高性能和纯字符串渲染进行了优化,无需依赖DOM和jQuery。
![](http://dl.iteye.com/upload/attachment/0066/4748/ea8605d6-e2ef-3520-bf25-a71b7e58d254.jpg)
源码 / 演示
5. google-jstemplate
针对Ajax Web应用程序的简单、强健的浏览器端模板处理工具。
![](http://dl.iteye.com/upload/attachment/0066/4750/6d46dec5-6e18-3558-af93-2838606a8b12.jpg)
源码 / 演示
6. The jQuery Templates Plugin
一个jQuery模板插件,该插件的开发工作目前处于停滞状态。
![](http://dl.iteye.com/upload/attachment/0066/4752/9f247847-fbcd-3636-ac75-bb5528c0ac01.jpg)
源码 / 演示
7. jQote2
这是jQote的第2个版本,是基于jQuery的最强大、通用的客户端模板引擎。
![](http://dl.iteye.com/upload/attachment/0066/4754/f8a8e8a7-2643-3c7f-860f-8f7aafaf07fc.jpg)
源码 / 演示
8. kite
这是一个基于JavaScript的模板引擎。
![](http://dl.iteye.com/upload/attachment/0066/4756/2fff7656-0584-3dca-94ad-4fb0cad2949d.jpg)
源码 / 演示
9. mustache.js
基于JavaScript的Logic-less(无逻辑或轻逻辑)模板。
![](http://dl.iteye.com/upload/attachment/0066/4758/5ffe02b4-b3a7-3773-94c6-41b429b7874a.jpg)
源码 / 演示
10. Tempo 1.7
Tempo是一个微型JSON渲染引擎,允许你使用纯HTML制作数据模板。
![](http://dl.iteye.com/upload/attachment/0066/4760/dcf1f9b1-ebf9-3a15-b761-15b9835490e5.jpg)