【问题标题】:Backbone.js micro templatingBackbone.js 微模板
【发布时间】:2012-09-12 15:07:59
【问题描述】:

我有一个应用程序,它使用 Backbone.js、Jquery、Mustache 和 PHP 作为后端。

我已经从 underscore.js 中实现了微模板,我目前在我的标题页中定义了这些模板。

我有点怀疑应该如何组织模板。是否有任何有效的方法来组织文件中的所有模板并根据需要加载它们?

【问题讨论】:

  • 看看 Dust.js。它允许您将模板编译为 javascript,然后您不包含模板,而是包含另一个 javascript 文件。

标签: javascript templates backbone.js


【解决方案1】:

我使用与您完全相同的设置。 Backbone、jQuery、mustache(用于初始页面渲染)和 PHP(您是 SlimPHP 的粉丝吗?:-) 我敢肯定有很多方法可以做到这一点,但您可能会考虑使用一个非常棒的工具是 require.js。

使用 require,基本上您将 Backbone 客户端应用程序编码为一系列 AMD 模块。模型、集合、视图是它们自己的模块,它们定义了彼此之间的依赖关系。 AMD 模块的本质是所有模块都是异步加载的。因此,当您的第一个页面加载时,只有使该页面运行所需的代码才会执行​​。当您离开页面并转到另一个页面时,将执行该代码,包括该代码定义的所有依赖项。

require 的好处在于它有一个插件,允许您将所有 HTML 代码分离为 html 文件。您只需定义哪些视图需要这些文件作为依赖项,然后它将它们作为文本导入以在下划线模板中使用。

准备好上线后,您可以使用 require.js 的优化功能将所有 js 脚本 + html 模板压缩并合并到一个文件中。砰。

对于大型项目,这样的工具非常好。

RequireJS

【讨论】:

  • 似乎是一个非常好的设置。我会试一试=) 我喜欢 SlimPHP,但我现在正在尝试 codeigniter=)
猜你喜欢
  • 1970-01-01
  • 2018-03-03
  • 1970-01-01
  • 2012-01-21
  • 2011-11-16
  • 2012-12-10
  • 2013-11-30
  • 2011-12-16
  • 2011-10-30
相关资源
最近更新 更多