Что такое Backbone.js?

Это легкая библиотека для структурирования кода JavaScript. Он также считается фреймворком типа MVC/MV *. Если вы не знакомы с MVC, то в основном это архитектурный шаблон для реализации пользовательских интерфейсов. Он разделяет приложение на три вида компонентов:

Model
View
Controller

Намерение состоит в том, чтобы способствовать разделению задач, что приводит к лучше структурированному и более удобному в обслуживании приложению. Backbone.js предоставляет концепцию модели и представлений, но представления Backbone.js подобны контроллерам в MVC. Так что это больше похоже на структуру MV *. А если быть точнее, то это даже не фреймворк, а просто библиотека, которую вы можете использовать где угодно.

Backbone.js также предоставляет концепцию маршрутизатора. Он используется для разработки одностраничных приложений. Одностраничное приложение — это разновидность веб-приложения, которое помещается на одной веб-странице. Стремление обеспечить богатый пользовательский опыт, аналогичный настольным приложениям.

В одностраничном приложении весь необходимый код, такой как HTML, CSS и JavaScript, извлекается при загрузке одной страницы. Он обеспечивает следующие функции:

Богатый и плавный UX
Весь необходимый код извлекается изначально
Другие ресурсы, загружаемые на той же странице по требованию
Пример одностраничного приложения —

С помощью Backbone.js мы можем создать одностраничное приложение. Backbone отлично работает при создании многофункционального клиентского приложения с использованием набора REST API.

Особенности Backbone.js: Backbone.js обладает следующими преимуществами:

Позволяет легко создавать приложения и их внешний интерфейс с помощью функций JavaScript.
Предоставляет различные строительные блоки, например модель, представление и контроллер.
Обновляйте HTML-код вашего приложения автоматически
Предоставляет бесплатную библиотеку с открытым исходным кодом
Разрешить разработку клиентских веб-приложений или мобильных приложений в структурированном и хорошо организованном формате.
Его библиотека обеспечивает хорошую организацию и структуру для разработки приложения.
Это понятно, читабельно и хорошо прокомментировано
Модели Backbone.js можно легко привязать к серверной части.
Позволяет разрабатывать небольшие веб-приложения с использованием фреймворка jQuery.
Это просто и более мощно.
Сообщество и экосистема огромны
Он разделяет бизнес-логику и логику пользовательского интерфейса.
Код прост, систематичен и организован

Процесс установки: Backbone.js можно использовать следующими способами:

Скачать с официального сайта
с помощью CDN.

Загрузка с официального сайта: Откройте http://backbonejs.org/ и там вы найдете три варианта, как показано ниже:

Версия для разработчиков :вы можете щелкнуть по ней правой кнопкой мыши и сохранить ссылку, вы получите библиотеку JavaScript.
Производственная версия: Щелкните правой кнопкой мыши и сохраните ссылку. После сохранения вы получите файл библиотеки Backbone-min.js.
Версия Edge: это невыпущенная версия, поэтому ее разработка все еще продолжается. Он упакован и заархивирован

Использование ссылки CDN. Сеть доставки контента — это сеть, которая предоставляет файлы пользователям. Вот CDN для Backbone.js

<script src=”https://code.jquery.com/jquery-2.1.3.min.js” type=”text/javascript”></script>
<script src=”http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js” type=”text/javascript”></script>
<script src=”http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js” type=”text/javascript”></script>

Пример:

HTML

<!DOCTYPE html>

<html>

<head>

    <title>Example of Backbone.js</title>

    <script src="https://code.jquery.com/jquery-2.1.3.min.js"

            type="text/javascript"></script>

    <script src=

"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"

        type="text/javascript"></script>

    <script src=

"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"

        type="text/javascript"></script>

    <script type="text/javascript">

        var Company = Backbone.Model.extend();

        var company = new Company();

        company.set

            ({

                name: "GFG",

                category: "Education"

            });

        document.write("Company name is: ", company.get('name'));

        document.write(" and category is: ", company.get('category'));

    </script>

</head>

<body></body>

</html>

Выход:

Пример Backbone.js

В этом случае мы используем Backbone.js и использовали для этого CDN. Здесь мы создаем модель с именем Company. И мы создали экземпляр модели Company, которая является компанией. Мы установили для него два атрибута:

name and
category

Мы можем установить атрибуты, используя ключевое слово set с экземпляром созданной модели. И распечатать его в документе с помощью метода model.get(). Таким образом, мы получим вывод как:

Company name is: GFG and category is: Education

Основные компоненты Backbone.js: Основные компоненты Backbone.js:

Views
Events
Models
Collections
Routers

Применение Backbone.js: Существуют следующие приложения Backbone.js.

Он в основном используется для разработки одностраничных веб-приложений.
Он также используется для синхронизации различных частей веб-приложений.
Это придает структуру нашей веб-странице.

Преимущества Backbone.js: Backbone.js обладает следующими преимуществами:

Позволяет легко создавать приложения и их внешний интерфейс с помощью функций JavaScript.
Предоставляет различные строительные блоки, например модель, представление и контроллер.
Обновляйте HTML-код вашего приложения автоматически
Предоставляет бесплатную библиотеку с открытым исходным кодом
Разрешить разработку клиентских веб-приложений или мобильных приложений в структурированном и хорошо организованном формате.
Его библиотека обеспечивает хорошую организацию и структуру для разработки приложения.
Это понятно, читабельно и хорошо прокомментировано
Модели Backbone.js можно легко привязать к серверной части.
Позволяет moe разрабатывать небольшие веб-приложения с использованием фреймворка jQuery.
Это просто и более мощно.
Сообщество и экосистема огромны
Он разделяет бизнес-логику и логику пользовательского интерфейса.
Код прост, систематичен и организован