PNG - 9.5 ko

Votre première JSP

Créez pas à pas votre première JSP (Java Server Page). Utilisez l’assistant de création d’Eclipse. Comprenez le cycle de vie d’une JSP. Comprenez la valeur ajoutée de la JSP par rapport à la servlet. Déployez et testez votre JSP.

Dans le tutoriel qui suit, vous apprendrez la Redirection web avec le RequestDispatcher

Objis : spécialiste JAVA depuis 2005

Touchez du doigt notre approche pédagogique (70% de pratique) à travers ce tutoriel. Comme nos clients, contactez-nous (contact@objis.com) pour vos besoins en assistance technique ou en formations sur mesure dans nos locaux, dans vos locaux ou à distance.

ASTUCE —> Soyez informé de la mise à jour de nos tutos ou de la création de nouveaux tutos.

Prérequis

- Intégration Tomcat dans Eclipse
- Création d’un projet web dynamique
- Votre première application j2ee

Liens utiles

- + de 100 tutoriaux java/jee Objis
- Vos premiers pas de programmeur JEE
- Objis, spécialiste formation java depuis 2005
- Catalogue formations Objis

Objectifs

- Codage et configuration d’une Servlet HTTP
- Déploiement de la servlet dans un moteur de Servlet Tomcat

Programme

- Introduction
- Partie 1 : Création projet web dynamique & intégration Tomcat Eclipse
- Partie 2 : création du squelette de la JSP
- Partie 3 : codage de la JSP
- Partie 4 : déploiement de l’application
- Partie 5 : Test de la JSP
- Partie 6 : Exercices (A vous de jouer !)
- Conclusion

Durée

- 25 min

PUBLICITE : votre formation ’Intégration continue’ avec Objis

PNG - 156 ko
formation-integration-continue-usine-logicielle-objis-maillons

Introduction

La JSP répond à un besoin précis : permettre d’impliquer efficacement un développeur et un web Designer dans le cadre de la création d’un écran applicatif web.

La JSP a été créée historiquement après la servlet ; et ce pour pallier à un défaut de la servlet : le code html se trouve dans le code JAVA. Ce qui ne plaît guère aux webDesigners et ne permet pas un travail d’équipe efficace !

Par exemple sur l’écran suivant :

jsp-3

Notez une partie ’statique’ (Textes "Bonjour nous sommes le " et "et vous êtes formés par Objis !") et une partie ’dynamique’ (Date & heure). L’information de la partie dynamique a été obtenue grâce au travail du programmeur Java new Date() mais l’habillage de cette information (ici en rouge) est permis grâce au travail du webDesigner (ici c’est pas très joli je vous l’accorde...).

INFO : notez que la JSP est cependant compilée par le serveur d’applications en une servlet et produit in fine une page HTML compréhensible par le navigateur (IE, firefox, Opéra...). Sous Tomcat, le code de la servlet produite à partir de la JSP est disponible dans le répertoire ’TOMCAT_HOME\work\Catalina\localhost\app_name

Partie 1 : projet web Eclipse avec cible Tomcat

- Installez Tomcat, comme dans le tutoriel Installation Tomcat.
- Intégrez Tomcat dans Eclipse, comme dans le tutoriel d’Intégration Tomcat dans Eclipse
- Créez avec Eclipse un projet Web dynamique nommé GestionFormations et associez au projet le serveur Tomcat (Target Runtime).

Votre environnement Eclipse doit ressembler à ceci :

jsp-1

Voir Tutoriel Création d’un projet web dynamique avec Eclipse

Partie 2 : Création du squelette de la JSP

- Faites un Click droit sur le répertoire WebContent -> New -> JSP

jsp-1

- Cliquez sur JSP pour avoir l’écran ci-dessous

jsp-2

- Remplacez le nom du fichier par index.jsp jsp-2

- Ensuite cliquez sur le bouton Next pour avoir l’écran ci-dessous jsp-2

- Cliquez sur le bouton Finish et le fichier index.jsp est créé jsp-2

Partie 3 : codage de la JSP

- Veuillez modifier le code de la page index.jsp comme suit

jsp-2

Partie 4 : Déploiement de l’application

- Veuillez cliquer droit sur le projet Run As -> Run on Server jsp-2

- Vous obtenez l’écran ci-dessous jsp-2

- Cliquez sur le bouton Next jsp-2

Puis sur le bouton Finish

Partie 5 : test de la JSP

Si aucune page d’accueil n’était configuré, notre JSP fait office de page d’accueil (car elle se nomme index.jsp).

jsp-3

- Dans le cas ou notre JSP s’apellerait ’majsp.jsp’ il faudrait entrer l’URL : http://localhost:8080/GestionFormation/majsp.jsp

Partie 6 :Exercices

[JSP] Exercice 1 : Création war hellosimple4.war Création war formsimple.war avec formulaire identification.jsp (Nom, prenom, email, login, mot de passe) à valider.

[JSP + Servlet] Exercice 2 : Compléter le scénario de l’exercice 1 en gérant la validation du formulaire. La validation entraîne l’affichage d’une page de réponse récapitulant l’ensemble des champs renseignés.

On utilisera pour ce deuxième exercice une combinaison de JSP (formulaire) + Servlet (récupération paramètres et affichage réponse).

Conclusion

Dans ce tutoriel, vous avez pu créer votre première JSP . Dans le prochain tutoriel vous allez apprendre la Redirection web avec le RequestDispatcher

Votre avis nous intéresse

Vous avez remarqué une erreur ? Vous avez une recommandation pour améliorer ce tuto ? Vous souhaitez nous encourager à partager notre savoir-faire technique et pédagogique ?

Donner votre avis sur ce Tuto objis.com

Objis sponsor
PNG - 2.8 ko
PNG - 6.9 ko