如何实现带有视图的Backbone样板

时间:2012-11-07 15:17:47

标签: backbone.js backbone-views backbone-routing backbone-boilerplate

我正在努力学习骨干,但是要说实话,我感觉有点不知所措。在任何地方,我看都是以稍微不同的方式完成的,每个都有更多的框架和插件来学习。所以我决定放下我对Addy Osmani的信仰,并正在阅读他的Backbone Fundamentals书。我遵循了他的建议并使用了Backbone-Boilerplate。但无论出于何种原因,我都无法成功安装Grunt BBB,因此无法下载工作示例。

我要做的是遵循此路由器部分并使用视图。 http://addyosmani.github.com/backbone-fundamentals/#router.js

问题在于我认为这些说明不完整。首先,collection.fetch()变量的范围是错误的,我真的不明白我需要放置视图的位置和方式。我很确定,如果我能看到一个有效的例子,我就能理解它,但正如我所说,无论在哪里,我都会看到它的不同实现。

有谁知道如何使用带有路由器和视图的主干 - 样板?在任何地方都有工作实例吗?

1 个答案:

答案 0 :(得分:11)

让我提一个建议。几个月前,我就在你现在的位置:尝试学习骨干,并在我这样做时尝试遵循最佳实践。和你一样,我偶然发现了Addy Osmani的书和你一样,我试着用骨干 - 样板来说明。

经过多次磕磕绊绊之后,我最终得出的结论是,在我刚刚学习骨干的时候,骨架 - 样板不是我需要的东西。现在,只有在创建了一个完全工作的,非平凡的CRUD应用程序之后,我才开始看到如何合并主干 - 样板文件。我想你可能需要在尝试合并另一个框架或插件之前,先询问主干 - 样板解答的问题(如何将我的应用程序分解为模块?等)。 Backbone.Marionette也是如此:很棒的库,但在使用它之前你需要有一些东西可以将它应用到

首先,我建议只为您的所有骨干代码提供一个文件。

真正帮助我的一件事就是玩弄和扩展人们用骨干创建的各种jsfiddle演示。一个简单的谷歌搜索将出现不少。我发现它是一种很好的学习方式,因为我能够操作工作代码并立即获得有关哪些有效和哪些有用的反馈。

虽然backbone是一个客户端库,但通常更简单,更快速地忽略html并将内容写入控制台。

最后,如果您愿意为此付费,我强烈推荐Liam McLennan的pluralsight上的backbone.js培训视频。