IT FORMATION
Rubriques
Algorithmique
- Contributions
Actualité du Web
Atelier EDI Eclipse Ganymede N°1 : Développement d’une application web
Atelier EDI Eclipse Ganymede N°1 : Développement d’une application web
Etape 1 : Création du projet
· Fichier : Nouveau projet
· Sélectionner le type de projet Web/Projet Web dynamique et Cliquez sur suivant
· Ajouter un nouvel environnement d’exécution : cliquez sur Nouveau à côté de la zone de liste Environnement cible
· Sélectionnez l’environnement IBM/IBM WASCE v2.1 et cliquez sur suivant.
· Sélectionnez le dossier d’installation du serveur d’application WASCE et cliquez sur terminer
· Cliquez sur Terminer
Etape 2 : Création des fichiers sources de l’application
Création d’un composant java GestionNoms
La classe GestionNoms est utilisée pour stocker le nom de l’internaute, et elle contient un attribut private « nom », le constructeur et deux méthodes publiques setNom() et getNom().
a. Dans le panneau « explorateur de Projets », développez le noeud « Java ressources : src ».
b. Sélectionner la commande « Nouveau/classe » dans le menu contextuel.
c. Dans la fenêtre « Nouvelle classe java » définissez les informations suivantes :
• Nom : GestionNoms
• Package : package ateliers.web.atelier1
d. Cliquez sur « Terminer ».
e. Compléter la classe GestionNoms.
- Créer l’attribut nom
- Pointer l’attribut nom et dans l’info bulle qui s’affiche cliquez sur « Créer les méthodes Get et Set »
Cliquez sur « OK ».
Ajouter le constructeur de la classe.
2. Créer la page index.jsp :
a.
Ajouter une nouvelle page jsp (index.jsp)
b. Cliquez sur « suivant »
c. Cliquez sur « Terminer »
d. Dans la vue « structure », cliquez avec le bouton droit sur le nœud « body » et cliquez sur Ajouter un nœud enfant/CITE H3/H1
Dans la balise h1 définir le titre « Formulaire de saisie ».
e. Dans la vue « structure » cliquez avec le bouton droit sur h1 et cliquez sur « ajouter après/ CITE-H3/Form.
f. définissez les propriétés du formulaire suivantes (utiliser la commande « ajouter un attribut » dans le menu contextuel de l’élément form de la vue structure) :
• Action : response.jsp
• Method : GET.
• Name : form1
f. Créez de la même manière un champ de texte (type :text,name=nom) et un bouton (type=submit, value=OK).
g. Saisissez « Entrez votre nom » devant le champ de texte et remplacez le contenu de la balise h1 par « Formulaire de saisie ».
3. création de la page response.jsp :
a. Ajouter une nouvelle page jsp
b. ajouter un élément Use Bean au dessous de la balise ouvrante body.
c. définissez les attributs suivants :
• id : bnNom.
• scope : session.
• class : ateliers.web.atelier1.GestionNoms
d. Ajouter les éléments « Set Bean property » et « Get Bean property » comme suit : jsp:setProperty name="bnNom" property="*" / h1Bienvenue, jsp:getProperty name="bnNom" property="nom" / !/h1
Etape 3 : Une première exécution
Cliquez sur Lancer
Cocher la case « Définir le serveur comme serveur par défaut du projet » et cliquez sur « Terminer »
