服务器端的 jQuery 模板

Question

有没有人尝试在服务器上使用 jQuery 模板 （或任何其他基于 JavaScript 的模板）与诸如 env.js 之类的东西站在一边？

我正在考虑尝试它，看看通过在 Web 应用程序的客户端或服务器端呈现相同的模板可以获得什么好处，但我希望有人可能已经有一些经验，或者知道现有的项目正在做这。我特别有兴趣了解与一些更传统的模板引擎相比我可能遇到的任何性能问题。

回顾一下：有人曾经在服务器站点上使用过 jquery 模板吗？如果是这样，是否存在任何性能问题或我可能遇到的其他问题？

Answer 1

env.js 是不必要的。

我正在规范和重新实现 JQuery 模板，以允许它们独立于 DOM 使用。请参阅https://github.com/mikesamuel/jquery-jquery-tmpl-proposal 用于代码和演示。该规范位于 http://wiki.jqueryui.com/w/page/37898666 /Template 它说：

以文本为中心而不是依赖 DOM。状态：完成。参见第 12 节的实现。 foo${bar} 翻译成与 function (data, options) { return "foo" + bar; 非常相似的东西} 对 bar 进行取模

...

这将允许在服务器端 javascript 环境中使用此模板引擎，例如 node.js 或 java/rhino

我希望获得反馈并可以帮助您入门。

Answer 2

我的一位朋友从事分布式遗传编程项目，他使用 js sevrer 端模板系统来管理所有用户浏览器上生成的所有 Web Worker。他的代码在这里：github。我不知道它会有多大帮助，但我知道它实施起来非常简单，并且做了一些令人惊奇的事情。从他发现它有多容易我会推荐一个 js 模板系统。

Answer 3

编写服务器端代码来处理 jQuery 模板相当简单。

这是我创建的一些非常基本的vb.net代码，它将返回jquery 模板字符串的结果到任何对象的数组。目前它只替换数据值

Public Shared Function RenderTemplate(template As String, list As Array) As String
    Dim myRegexOptions As RegexOptions = RegexOptions.Multiline
    Dim myRegex As New Regex(strRegex, myRegexOptions)
    Dim splits = myRegex.Split(template)
    Dim matches = myRegex.Matches(template)

    Dim i As Integer = 0
    Dim swap As Boolean = False
    Dim str As New StringBuilder
    For Each item In list
        swap = False
        For i = 0 To splits.Length - 1
            If swap Then
                str.Append(CallByName(item, splits(i), CallType.Get, Nothing))
            Else
                str.Append(splits(i))
            End If
            swap = Not swap
        Next
    Next
    Return str.ToString
End Function

所以如果我发送以下内容...

Dim strTargetString As String = "<p><a href='${Link}'>${Name}</a></p>"
Dim data As New Generic.List(Of TestClass)
data.Add(New TestClass With {.Link = "http://stackoverflow.com", .Name = "First Object"})
data.Add(New TestClass With {.Link = "http://stackexchange.com", .Name = "Second Object"})
Return Render(strTargetString, data.ToArray)

它会将其输出为字符串

<p><a href='http://stackoverflow.com'>First Object</a></p>
<p><a href='http://stackexchange.com'>Second Object</a></p>

这比在服务器上生成一个假浏览器对象并运行整个 jQuery 库要快得多替换一些标签。