我有一个应用程序,它使用Backbone.js,Jquery,Mustache和PHP作为后端。
我已经实现了underscore.js的微模板,我目前在标题页中定义了这些模板。
我对如何组织模板有点怀疑。有没有有效的方法来组织文件中的所有模板并根据需要加载它们?
答案 0 :(得分:0)
我使用与您完全相同的设置。 Backbone,jQuery,小胡子(用于初始页面渲染)和PHP(你是SlimPHP粉丝吗?:-)我确信有很多方法可以做到这一点,但你可以考虑使用的一个非常好的工具是require.js。< / p>
使用require,基本上您将Backbone客户端应用程序编码为一系列AMD模块。模型,集合,视图是它们自己的模块,它们彼此定义依赖关系。 AMD模块的本质是所有模块都是异步加载的。因此,当您的第一个页面加载时,只有执行该页面所需的代码。当您离开页面并转到另一个页面时,将执行该代码,包括代码已定义的所有依赖项。
关于require的好处是它有一个插件,允许您将所有HTML代码分成html文件。您只需定义哪些视图需要这些文件作为依赖项,然后将它们作为文本导入以在下划线模板中使用。
准备好上线后,您可以使用require.js'优化功能将所有js脚本+ html模板缩小并合并到一个文件中。邦。
对于大型项目,这样的工具非常好。