Введение в инструментарий Dojo, часть 1: настройка, ядро ​​и виджеты

reWeb 2.0 принес с собой потребность в разработке обширного кода инфраструктуры JavaScript на стороне клиента, что немногие Java-разработчики видели сами пять лет назад. Набор инструментов Dojo с открытым исходным кодом отличается от других библиотек JavaScript возможностями, которые выходят далеко за рамки упрощения доступа к DOM. В этой первой половине своего введения в Dojo Сунил Патил представляет основные функции инструментария, помогает вам настроить среду разработки и отладки и показывает, как использовать Mojo Dojo в ваших проектах разработки Ajax. Уровень: средний

В мире Web 1.0 общая архитектура приложений Java требовала реализации бизнес-логики и логики потока приложений с помощью Java EE на стороне сервера. Разработчики веб-приложений обычно использовали JavaScript только для проверки ввода и отображения сообщений об ошибках для пользователей. Соответственно, большинство приложений Web 1.0 использовали некую структуру Model-View-Controller (MVC) - такую ​​как Struts, JavaServer Faces (JSF) или Spring MVC - на стороне сервера, но немногим из них требовалась инфраструктура JavaScript для клиентских приложений. побочное программирование.

Web 2.0 положил начало совершенно иной модели программирования, в которой большая часть потока приложений и бизнес-логики разрабатывается с использованием JavaScript на стороне клиента. Мы обычно используем код JavaScript для таких задач, как:

  • Выполнение асинхронных запросов на стороне сервера
  • Логика манипуляции с объектной моделью документа (DOM) и обработки событий, которая работает в нескольких браузерах
  • Интернационализация
  • логирование

Вы можете написать и поддерживать этот код инфраструктуры самостоятельно или выбрать менее болезненный путь использования библиотеки JavaScript. Одной из наиболее эффективных статей в этой области является набор инструментов Dojo, JavaScript-фреймворк с открытым исходным кодом, который вы можете использовать для создания бесплатных или коммерческих приложений. Эта статья знакомит вас с основными функциями и библиотекой виджетов Dojo; проведет вас через установку и настройку среды разработки и отладки JavaScript (с использованием Dojo и Firebug); и приступит к созданию примера приложения с использованием Dojo. Вы также узнаете о поддержке Dojo объектно-ориентированного программирования в JavaScript (который основан на знакомых концепциях, таких как классы, конструкторы и наследование) и получите краткое введение в модули Dojo.

Краткий обзор додзё

В настоящее время доступно довольно много фреймворков JavaScript с открытым исходным кодом и коммерческих, включая Prototype, EXTJS, YUI и jQuery. В то время как большинство фреймворков JavaScript сосредоточены на упрощении доступа к DOM, можно утверждать, что Dojo - это универсальное решение. Вот что делает для вас Додзё:

  • Представляет концепцию классов, конструкторов и наследования в JavaScript, позволяя создавать объектно-ориентированный код JavaScript.
  • Позволяет создавать более управляемый код, разбивая код на модули.
  • Упрощает программирование Ajax, предоставляя код инфраструктуры для выполнения асинхронных запросов с использованием XMLHttpRequestкроссбраузерно совместимого кода манипуляции с DOM.

В качестве основы Dojo состоит из трех основных компонентов:

  • Ядро Dojo обеспечивает основные функции, такие как возможность выполнять удаленные вызовы методов, управлять узлом DOM и управлять каскадными таблицами стилей (CSS). Ядро Dojo также поддерживает функции анимации и функции перетаскивания.
  • Dijit - это библиотека виджетов Dojo, построенная на основе ядра Dojo. Dijit предоставляет доступные виджеты на основе шаблонов не только для простого управления формой, но и для расширенных виджетов, таких как управление календарем, меню, панели инструментов, индикаторы выполнения, диаграммы и графики.
  • DojoX - это контейнер для разработки расширений набора инструментов Dojo. Он действует как инкубатор для новых идей и испытательная площадка для экспериментальных дополнений к основному набору инструментов, а также как репозиторий для более стабильных и зрелых расширений.

История Додзё

Алекс Рассел, Дэвид Шонцлер и Дилан Шиман начали работу над фреймворком Dojo в 2004 году, когда работали в Informatica. Позже многие другие разработчики начали вносить свой вклад в Dojo. В 2005 году был создан фонд Dojo для хранения кода и управления правами интеллектуальной собственности. На данный момент выпущено восемь основных выпусков, и фреймворк был загружен более 1 миллиона раз. Такие компании, как IBM, AOL, Sun, SitePen, Blogline, Google, Nextweb и другие, вносят свой вклад в структуру Dojo.

Настройка вашей среды разработки

Прежде чем вы сможете приступить к разработке примера приложения Dojo из этой статьи, вам необходимо настроить среду разработки и отладки, чтобы вы могли быстро опробовать изменения приложения и отлаживать проблемы в случае возникновения ошибок. Настройка среды разработки для фреймворка JavaScript, такого как Dojo, немного отличается от того, как это делается для фреймворков Java SE или EE. Сначала необходимо установить платформу Dojo в своем веб-приложении, а затем настроить среду отладки в браузере.