使用 JSON 的优秀 Javascript 模板引擎

Question

我看过jTemplates ，值得一试。 除了 jTemplates 之外，还有其他模板引擎吗？

Answer 1

你试过pure.js吗？

与可用的数十种 JS 模板引擎的主要区别在于，PURE 将 HTML 与 JS 逻辑完全分离。 它也非常快。

然而，它不是您可能喜欢的常见 <% ... %> 类型的模板编程。
它有一种模式/声明式方法，与 XSLT 有一些相似之处（但没有痛苦......）

Answer 2

我喜欢JavaScriptMVC框架视图采用的方法，特别是因为它使用 JavaScript 本身作为模板语言。 该框架现在基于 jQuery，您可以将模型直接渲染到视图中（模型支持 JSON、JSONP、XML 等）。

Answer 3

这是一个用 jQuery 实现的 Smarty 模板语言。 http://www.balupton.com/sandbox/jquery-smarty/demo/

一项令人印象深刻的功能是支持动态更新。 因此，如果您更新模板变量，它将更新模板中使用该变量的任何位置。 很漂亮。

您还可以使用 onchange 事件挂钩变量更改。 因此，当说变量“页面”更改时，这对于说执行效果或 AJAX 很有用；-)

Answer 4

你可以使用这个： https : //jocapc.github.io/jquery-view-engine/

它将 JSON 对象的属性绑定到空的 HTML 模板中，并按名称、ID 或类将属性与元素进行匹配。

首先，您的页面中需要有纯 HTML 模板：

<div id="template">
    <h1 id="Name"></h1>
    <label>Description:</label>
    <textarea name="Desc"></textarea>
    <ul>
        <li class="bind-Tags"></li>
    </ul>
</div>

然后你需要将被放置在模板中的 JS 对象：

var data = {   Name: "JOVN",
    Desc: "The simplest view engine",
    Tags: ["View engine", "JavaScript", "SPA"]
}

最后用数据对象填充视图：

$("div#template").view(data);

结果是：

<div id="template">
    <h1 id="Name">JOVN</h1>
    <label>Description:</label>
    <textarea name="Desc">The simplest view engine</textarea>
    <ul>
        <li class="bind-Tags">View engine</li>
        <li class="bind-Tags">JavaScript</li>
        <li class="bind-Tags">SPA</li>
    </ul>
</div>

视图引擎将填充单个字段或复制模板中的数组元素。

Answer 5

值得查看以下链接。

https://github.com/nje/jquery/wiki/jquery-templates-proposal

Answer 6

Yajet是一个新的，它发现了一种不同于我们以前见过的任何语法。 :-) 它编译模板并且速度非常快。 它与浏览器和库无关； 对于那些离不开 jQuery 的人来说，有一个小的 jQuery 包装器，但引擎本身是独立的，也可以在 Rhino 或 V8 中运行。

它支持许多允许条件、循环、定义可重用模板组件等的指令。

Answer 7

在 2017 年提出这个问题后，看起来JsRender和JsViews已经成为当前 jQuery 生态系统中模板的官方实现（虽然不一定需要 jQuery）：

JsRender 是一个轻量级但功能强大的模板引擎，高度可扩展，并针对高性能渲染进行了优化，没有 DOM 依赖。 它设计用于在浏览器或 Node.js 上使用，无论是否使用 jQuery。

JsRender 和 JsViews 一起提供了官方 jQuery 插件 JQuery 模板和 JQuery 数据链接的下一代实现——并取代了这些库。

- JsRender GitHub 自述文件

官方网站： http : //www.jsviews.com/

GitHub（JsRender）： https : //github.com/BorisMoore/jsrender

GitHub（JsViews）： https : //github.com/BorisMoore/jsviews

Answer 8

尝试异步js模板。 它的速度很快，因为它执行可以异步的并行请求。

它随 Maven 一起提供。