简单解释BackboneJS如何工作?

时间:2012-01-23 05:55:21

标签: javascript django backbone.js

我已阅读甚至运行一个在backboneJS和Django上完全实现的示例应用程序。但有点失去了backboneJS处理这些东西的方式。我需要一个关于backboneJS如何接收JSON数据,构建模型,构建集合以及在其视图中列出数据的简单虚拟解释。

数据显示在名为"#person"

的html div标签中

这是来自我的服务器的RESTful / JSON数据

{"objects":[{"id":"1","name":"John","age":"20", "gender":"male"},{"id":"2","name":"Mary","age":"30","gender":"Female"}]}

解释中正在寻找的东西是;

  • BackboneJS(入口点)创建/调用的第一个函数/对象是什么
  • backboneJS如何告诉视图显示收到的数据?
  • backboneJS模型如何映射到JSON数据中的各个字段(id,name,age)
  • 如何使用浏览器javascript控制台窥视backboneJS创建的集合/模型?

如果我有一个与JSON数据具有相同字段的数据输入表单,使用backboneJS,我将如何将数据POST回服务器,backboneJS将使用哪些对象/函数来执行此任务?

任何额外的信息都将受到高度赞赏。

Gath

2 个答案:

答案 0 :(得分:2)

<强> 1。 BackboneJS创建/调用的第一个函数/对象是什么(入口点)?

Backbone.js遵循MVC架构。模型定义了模型的实际结构设计。视图定义应用程序如何显示。该视图将创建Model的实例,并将在应用程序中使用。 因此,在骨干应用程序中,首先创建视图实例。当我们通过调用new myView();创建View实例时,将首先调用initialize()函数。可以根据要求从View实例化模型。

<强> 2。 BackboneJS(入口点)创建/调用的第一个函数/对象是什么? 创建模型实例时,可以通过该实例提供数据。 Model有吸气剂和固定剂。 例如,User是上面JSON的模型。模型实例化如下。

var user=new User({“id”:”1”,””name”:”john”,”age”:20,”gender”:”male”});

您需要访问JSON对象以定义模型。

3. backboneJS模型如何映射到JSON数据中的各个字段(id,name,age)? 如前所述,可以在实例化时使用各个字段进行映射,也可以使用backbone.js的getter和setter进行映射。

4.如何使用浏览器javascript控制台窥视backboneJS创建的集合/模型? 您可以使用toJSON()函数来控制java脚本对象。通常,underscore.js在backbone.js中提供了更多的实用功能。

您需要浏览backbone.js documentations

答案 1 :(得分:1)

Addy Osmani做了很好的解释,并且在这里更详细地介绍了细节 - &gt; https://github.com/addyosmani/backbone-fundamentals