对当前 jQuery 模板解决方案的建议？答案

【问题标题】：Suggestions for current jQuery template solution?对当前 jQuery 模板解决方案的建议？
【发布时间】：2011-12-19 20:51:06
【问题描述】：

我正在寻找可靠的 jQuery 模板引擎。

我一直在使用 jquery.tmpl.js 进行开发，尽管我知道它已被废弃。我已经能够用它实现我想要的，但对它的跨浏览器可靠性有些怀疑。

一方面，IE7 似乎被标记为一个问题领域，我现在不想更进一步，直到我更有信心将它最终纳入生产解决方案。

关于模板的 StackOverflow question 有健康的讨论，但遗憾的是现在已经过时了。

jquery.tmpl.js 的 github 存储库说它已移至 jQueryUI，但 jQueryUI 网站没有提及模板。

那么有没有人对 jQuery 中的模板有任何好的经验和/或可以为我指出一个可靠的解决方案？

【问题讨论】：

api.jquery.com/category/plugins/templates（阅读注意：）
我对他们没有经验，但在microjs.com/#templating 上可能有一些好处
看起来tmpl 作者正在研究下一个替代方案：JsRender。使用查看源代码查看渲染代码。它看起来与tmpl 相同。他改变的原因在这里：borismoore.com/2011/10/….

标签： jquery jquery-ui templates jquery-templates jsrender

【解决方案1】：

JsRender 是 jQuery 模板的替代品。 jQuery 模板不再处于开发阶段……jQuery 和 Boris Moore（它们背后的驱动力）都转向了 JsRender。

但是，您可以使用 jQuery 模板，因为到目前为止，它们比 JsRender 更稳定。 JsRender 和 JsViews 很快就会出现，它们将一起做 jQuery 模板现在所做的事情。 JsRender 已经比 jQuery 模板有一些优势，尤其是在性能方面（它的基于字符串的渲染引擎可以做到这一点）。

你可以在这里找到 Boris Moore 的几个例子：http://borismoore.github.com/jsrender/demos/step-by-step/index.html

【讨论】：

你如何比较 jsRender 和 DustJs ？

【解决方案2】：

使用 JsRender - http://borismoore.github.com/jsrender/demos/step-by-step/index.html

【讨论】：

【解决方案3】：

Linkedin 使用Dust。他们写了一篇不错的文章，解释了它如何帮助他们从不同的后端实现方法（JSP、Grails、Rails 等）创建通用 UI。这可能值得研究。

【讨论】：

【解决方案4】：

我使用自己的解决方案：https://github.com/lingtalfi/cloneTemplate 它基于jquery。它只是一个助手，而不是功能齐全的模板解决方案。（完整代码约30行）

语法非常简单：

var variables = {"marie": "mary"};  // this dumb/demo map will simply replace marie by mary
var jClone = $.fn.cloneTemplate(jTpl, variables);

它完成了将变量注入模板的工作。模板中的占位符如下所示：

{-myTag-}

和

{-%myTag-}

对于 htmlspecialchars 版本。

就是这样！

【讨论】：