ruby-on-rails - Rails 客户端/服务器端渲染使用单个模板（车把或 Mustache）和 Sammy.js

Question

我已经在网上搜索了一段时间以寻找教程，但运气不佳。

据我了解，Twitter 在 Rails 中使用单个 Mustache.js 模板在第一页加载时从服务器呈现，然后通过他们自己的 ajax 转换系统（很像 sammy.js）。

我可以在 rails 中加载把手和 sammy.js，但我不知道如何从服务器（rails）和客户端（sammy）端共享单个模板文件。

score 4 · Accepted Answer

我没有亲自构建任何使用相同模板服务器端和客户端的东西，但这是我能想到的一种方法。

假设您有一个图像部分（_image.mustache）：

<div class="image">
  <a href="{{ view_url }}">
    <img height="{{ height }}" width="{{ width }}" src="{{ src }}" />
  </a>
</div>

当您在服务器端渲染页面时，您可以将其用作普通部分并将其插入到 Mustache 中。然后你也可以在脚本标签中渲染它以使用Resig 微模板方案。

{{{image_js_template}}}

在您的 Mustache 视图类中：

def image_js_template
  content_tag :script, :type => "template", :id => "image-template" do
    render :text => self.partial('image')
  end
end

这应该使模板未插值（{{ 仍在文本中）。现在你可以通过它的 id 在你的 Javascript 中选择这个模板。在backbone.js 中，您可以执行以下操作：

class Views.AllImageList extends Backbone.View
  initialize: (options) ->
    @template = $('#image-template').html()

我没有使用过 Sammy.js，但它似乎希望它的所有模板都是公开可用的，这可能会带来问题。但是，您仍然可以使用上述技术并直接传递 render() 和 partial() jQuery 对象（如此处所示）。

这是基本思想，但您可能可以做很多事情来使其更加无缝。我会查看有关使用模板的 Jammit 部分，特别是有关使用 Mustache 的部分。此外， ICanHaz.js有一种方法可以简化客户端 Mustache 模板的使用。

1 回答 1