Programmering

Introduksjon til Dojo-verktøysettet, del 1: Oppsett, kjerne og widgets

reWeb 2.0 har ført med seg behovet for å utvikle omfattende JavaScript-infrastrukturkoder på klientsiden, noe få Java-utviklere så seg gjøre for fem år siden. Åpen kildekode Dojo verktøysett skiller seg ut fra andre JavaScript-biblioteker med funksjoner som går langt utover å forenkle DOM-tilgang. I denne første halvdelen av introduksjonen til Dojo introduserer Sunil Patil verktøysettets grunnleggende funksjoner, hjelper deg med å sette opp ditt utviklings- og feilsøkingsmiljø og viser deg hvordan du kan sette Dojo's mojo til å fungere i Ajax-utviklingsprosjektene dine. Nivå: Mellomliggende

I Web 1.0-verdenen krevde den vanlige Java-applikasjonsarkitekturen implementering av forretnings- og applikasjonsflytlogikk med Java EE på serversiden. Nettapplikasjonsutviklere brukte vanligvis bare JavaScript for validering av inndata og for å vise feilmeldinger til brukerne. Følgelig brukte de fleste Web 1.0-applikasjoner en slags Model-View-Controller (MVC) rammeverk - som Struts, JavaServer Faces (JSF) eller Spring MVC - på serversiden, men få trengte et JavaScript-rammeverk for klient- side programmering.

Web 2.0 har innledet en helt annen programmeringsmodell, hvor mye av applikasjonsflyten og forretningslogikken er utviklet ved hjelp av JavaScript på klientsiden. Vi bruker ofte JavaScript-kode for oppgaver som:

  • Gjør asynkrone forespørsler til serversiden
  • Dokumentobjektmodell (DOM) manipulering og håndtering av logikk som fungerer på tvers av flere nettlesere
  • Internasjonalisering
  • Hogst

Du kan enten skrive og vedlikeholde denne infrastrukturkoden på egen hånd eller ta den mindre smertefulle ruten for å bruke et JavaScript-bibliotek. En av de mer dyktige oppføringene i dette rommet er Dojo-verktøysettet, et open source JavaScript-rammeverk som du kan bruke til å lage gratis eller kommersielle applikasjoner. Denne artikkelen introduserer deg for Dojos kjernefunksjoner og widgetbibliotek; veileder deg gjennom å installere og sette opp et JavaScript-utviklings- og feilsøkingsmiljø (ved hjelp av Dojo og Firebug); og kommer i gang med å bygge en prøveapplikasjon ved hjelp av Dojo. Du vil også lære om Dojos støtte for objektorientert programmering i JavaScript (som er basert på kjente konsepter som klasser, konstruktører og arv), og få en rask introduksjon til Dojo-moduler.

Dojo på et øyeblikk

Det er for tiden ganske mange open source og kommersielle JavaScript-rammer tilgjengelig, inkludert Prototype, EXTJS, YUI og jQuery. Mens de fleste JavaScript-rammer fokuserer på å forenkle DOM-tilgang, kan det hevdes at Dojo er en one-stop-løsning. Her er noe av det Dojo gjør for deg:

  • Introduserer konseptet med klasser, konstruktører og arv i JavaScript, slik at du kan bygge objektorientert JavaScript-kode.
  • Lar deg bygge mer håndterbar kode ved å dele koden din inn i moduler.
  • Forenkler Ajax-programmering ved å gi infrastrukturkode for å lage asynkrone forespørsler ved hjelp av XMLHttpRequest og kryss-nettleserkompatibel DOM-manipulasjonskode.

Som rammeverk har Dojo tre hovedkomponenter:

  • Dojo-kjernen gir kjernefunksjonalitet, for eksempel muligheten til å ringe eksterne metodeanrop, manipulere DOM-node og manipulere Cascading Style Sheets (CSS). Dojo-kjernen støtter også animasjonsfunksjoner og dra-og-slipp-funksjonalitet.
  • Dijit er Dojos widgetbibliotek, bygget på toppen av Dojo-kjernen. Dijit tilbyr malbaserte, tilgjengelige widgets, ikke bare for enkel skjemakontroll, men også avanserte widgets som kalenderkontroll, menyer, verktøylinjer, fremdriftslinjer, diagrammer og grafer.
  • DojoX er en beholder for utvikling av utvidelser til Dojo-verktøysettet. Den fungerer som en inkubator for nye ideer og en testbed for eksperimentelle tillegg til hovedverktøysettet, samt et lager for mer stabile og modne utvidelser.

Dojos historie

Alex Russell, David Schontzler og Dylan Schieman startet arbeidet med Dojo-rammeverket innen 2004 mens de jobbet for Informatica. Senere begynte mange andre utviklere å bidra til Dojo. I 2005 ble Dojo-stiftelsen dannet for å huse koden og forvalte immaterielle rettigheter. Så langt har åtte store utgivelser blitt utgitt, og rammeverket har blitt lastet ned mer enn 1 million ganger. Bedrifter som IBM, AOL, Sun, SitePen, Blogline, Google, Nextweb og andre bidrar til Dojo-rammeverket.

Sette opp utviklingsmiljøet ditt

Før du kan begynne å utvikle Dojo-applikasjonen til denne artikkelen, må du konfigurere utviklings- og feilsøkingsmiljøet slik at du kan prøve applikasjonsendringer raskt og feilsøke problemer hvis det oppstår feil. Å sette opp et utviklingsmiljø for et JavaScript-rammeverk som Dojo er litt annerledes enn å gjøre det for Java SE- eller EE-rammer. Du må først installere Dojo-rammeverket i webapplikasjonen og deretter sette opp feilsøkingsmiljøet i nettleseren.

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