vers l'accueil formulaire de contact

Tutoriel GWT N°3 : projet GWT et plugin Eclipse Google

formation GWTMaîtrisez la création d’une application GWT 1.6 à partir du plugin eclipse Google GWT. Bénéficiez du mode hébergé de GWT pour augmenter votre productivité. Déployez cette application le serveur d’application JBoss.

Ce tutoriel est un extrait de séances pratiques de la formation GWT dispensée par Objis.

Les + objis
- 70% de travaux pratiques
- Clé USB avec tous les outils utilisés + Corrigés TPs
- Bilan pédagogique individuel + conseils

Liens utiles

- + de 100 tutoriaux java/jee Objis
- Tutoriel et formation GWT Objis
- Objis, spécialiste formation java depuis 2005
- Google plugin pour Eclipse

Prérequis

- Eclipse Ganymède Entreprise SR2

- Tutoriel GWT N°1 : Installation GWT
- Tutoriel GWT N°2 : Installation du plugin Eclipse GWT
- Tutoriaux GWT Objis

Objectifs

- Utiliser le plugin Eclipse de Google pour créer un squelette d’application GWT
- Comprendre la valeur ajoutée du ’mode hébergé’
- Déployer l’application GWT sur serveur JBoss.

Partie 1 : Création du projet

Dans cette partie, à l’aide du plugin Google Eclipse, vous allez créer le squelette d’une application GWT. Pour installer le plugin , suivez notre tutoriel GWT N°2 : Installation du plugin Eclipse GWT

- Dans Eclipse (ici Ganymède), New->web Application Project

L’écran suivant apparaît.

- Remplissez le champ ’Project name’ du projet. Ici ObjisGwtDemoProject.
- Décochez ’Use Google App Engine’. Nous n’avons en effet pas besoin pour ce tutoriel de déployer l’application sur le serveur de Google.

Google crée l’arborescence suivante :

ça y est ! Le projet est créé. Reste à déployer...

REMARQUES : notez les points suivants :
— l’arborescence du répertoire ’war’ (nouvelle structure de projet GWT depuis version 1.6)
— le fichier XML du module GWT : ObjisDemoGwtProject.gwt.xml
— le fichier de la classe d’entrée (Entrypoint) : ObjisDemoGwtProject.java
— le fichier html de l’écran (vue client) : ObjisDemoGwtProject.html
— la feuille de style css de l’écran : ObjisDemoGwtProject.css

QUESTION : A quoi servent les fichiers GreetingService, GreetingServiceAsync, GreetingServiceImpl ?

Partie 2 : déploiement

Dans un premier temps, déployez en mode hébergé.

- Cliquez droit sur le projet puis Run—>Web Application (icône google)

Le mode hébergé se lance :

Partie 3 : modifications et redéploiement

Modification de la page HTML
- Modifiez le titre de la page en ’Démarrage de projet GWT’
- Changez le texte sur le label : ’Projet de démarrage GWT’ au lieu de ’web Application Starter Project’

Modification du code Java de l’EntryPoint

Dans la méthode onLoadModule du point d’entrée de l’application (ObjisGwtDemoProject.java) :
- Changez le texte sur le bouton : ’Envoyer’ au lieu de ’Send’
- Modifier le texte dans le champ texte : ’votre nom SVP’ au lieu de ’GWT user’

Rafraichissement

- Cliquez sur le bouton ’Refresh’ de la console du mode Hébergé. GWT tient alors compte à chaud (sans recompiler le code java !) de vos modifications.

Conclusion

Dans ce tutoriel, vous mis en oeuvre le plugin Eclipse de Google pour créer le squelette de votre application GWT.

Vous avez également effectué un cycle modif/tests et mis en évidence une des valeurs ajoutées du mode hébergé.

Pour aller plus loin

- Si vous appréciez notre sens du partage, devenez membre ’classic’ du Club Objis.
- Accélérez significativement votre maîtrise de GWT avec un coach Objis : devenez membre Silver / Gold du Club Objis.