Backbone.js micro templating

Backbone.js micro templating

本文关键字:templating micro js Backbone      更新时间:2023-09-26

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

我已经从underscore.js实现了微模板,我目前在我的首页中定义了它。

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

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

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

require的好处是它有一个插件,可以将所有HTML代码分离成HTML文件。您只需定义哪些视图需要这些文件作为依赖项,它就会将它们作为文本导入下划线模板中。

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

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

要求JS