Простое объяснение того, как работает BackboneJS?

Question

Я прочитал и даже запустил пример приложения, которое полностью реализовано на backboneJS и Django.Но я немного растерялся, как BackboneJS справляется с этим.Мне нужно простое фиктивное объяснение того, как backboneJS получает данные JSON, строит модель, строит коллекции и перечисляет данные в ее представлении.

Данные отображаются в теге html div с именем "#person"

Это данные 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)
• Как я могу заглянуть в коллекции / модели, созданные backboneJS с помощью консоли браузера javascript?

Если у меня есть форма ввода данных с теми же полями, что и данные JSON,используя backboneJS, как я смогу отправить данные обратно на сервер, какие объекты / функции будут использовать backboneJS для выполнения этой задачи?

Любая дополнительная информация будетвысоко ценится.

Гат

Answer 1

1. Какова первая функция / объект, созданный / вызванный BackboneJS (точка входа)?

Backbone.js соответствует архитектуре MVC. Модель определяет фактический структурный дизайн модели. Вид определяет, как приложение визуально отображается. Это представление создаст экземпляр Model и будет использоваться в приложении. Итак, в магистральном приложении, экземпляр представления создается первым. Когда мы создаем экземпляр View, вызывая new myView();, функция initialize () будет вызываться первой. Модель может быть создана из View согласно требованиям.

2. Какова первая функция / объект, созданный / вызванный BackboneJS (точка входа)?  Когда вы создаете экземпляр модели, вы можете предоставить данные через этот экземпляр. Для Модели доступны геттеры и сеттеры. Например, Пользователь - Модель для вышеупомянутого JSON. Модель создается как показано ниже.

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

Вам необходимо получить доступ к объекту JSON, чтобы определить модель.

3. Как модель backboneJS сопоставляется с отдельными полями в данных JSON (идентификатор, имя, возраст)? Как сказано выше, отдельные поля могут быть сопоставлены при создании экземпляра или с помощью метода get и set для backbone.js

4.Как я могу заглянуть в коллекции / модели, созданные backboneJS с помощью консоли браузера javascript? Вы можете поддерживать объекты сценариев Java с помощью функции toJSON (). Обычно underscore.js предоставляет больше служебных функций в backbone.js.

Вам необходимо просмотреть документацию backbone.js .

Answer 2

Адди Османи прекрасно объяснила это и даже углубилась в детали -> https://github.com/addyosmani/backbone-fundamentals