PNG - 2.8 ko

PNG - 6.9 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.

Ce tutoriel est un extrait de séances pratiques de la formation programmation J2ee 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

Prérequis

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

Objectifs

- Comprendre ce qu’est une servlet
- Comprendre le rôle d’une servlet
- Créer, configurer et déployer une servlet
- Comprendre les balises ’servlet’ et ’servlet-mapping’ et ’url-pattern’

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 !)

Durée

- 30 minutes.

Nouveaux tutos objis.com

Soyez informé des nouveaux tutos ou des mises à jour de tutos objis.com .

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 webDesigner et ne permet pas un travail d’équipe efficace !

Par exemple sur l’écran suivant :

PNG - 20 ko
tutoriel-jsp-10

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 grace 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 ’work\localhost\Catalina’

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é GestionFormationsWeb et associez au projet le serveur Tomcat (Target Runtime).

Votre environnement Eclipse doit ressembler à ceci :

PNG - 11.5 ko
tutoriel-creation-servlet-0

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

Partie 2 : création du squelette de la JSP

- 

PNG - 14.7 ko
tutoriel-creation-jsp-1

- 

PNG - 23 ko
tutoriel-jsp-2

- 

PNG - 39.6 ko
tutoriel-jsp-3

- 

PNG - 20.2 ko
tutoriel-jsp-4

- 

Partie 3 : codage de la JSP

PNG - 10.6 ko
tutoriel-jsp-5

- 

PNG - 13.4 ko
tutoriel-jsp-6

- 

Partie 4 : déploiement de l’application

PNG - 21.7 ko
tutoriel-jsp-7

- 

PNG - 22 ko
tutoriel-jsp-8

- 

PNG - 24.1 ko
tutoriel-jsp-9

- Appuyez 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).

PNG - 20 ko
tutoriel-jsp-10

- Dans le cas ou notre JSP s’apellerai ’majsp.jsp’ il faudrait entrer l’URL : http://localhost:8080/GestionFormationWeb/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 créé votre première JSP.

Nouveaux tutos objis.com

Soyez informé des nouveaux tutos ou des mises à jour de tutos objis.com .

Objis sponsor