Tuto gwt
Préface
Un environnement de développement a déjà été installé. Chaque TP est prévu pour durer entre 30min et 1h en pair programming. Les positions doivent s’inverser au moins une fois par TP. N’hésitez pas à poser des questions si vous ne comprenez pas quelque chose ou si vous souhaitez approfondir un point particulier.
TP1 - Premier projet GWT
Sujet : Création d’un projet GWT avec Eclipse et analyse de la structure d’un module GWT.
Mon premier projet
Démarrez votre IDE préféré (Eclipse) et créez un nouveau projet GWT (Web Application Project). Vous n’avez pas besoin de Google App Engine ! (prononcé “enne djine”, pas “enne djaïne” :-P) Nous allons utiliser le squelette d’application fourni par défaut.
Run forest, Run!
Compilez l’application (petite valise rouge en haut), puis lancez-là : Run As- > Web application. Allez sur http://127.0.0.1:8888/ pour tester l’application.
Mais c’est quoi ce bordel !
Le “Generate Sample Code” a généré beaucoup de chose. Regardons ça de plus près : ● A votre avis, qu’est-ce qui différencie les packages client, server, et shared ? ● A quoi peut bien servir le fichier XXX.gwt.xml à la racine du package client ? ● A partir de ce fichier XXX.gwt.xml, trouvez la classe qui sert de point d’entrée à votre application. ● Saurez-vous trouver le web.xml ?
Freestyle party
Modifiez maintenant la Host Page, la feuille de style CSS et notre EntryPoint pour modifier l’apparence du squelette d’application. Une fois les modifications terminées, recompilez et relancez votre application. N’hésitez pas à customiser l’application pour obtenir un rendu plus joli que celui ci :
TP 2 - Development mode
Sujet : Déboguage et développement avec le DevMode.
Quezaco
Importez et lancez le projet DevMode dans Eclipse. Cette application permet normalement de manipuler un tableau dynamique. Testez-le!
Nous avons les moyens de vous faire parler!
Tout se passe bien ? Vous êtes sûrs ? Allez donc voir dans la vue