jQuery模板引擎

Question

我正在寻找一个模板引擎来使用客户端.我一直在尝试一些像jsRepeater和jQuery模板.虽然它们似乎在FireFox中运行良好,但它们在呈现HTML表格时似乎都在IE7中崩溃了.

我还看了一下MicrosoftAjaxTemplates.js(来自http://www.codeplex.com/aspnet/Release/ProjectReleases.aspx?ReleaseId=16766)但事实证明它有同样的问题.

有关其他模板引擎的建议吗？

Answer 1

查看Rick Strahl 用jQuery发布客户端模板的帖子.他探讨了jTemplates,但后来为John Resig的微模板解决方案做了更好的案例,甚至改进了一些.良好的比较,大量的样本.

Answer 2

刚做了一些研究,我将使用jquery-tmpl.为什么？

1. 它由John Resig撰写.
2. 它将由核心jQuery团队维护为"官方"插件. 编辑:jQuery团队已弃用此插件.
3. 它在简单性和功能性之间取得了完美的平衡.
4. 它有一个非常干净和深思熟虑的语法.
5. 它默认为HTML编码.
6. 它具有很强的可扩展性.

更多信息:http://forum.jquery.com/topic/templating-syntax

Answer 3

jQote:http://aefxx.com/jquery-plugins/jqote/

有人采用了Resig的微模板解决方案并将其打包成jQuery插件.

我将使用这个,直到Resig发布他自己的(如果他发布他自己的).

感谢小费,ewbi.

Answer 4

jQuery Nano:

模板引擎

基本用法

假设您有以下JSON响应:

data = {
  user: {
    login: "tomek",
    first_name: "Thomas",
    last_name: "Mazur",
    account: {
      status: "active",
      expires_at: "2009-12-31"
    }
  }
}

你(们)能做到:

nano("<p>Hello {user.first_name} {user.last_name}! Your account is <strong>{user.account.status}</strong></p>", data)

你准备好了字符串:

<p>Hello Thomas Mazur! Your account is <strong>active</strong></p>

测试页面......

Answer 5

jQuery-tmpl将从jQuery 1.5开始在jQuery核心中:

http://blog.jquery.com/2010/10/04/new-official-jquery-plugins-provide-templating-data-linking-and-globalization/

官方文档在这里:

http://api.jquery.com/category/plugins/templates/

编辑:它被排除在jQuery 1.5之外,现在将由jQuery UI团队协调,因为它将成为即将推出的jQuery UI Grid的依赖项.

http://blog.jquery.it/2011/04/16/official-plugins-a-change-in-the-roadmap/

Answer 6

不知道它如何处理您的具体问题,但也有PURE模板引擎.

Answer 7

这取决于你如何定义"最好",请参阅我的文章在这里的话题

如果你寻找最快的,这是一个很好的基准,似乎DoT获胜,并让其他人落后

如果您正在寻找最官方的 JQuery插件,这就是我发现的

第一部分:JQuery模板

测试版临时官方 JQuery模板插件是 http://api.jquery.com/category/plugins/templates/

但显然,不久之前决定将其保留在Beta中...

注意:jQuery团队决定不将此插件带入测试阶段.它不再被积极开发或维护.文档暂时保留(供参考),直到合适的替换模板插件准备就绪.

第二部分:下一步

在新的路线图似乎瞄准了新的插件集,JSRender和(DOM甚至JQuery的模板渲染引擎无关)JSViews其中有一些很好的数据绑定和观察者/可观察的模式实现

这是关于该主题的博客文章

http://www.borismoore.com/2011/10/jquery-templates-and-jsviews-roadmap.html

这是最新的消息来源

• JSViews https://github.com/BorisMoore/jsviews
• JSRender https://github.com/BorisMoore/jsrender

其他资源

• 关于这个主题的一个很好的演示http://www.slideshare.net/BorisMoore/jsviews-next-generation-jquery-templates

• 工作演示:http://borismoore.github.com/jsviews/demos/index.html

请注意,它仍然没有测试版,只有一个路线图项目,但似乎是成为模板和UI绑定的官方JQuery/JQueryUI扩展的一个很好的候选者

Answer 8

http://garann.github.com/template-chooser/此链接对于选择Javascript基本模板非常有帮助.