Tutoriel GWT : votre première application Sencha GXT

////Tutoriel GWT : votre première application Sencha GXT

Créez votre première application GXT à partir du squelette d’une application GWT. Identifiez les étapes clés.

Objectifs

 Création d’une première application GXT

ext_logo.gif

Programme

 Partie 1 : squelette application

 Partie 2 : dépendance jar de GXT

 Partie 3 : ajout du fichier XML du module

 Partie 4 : ajout du fichier ‘EntryPoint’

 Partie 5 : ajout de la page d’Accueil HTML’

 Partie 6 : déploiement

Durée

 30min

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.

Menu du plugin, lancer l’assistant de création d’un squelette de projet GWT :

L’écran suivant apparaît.

tutoriel-gwt-creation-projet-1

 Remplissez le champ ‘Project name’ du projet. Ici ObjisDemoProjetGxt.

 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.

 Choisissez votre SDK. Par défaut le SDK 2.6.1 a été paramétré dans Eclipse (Voir tutoriel ‘Installation Plugin Eclipse Gwt’).

 Décochez la caser à cocher permettant la création d’un squelette de projet.

tutoriel-premier-projet-sencha-gxt-2

 Cliquez sur FINISH

Google crée l’arborescence suivante :

tutoriel-premier-projet-sencha-gxt-3

Partie 2 : ajout de la dépendance GXT

tutoriel-premier-projet-sencha-gxt-4

 

tutoriel-premier-projet-sencha-gxt-5

 

tutoriel-premier-projet-sencha-gxt-6

 

tutoriel-premier-projet-sencha-gxt-7

Partie 3 : ajout du fichier XML du module

tutoriel-premier-projet-sencha-gxt-8

 

tutoriel-premier-projet-sencha-gxt-9

Partie 4 : ajout du fichier ‘EntryPoint’

tutoriel-premier-projet-sencha-gxt-10

 

tutoriel-premier-projet-sencha-gxt-11

 

tutoriel-premier-projet-sencha-gxt-11bis

Partie 5 : ajout de la page d’Accueil HTML

 

tutoriel-premier-projet-sencha-gxt-12

 

tutoriel-premier-projet-sencha-gxt-12bis

 

tutoriel-premier-projet-sencha-gxt-13

 

tutoriel-premier-projet-sencha-gxt-13bis

 

tutoriel-premier-projet-sencha-gxt-13ter

 

Partie 6 : Déploiement

tutoriel-premier-projet-sencha-gxt-14

 

tutoriel-premier-projet-sencha-gxt-15

 

tutoriel-premier-projet-sencha-gxt-16

QUESTION : quel est l’impact de la suppression du fichier ‘reset.css’ ?

Conclusion

Vous avez créé votre premier projet GWT.

PROJET ECLIPSE

ObjisDemoProjetGxt-2

Fichiers du projet

squelette-projet-gxt-3.1

2018-01-29T18:36:53+01:00

Contactez nous

241 rue DUGUESCLIN, 69003 Lyon

Web : Objis : spécialiste formation Java