Hvordan lage et nettsted med GWT

Google Web Toolkit (eller GWT) er en Java-basert verktøykasse som du kan bruke til å bygge et bredt spekter av web-applikasjoner og nettsteder. GWT Designer er den komponenten som vil tillate deg å designe et nettsted enkelt ved hjelp av dra-og-slipp-verktøy og er tilgjengelig for nedlasting fra Google Code hjemmeside. Denne plug-in er kompatibel med Eclipse, som er kodebasen og rammeverket brukes til å drive GWT komponenter.

Bruksanvisning

1 Start Eclipse. Klikk på "File", "New" og "Project" fra menylinjen øverst. Prosjektveiviseren New GWT Java vil vises, der du vil angi de foreløpige innstillinger for den nye designprosjekt.

2 Finn "WindowBuilder" og venstre-klikk for å utvide den. Klikk på "GWT Designer" og "modell" og velg "GWT Java Project." Klikk "Next".

3 Skriv inn et prosjektnavn i feltet og ikke endre noen andre innstillinger. Klikk "Next".

4 Sjekk "Lag GWT Module" valgboksen og skriv inn et modulnavn i feltet under. Du kan endre navnet på pakken hvis ønskelig, men det må begynne med "no" og mellomrom må erstattes med desimaler. For eksempel "com.my.test.package" er riktig; "Min test pakke" er det ikke.

5 Klikk på "Finish". Klikk på "Ja" hvis du mottar en "Open Associated perspektiv?" dialogteksten. Prosjekt fanene vil nå vise i hoved Eclipse vinduet. Klikk på fanen Design plassert i nedre venstre hjørne av hovedkategorien kode, ved siden av Kilden.

6 Legg komponenter fra paletten i den blanke siden til høyre ved å venstreklikke og dra til ønsket sted. Venstre-klikk en gang for å slippe komponenten inn på siden. Komponentene kan bli endret ved hjelp av håndtakene eller slettes ved å høyreklikke og velge "Slett".

7 Endre komponenter ved hjelp kategorien Egenskaper, eller ved å høyreklikke på dem for å få tilgang til kontekstmenyen for å legge hendelsesbehandlinger eller grunnleggende animasjons kommandoer. Juster koden når som helst ved å klikke på fanen Source. Du kan fortsette å veksle mellom Source og Design modus.

8 Style dine komponenter og moduler ved å klikke på CSS-knappen som ligger rett ovenfor design siden vinduet. Velg hver regel lavt i venstre vindu og redigere de tilsvarende eiendomsverdiene i øvre høyre vinduet. Klikk "OK" når du er ferdig.

9 Klikk på "File" og "Lagre" for å lagre prosjektet. Høyreklikk på din modul i kategorien Package Explorer rett under Fil-menyen og velg "Kjør som" og "GWT Application". Dette skaper en lansering konfigurasjon og vil tillate deg å teste programmet fra datamaskinen.