In questo articolo sarà mostrato come avviene la creazione di un progetto base GWT 2.0.4 tramite il plugin installato in Eclipse.
Pur essendo un’operazione molto veloce, comporta però molta spesa di tempo qual’ora di debba trasferire un progetto da uno sviluppatore all’altro a meno che non si tralascino i file .project e .classpath e che vengano utilizzati gli stessi path con le stesse librerire.
Primo progetto GWT: Hello World
Avviato Eclipse nella parte alta ci sarà una nuova toolbar per l’accesso veloce alle opzioni del Google Web Toolkit. Tale barra contiene esattamente quattro pulsanti che permettono rispettivamente di:
- Creare un nuovo progetto
- Compilare un progetto
- Eseguire i test del progetto
- Deploy del progetto
Le stesse operazioni possono essere eseguite anche dal menù File -> New -> Web Application Project.
Creiamo ora un nuovo progetto facendo click col tasto destro sul Package Explorer e selezionando New -> Web Application Project:
Nella schermata seguente inseriamo il nome del progetto, il suo package di riferimento e deselezioniamo Use App Engine (al momento non ci interessa):
La struttura del progetto appena creato sarà la seguente:
La struttura di un progetto GWT è la seguente:
- package client: sono presenti tutte le classi java che realizzano la GUI, non possono eseguire direttamente operazioni lato server
- package server: sono presenti tutte le classi java che eseguono operazioni lato server come interrogazioni al database, file system ecc…
- package shared: sono presenti le classi java che si possono istanziare sia lato client che server; va definito nel file descrittore del modulo .gwt.xml
Proviamo ora a lanciare la nostra applicazione cliccalndo col tasto destro sul progetto e lanciando [Run as -> Web Application].
Verrà avviato l’application Server Jetty e nella finestra Development Mode comparirà il link da lanciare nel browser per far avviare l’applicazione:
La prima volta vi verrà chiesto di installare il plugin per “GWT Development mode”, successivamente se avete seguito correttamente tutte le istruzioni, dovreste vedere la seguente schermata:
Per testare il funzionamento è sufficiente inserire il nostro nome e poi facendo click su SEND si apre una dialog box con varie informazioni tra cui: il nome digitato, la versione del webserver ed il nome ed il browser nonché sistema operativo utilizzato.
Deploy del progetto
Per effettuare il deploy occorre necessariamente compilare il progetto per permettere a GWT di tradurre il sorgente java e generare quindi i relativi file HTML e JAVASCRIPT. Questa operazione può essere lanciata dal menù contestuale sul progetto oppure dall’icona presente sulla toolbar di eclipse. Occorre scegliere la voce [Google -> GWT Compile] e confermare con il tasto Compile:
Il codice così generato si trova nella cartella war. Occorre SEMPRE compilare.
Per effettuare il deploy possiamo prendere tale cartella, rinominarla e copiarla dentro il nostro application server, es.: nella cartella webapps di TOMCAT.
Ecco il sorgente del progetto appena creato configurato con GWT 2.0.4: Registrati gratuitamente per scaricare, poi aggiorna la pagina
