2012-09-12 70 views
0

我有一个应用程序,它使用Backbone.js,Jquery,胡须和PHP作为后端。Backbone.js微模板

我已经实现了来自underscore.js的微模板,我目前在我的页眉页面中进行了定义。

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

+0

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

回答

0

我使用与您完全相同的设置。主干,jQuery,胡须(用于初始页面呈现)和PHP(你是SlimPHP的粉丝吗?:-)我确信有很多方法可以做到这一点,但你可能会考虑使用的一个非常棒的工具是require.js。

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

需求的好处是它有一个插件,可以让你将所有的HTML代码分离成html文件。您只需定义哪些视图需要这些文件作为依赖关系,并将它们作为文本导入以便在下划线模板中使用。

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

对于大项目来说,像这样的工具相当不错。

RequireJS

+0

看起来像一个非常好的设置。我会试一试=)我喜欢SlimPHP,但我现在尝试codeigniter =) – Silfverstrom