Scribd
Importer
29 vues2 pages

TP N°3: JSP: /'/oulfly Is/'/Hïl

Le document décrit un exercice de création de pages JSP pour un projet de gestion d'employés. Il inclut des instructions pour créer une page d'affichage des employés, une page de modification d'employé, et une page d'ajout d'employé, ainsi que des éléments de navigation tels que des en-têtes et des pieds de page. Chaque page doit intégrer des formulaires pour gérer les employés et utiliser des méthodes HTTP appropriées pour les soumissions.

Transféré par

moritnn
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
29 vues2 pages

TP N°3: JSP: /'/oulfly Is/'/Hïl

Le document décrit un exercice de création de pages JSP pour un projet de gestion d'employés. Il inclut des instructions pour créer une page d'affichage des employés, une page de modification d'employé, et une page d'ajout d'employé, ainsi que des éléments de navigation tels que des en-têtes et des pieds de page. Chaque page doit intégrer des formulaires pour gérer les employés et utiliser des méthodes HTTP appropriées pour les soumissions.

Transféré par

moritnn
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

..

~~rnr. 111'~,-~\
l :..-:
.--.
''\.. --= .
l
.r'
Année universitaire : 2024/2025
Filière: Parcours d'Excellence-SDIA /S6
1

~Lo-w! ~Uf-A d...a.o 4 ,~,a ,11:,;i


umvrnsrrt /'\OUlflY IS/'\HÏl fflCUllf oo seime~
Module: JEE

TP N°3: JSP

Exercice
,.,
1. Dans le projet TP_Employe_JDBC, créer une page jsp nommée« [Link] ».
a. Créer une liste d'employés « listEmployes ». Ajouter des objets Employe avec des
valeurs de test.
b. Créer un tableau avec les colonnes suivantes : ID, NOM, PRENOM, VILLE, AGE,
EMAIL, SERVICE. Les informations de chaque employé doivent être récupérées à
partir de la liste des employés « listEmployes » .avec une boucle for.
c. Pour chaque employé, deux boutons doivent être affichés : « Editer » et
<< Supprimer ».
1. Le bouton« Editer » doit soumettre un formulaire à 1'URL « EmployeEditer »
en utilisant la méthode GET. Ce formulaire doit inclure un champ caché : « id »
pour stocker l'ID de l'employé à éditer.
11. Le bouton «Supprimer» doit soumettre un formulaire à l'URL
« EmployeSupprimer » en utilisant la méthode GET avec le même champ
caché « id » et une confirmation JavaScript de la suppression.
d. En bas de la page, un bouton « Ajouter un employé » doit être affiché. Ce bouton doit
soumettre le formulaire à l'URL « EmployeAjouterForm » en utilisant la méthode
POST.

La liste des employés

@li NOl\f l~NOI\1 li VILLE IIAGE Il El\lAIL Il SERVICE 1

[//Fatima jja~ami l~~[Link]@[Link] !!Personnel 11~1 Supprime71 I


[]Anùna l[~~u-~as !IMe~e~~ [Link]@gmail.~_?m____Jinformatique .J[~~-~!e~LJ[_~u~~ri-~e-~J j
[llMohamed l~_J~~[Link]@[Link] llscolarité l~l Supprimer 11

1 Ajouter un employé 1

Figure 1: La page [Link]

2. Créer une page jsp « [Link] »:


a. Créer un objet Employe «e » à modifier.
b. La page doit contenir un formulaire. Les champs de ce formulaire sont pré-remplis
avec les informations de l'employé « e ». Ce fonnulaire permet de soumettre les
infonnations mises à jour de l'employé à l'URL« EmployeModifier » en utilisant la
méthode POST.
1. Le champ ID doit être transmis en mode caché afin d'identifier l'employé à
modifier.
1
.. hamp service do1•t "tre u n
e menu déroulant (<select
u. ~:i:ctionnée
automatiquemen >) av ec la v al eu r actuelle
t.
·Modifier un e
mploy
é-----
-------
Nom: -----~
(~~Fa~ti~m~a== ,
=========---,l
Prénom: \ Alaml
Ville: \Mekne \
s
\
Age: \~ 2 0 ~ = -= =
En1ail: ~===~===
\f.a\[email protected] ,
Service: \ Inform
atique v \
om l
\ Modifier \

Figure 2:_La pa
ge ModifierEm
[Link]
3.
Créer la page« A •
soumettre les in [Link] p ». _La _P age dl'oUit contenir u n ~1orm l •
formations du
méthode POST nou vel etud1ant à RL« EmployeA u a ire perme..ttant de
: jouter )) en utili
sant la
Ajouter u n emp
loyé
Nom:
\ '.===========
\ Prénom: ~= ====~
====== ========;
Ville:
Age:
E1nail:
Service: lInformat
ique v \
\ Ajouter \
··-···--·- --------
Figure 3: La pa
--------
----
\ 1
\
i
ge AjouterEmp
4. Créer deux pages [Link]
JSP distincts: hea
5. Dans [Link], [Link] et footer.
créer le contenu jsp.
6. Dans [Link], cr de l'en-tête de vo
éer le contenu du tre site web.
7. Dans [Link], p ied de page de votre
inclure [Link] site web.
en haut de la pa
ge et [Link]
en bas de la page.

Vous aimerez peut-être aussi