服务器端模板，客户端模板-自动转换？

Question

有了jQuery模板插件，我想知道如何同时维护服务器端和客户端模板。

因为就我而言，我有一些模板，它们是重复的-服务器端和客户端。 试想一下：

您有一个表单，可以在其中输入列表点。 当您按下提交时，会生成一个AJAX请求，但该条目已经显示在页面上。

现在，此要点的标记应该是相同的-无论是通过JS还是由我的PHP / .NET /任何应用程序生成的。

有什么好的方法来维护这些模板/使其保持同步？ 还是我真的必须手动维护两个模板？

您在使用JS模板的应用程序方面有什么经验？

Answer 1

如果您喜欢JS-> PHP优先级 :)，那么您有两个兼容PHP后端的jquery-tmpl模板渲染器

1. https://github.com/abackstrom/jquery-tmpl-php
2. https://github.com/xyu/jquery-tmpl-php

如果您更喜欢PHP-> JS优先级 :)，则可以尝试使用这种流行的PHP模板Smarty的Javascript实现。

1. http://code.google.com/p/jsmart/

或者您可以尝试更中性的方法，例如：

1. 小胡子http://mustache.github.com/

Answer 2

我的同事是您提到的.NET解析器的作者，因此我已经用了很多时间在客户端和服务器之间共享模板。 明确地说，它是相同的模板，相同的文件，无论是在客户端还是在服务器上进行解析。 因此，没有重复/维护的麻烦，这非常好。

我们遇到的唯一警告是高级逻辑。 模板渲染的数据在渲染时需要或多或少准备打印。 因此，对数组长度的检查必须是布尔值，结果字符串需要复数，日期需要格式化，等等。我相信Aaron正在研究一种将函数作为命名参数传递给.NET版本的方法，以便例如，可以在C＃中复制在客户端模板范围内可用的复数功能，并在服务器上以相同的方式使用，从而允许在模板中进行更多的逻辑和处理。 尽管如此，即使必须对数据进行预处理，它还是非常有用的。

Answer 3

Spark View Engine（.NET）具有javascript渲染功能： http : //blog.robertgreyling.com/2009/11/teaching-javascript-how-to-render-your.html

仅拥有一组模板的另一种方法是仅执行服务器端渲染，即使用ajax从服务器获取更新的html。

Answer 4

我通常将它们存储在视图上 ; 在这里，我将告诉您有关jquery-tmpl一个非常有趣的用例。

我在一个站点上使用了jquery-tmpl ，由于存在大量请求，因此需要一种我称为decontextualization的技术。 实施此技术只是为了在高峰时段保持生命，它完全由以下规则组成：

1. 切勿触摸服务器以多次重新生成页面。 除非绝对必要。
2. 使用JavaScript来提供用户是谁 ，什么特权，他有一个状态。

考虑到这两个规则，您可能会注意到， jquery-tmpl具有提供的基本逻辑量，对于给定情况而言简直是雄伟。 我所做的基本上是将jquery-tmpl模板包含在需要去上下文化的文档中。 所有模板均由页面本身提供； 所以我可以制作一个d18n javascript库，该库可以执行以下操作：

1. 查询有关当前用户的快速脚本，将数据作为JSON对象返回。
2. 遍历JSON，并在指定选择器上包括文档中提供的模板。 让jquery-tmpl进行数学运算。

每当我们需要对“ tempalte”进行修改时，我们都将采用与没有可用的jquery-tmpl相同的方式jquery-tmpl ： ON VIEW / PARTIAL 。

您将为“用户可以编辑帖子”查看类似内容。 模板：

<script id="post-edit-button" type="text/x-jquery-tmpl">
  {{if user_id == "<%= post.user.id %>" || role == "staff" || $.inArray(user_id, EDITORS) }}
    <a href="<%= edit_post_url(post) %>">Edit</a>
  {{/if}}
</script>

希望我的经验对您有所帮助。

Answer 5

我为此使用XSLT。 不是每个人的其语法的粉丝，但它是跨浏览器，速度快，而且作品-你甚至可以让客户端模板没有太多的如果在所有任何脚本使用形式靶向嵌入式IFRAME -有小过的优势-wire文档（比json稍大，但不多）。 iOS设备不支持它。 这些将需要使用服务器模板版本-但可喜的是，使用相同的模板几乎可以做到。

我不是javascript模板库的忠实拥护者：它们非常复杂，依赖于版本，通常使用的工具较差，容易随浏览器的更改而中断，并且通常将您绑定到特定的javascript库。