如何使用Backbone.js的应用程序库

时间:2014-02-05 04:54:40

标签: backbone.js marionette

我是backbone.js的新手。我必须使用Backbone.js的应用程序库。

但我不明白如何使用或实现你能不能帮我使用Backbone.js的应用程序库。

应用程序库是: Marionette

1 个答案:

答案 0 :(得分:1)

老实说,你的问题没有提供简短答案的细节,所以答案很长。所以关于Marionette的几句话 - 它是构建BB应用程序的主要任务,为您提供一些额外的结构抽象,并从样板代码中拯救您。

让我们开始实施。

1)Application - 它是您的应用程序启动的重点。您的应用程序包含Modules,如果粗略,应用程序任务是启动必要的模块,管理它们之间的通信并呈现初始视图。

例如

// instance your app
var App = new Marionette.Application;

//define regions
App.addRegions({
    'main' : '#main',
    'foot' : '#foot'
});

//add init function
App.addInitializer(function(){
    App.main.show(new MainView);
})

2)Modules - 您应用的关键部分。它的一部分应用程序像一些简单的小部件(反馈表单,链接列表等)或更复杂的东西,如单页面应用程序与路线,模型等。它也可以是一些服务,比如社交网络auth,所以你应用程序的独立逻辑部分是模块。所以尝试在这些块上分解你的BB应用程序。在我的实践中,我曾经通过两个步骤分解应用程序 - 1)获取基于小部件的元素2)获取服务。

例如,让我们定义一些简单的mod。让它成为简单的小部件

App.module('starsrating', function(starsRating){
    $(function(){
        $('.rating').ratePlugin({
           stars: 10,
           onRate: function(){
               ///
           }
        })
    })
});

3)观看次数 - ItemViewCollectionViewCompositeViewLayout

它的魔杖帮助您避免应用中的样板代码。我强烈建议您仔细阅读有关它的文档,并开始完全实现视图,通常是BB应用程序中最薄弱的部分。

希望它有助于开始实施。如果您需要更多信息,代码示例,请ping我。