Einführung in das Dojo-Toolkit, Teil 1: Setup, Core und Widgets

reWeb 2.0 hat die Notwendigkeit mit sich gebracht, umfangreichen JavaScript-Infrastrukturcode auf der Clientseite zu entwickeln, was sich vor fünf Jahren nur wenige Java-Entwickler vorgestellt haben. Das Open-Source-Dojo-Toolkit unterscheidet sich von anderen JavaScript-Bibliotheken durch Funktionen, die weit über die Vereinfachung des DOM-Zugriffs hinausgehen. In dieser ersten Hälfte seiner Einführung in Dojo stellt Sunil Patil die grundlegenden Funktionen des Toolkits vor, hilft Ihnen beim Einrichten Ihrer Entwicklungs- und Debugging-Umgebung und zeigt Ihnen, wie Sie Dojos Mojo in Ihren Ajax-Entwicklungsprojekten einsetzen können. Level: Mittelstufe

In der Web 1.0-Welt erforderte die gemeinsame Java-Anwendungsarchitektur die Implementierung der Geschäfts- und Anwendungsflusslogik mit Java EE auf der Serverseite. Webanwendungsentwickler verwendeten JavaScript normalerweise nur zur Validierung von Eingaben und zur Anzeige von Fehlermeldungen für Benutzer. Dementsprechend verwendeten die meisten Web 1.0-Anwendungen auf der Serverseite eine Art Model-View-Controller-Framework (MVC) wie Struts, JavaServer Faces (JSF) oder Spring MVC, aber nur wenige benötigten ein JavaScript-Framework für den Client. Seitenprogrammierung.

Web 2.0 hat ein ganz anderes Programmiermodell eingeführt, bei dem ein Großteil des Anwendungsflusses und der Geschäftslogik mithilfe von JavaScript auf der Clientseite entwickelt wird. Wir verwenden normalerweise JavaScript-Code für Aufgaben wie:

  • Asynchrone Anforderungen an die Serverseite stellen
  • DOM-Manipulations- und Ereignisbehandlungslogik (Document Object Model), die über mehrere Browser hinweg funktioniert
  • Internationalisierung
  • Protokollierung

Sie können diesen Infrastrukturcode entweder selbst schreiben und verwalten oder den weniger schmerzhaften Weg der Verwendung einer JavaScript-Bibliothek einschlagen. Einer der leistungsfähigeren Einträge in diesem Bereich ist das Dojo-Toolkit, ein Open-Source-JavaScript-Framework, mit dem Sie kostenlose oder kommerzielle Anwendungen erstellen können. Dieser Artikel führt Sie in die Hauptfunktionen und die Widget-Bibliothek von Dojo ein. führt Sie durch die Installation und Einrichtung einer JavaScript-Entwicklungs- und Debugging-Umgebung (mit Dojo und Firebug); und Sie können mit dem Erstellen einer Beispielanwendung mit Dojo beginnen. Außerdem erfahren Sie mehr über die Unterstützung von Dojo für die objektorientierte Programmierung in JavaScript (die auf bekannten Konzepten wie Klassen, Konstruktoren und Vererbung basiert) und erhalten eine kurze Einführung in Dojo-Module.

Dojo auf einen Blick

Derzeit sind einige Open Source- und kommerzielle JavaScript-Frameworks verfügbar, darunter Prototype, EXTJS, YUI und jQuery. Während sich die meisten JavaScript-Frameworks auf die Vereinfachung des DOM-Zugriffs konzentrieren, könnte argumentiert werden, dass Dojo eine Lösung aus einer Hand ist. Hier ist ein Teil dessen, was Dojo für Sie tut:

  • Einführung in das Konzept von Klassen, Konstruktoren und Vererbung in JavaScript, mit dem Sie objektorientierten JavaScript-Code erstellen können.
  • Ermöglicht das Erstellen von besser verwaltbarem Code, indem Sie Ihren Code in Module aufteilen.
  • Vereinfacht die Ajax-Programmierung durch Bereitstellung von Infrastrukturcode für asynchrone Anforderungen unter Verwendung von XMLHttpRequestbrowserübergreifendem DOM-Manipulationscode.

Als Framework besteht Dojo aus drei Hauptkomponenten:

  • Der Dojo-Kern bietet Kernfunktionen wie die Möglichkeit, Remote-Methodenaufrufe durchzuführen, den DOM-Knoten zu bearbeiten und Cascading Style Sheets (CSS) zu bearbeiten. Der Dojo-Kern unterstützt auch Animationsfunktionen und Drag-and-Drop-Funktionen.
  • Dijit ist Dojos Widget-Bibliothek, die auf dem Dojo-Kern basiert . Dijit bietet vorlagenbasierte, zugängliche Widgets, nicht nur für die einfache Formularsteuerung, sondern auch für erweiterte Widgets wie Kalendersteuerung, Menüs, Symbolleisten, Fortschrittsbalken, Diagramme und Grafiken.
  • DojoX ist ein Container zum Entwickeln von Erweiterungen für das Dojo-Toolkit. Es fungiert als Inkubator für neue Ideen und als Testumgebung für experimentelle Ergänzungen des Haupt-Toolkits sowie als Repository für stabilere und ausgereiftere Erweiterungen.

Dojos Geschichte

Alex Russell, David Schontzler und Dylan Schieman begannen 2004 mit der Arbeit am Dojo-Framework, während sie für Informatica arbeiteten. Später begannen viele andere Entwickler, Beiträge für Dojo zu leisten. Im Jahr 2005 wurde die Dojo-Stiftung gegründet, um den Kodex aufzunehmen und die Rechte an geistigem Eigentum zu verwalten. Bisher wurden acht Hauptversionen veröffentlicht, und das Framework wurde mehr als 1 Million Mal heruntergeladen. Unternehmen wie IBM, AOL, Sun, SitePen, Blogline, Google, Nextweb und andere tragen zum Dojo-Framework bei.

Einrichten Ihrer Entwicklungsumgebung

Bevor Sie mit der Entwicklung der Dojo-Beispielanwendung dieses Artikels beginnen können, müssen Sie Ihre Entwicklungs- und Debug-Umgebung einrichten, damit Sie Anwendungsänderungen schnell ausprobieren und Probleme debuggen können, wenn Fehler auftreten. Das Einrichten einer Entwicklungsumgebung für ein JavaScript-Framework wie Dojo unterscheidet sich ein wenig vom Einrichten für Java SE- oder EE-Frameworks. Sie müssen zuerst das Dojo-Framework in Ihrer Webanwendung installieren und dann die Debugging-Umgebung im Browser einrichten.