Programování

Úvod do sady nástrojů Dojo, část 1: Nastavení, jádro a widgety

reWeb 2.0 s sebou přinesl potřebu vyvinout rozsáhlý kód infrastruktury JavaScriptu na straně klienta, což před několika lety vidělo několik vývojářů Java. Sada nástrojů Dojo s otevřeným zdrojovým kódem se odlišuje od jiných knihoven JavaScriptu funkcemi, které jdou daleko za hranice zjednodušení přístupu k DOM. V této první polovině svého úvodu do Dojo představil Sunil Patil základní funkce sady nástrojů, pomůže vám nastavit vaše vývojové a ladicí prostředí a ukáže vám, jak dát Dojo mojo pracovat ve vašich vývojových projektech Ajaxu. Úroveň: Střední

Ve světě Web 1.0 vyžadovala běžná aplikační architektura Java implementaci obchodní a aplikační logiky toku s Java EE na straně serveru. Vývojáři webových aplikací obvykle používali JavaScript pouze pro ověření vstupu a pro zobrazení chybových zpráv uživatelům. V souladu s tím většina aplikací Web 1.0 používala nějaký druh rámce Model-View-Controller (MVC) - například Struts, JavaServer Faces (JSF) nebo Spring MVC - na straně serveru, ale jen málo z nich potřebovalo rámec JavaScript pro klienta boční programování.

Web 2.0 zavedl velmi odlišný programovací model, kde je velká část toku aplikací a obchodní logiky vyvinuta pomocí JavaScriptu na straně klienta. Obvykle používáme kód JavaScript pro úkoly, jako jsou:

  • Vytváření asynchronních požadavků na straně serveru
  • Logika manipulace s objektovým modelem dokumentu (DOM) a logika zpracování událostí, která funguje ve více prohlížečích
  • Internacionalizace
  • Protokolování

Tento kód infrastruktury můžete buď sami psát a udržovat, nebo se vydat méně bolestivou cestou pomocí knihovny JavaScriptu. Jednou z nejschopnějších položek v tomto prostoru je sada nástrojů Dojo, open source framework JavaScriptu, který můžete použít k vytváření bezplatných nebo komerčních aplikací. Tento článek vám představí základní funkce a knihovnu widgetů Dojo; vás provede instalací a nastavením prostředí pro vývoj a ladění JavaScriptu (pomocí Dojo a Firebug); a můžete začít s budováním ukázkové aplikace pomocí Dojo. Dozvíte se také o podpoře Dojo pro objektově orientované programování v JavaScriptu (který je založen na známých konceptech, jako jsou třídy, konstruktory a dědičnost), a získáte rychlý úvod do modulů Dojo.

Dojo v kostce

V současné době je k dispozici poměrně málo otevřených a komerčních rámců JavaScriptu, včetně Prototype, EXTJS, YUI a jQuery. Zatímco většina rámců JavaScriptu se zaměřuje na zjednodušení přístupu k DOM, dalo by se tvrdit, že Dojo je komplexní řešení. Zde je několik z toho, co pro vás Dojo dělá:

  • Představuje koncept tříd, konstruktorů a dědičnosti v JavaScriptu, což vám umožňuje vytvářet objektově orientovaný kód JavaScript.
  • Umožňuje vám vytvořit lépe spravovatelný kód rozdělením kódu na moduly.
  • Zjednodušuje programování Ajaxu poskytnutím kódu infrastruktury pro vytváření asynchronních požadavků pomocí XMLHttpRequest a kód pro manipulaci s DOM kompatibilní s různými prohlížeči.

Jako rámec má Dojo tři hlavní komponenty:

  • Jádro Dojo poskytuje základní funkce, jako je schopnost provádět vzdálená volání metod, manipulovat s uzlem DOM a manipulovat s kaskádovými styly (CSS). Jádro Dojo také podporuje funkce animace a funkce přetahování myší.
  • Dijit je knihovna widgetů Dojo postavená na jádru Dojo. Dijit poskytuje přístupné widgety založené na šablonách, nejen pro jednoduché ovládání formulářů, ale také pokročilé widgety, jako je ovládání kalendáře, nabídky, panely nástrojů, pruhy průběhu, grafy a grafy.
  • DojoX je kontejner pro vývoj rozšíření sady nástrojů Dojo. Funguje jako inkubátor pro nové nápady a testovací lože pro experimentální doplňky k hlavní sadě nástrojů, stejně jako úložiště pro stabilnější a vyspělejší rozšíření.

Dojova historie

Alex Russell, David Schontzler a Dylan Schieman zahájili práci na rámci Dojo v roce 2004 při práci pro Informatica. Později do Dojo začalo přispívat mnoho dalších vývojářů. V roce 2005 byla zřízena nadace Dojo, která kód kodexu spravuje a spravuje práva duševního vlastnictví. Dosud bylo vydáno osm hlavních verzí a rámec byl stažen více než milionkrát. Do rámce Dojo přispívají společnosti jako IBM, AOL, Sun, SitePen, Blogline, Google, Nextweb a další.

Nastavení vývojového prostředí

Než budete moci začít vyvíjet ukázkovou aplikaci Dojo tohoto článku, musíte nastavit vývojové a ladicí prostředí, abyste mohli rychle vyzkoušet změny aplikace a problémy s laděním, pokud dojde k chybám. Nastavení vývojového prostředí pro rámec JavaScriptu, jako je Dojo, se trochu liší od nastavení pro prostředí Java SE nebo EE. Nejprve musíte nainstalovat rámec Dojo do vaší webové aplikace a poté nastavit ladicí prostředí v prohlížeči.

$config[zx-auto] not found$config[zx-overlay] not found