Pr.

GUERMAH Hatim

Année universitaire :
Cours : Web Avancé et Développement 2021/2022
Mobile

Partie I : Web Avancé et développement mobile

TP 5 : Modèle MVC (Servlet, JSP, Java Beans)

Exercice 1 JSP/MVC : Partage de Beans

1. Réalisez une application suivant l’architecture MVC permettant d’afficher un nombre
aléatoire à l’utilisateur dans un intervalle donné en paramètre (utiliser le scope de la page):
a. Implémenter la page index.html pour saisir un chiffre

b. Implémenter la classe NumberBean pour représenter le modèle de l’application de et

la RandomUtilitaire pour représenter la couche service (contenant une méthode
statique de géneration aléatoire des chiffres  utiliser Math.random())
c. Implémenter le contrôleur de l’application ainsi que le fichier de déploiement.
d. Implémenter la page vue.jsp permettant de représenter la vue de l’application

2. Réalisez une application suivant l’architecture MVC permettant d’afficher le nom et le

prénom de l’utilisateur. Si l’utilisateur ne donne pas son nom, on affiche le nom qu’il a
précédemment entré. S’il n’y a pas de nom antérieur, on affiche un message d’avertissement.

1
.
3. Réalisez une application suivant l’architecture MVC permettant d’organiser des votes sur 2
technologies. Placez un bouton devant chaque label de technologie afin d'ajouter un vote
(on ne tiendra pas compte des éventuels problèmes liés aux votes multiples).
Les données sont partagées entre plusieurs clients, donc on doit utiliser le scope de
l’application (ce n'est pas persistant).

Exercice 2 JSTL/MVC :
L’objectif de cet exercice est d’utiliser la librairie JSTL et les Els pour implémenter la notion de
panier d’achat que chaque utilisateur dans un site de vente des produits peut remplir en cliquant
sur les éléments qu'il veut acheter.
Ainsi, le client peut remplir son panier avec plusieurs produits en spécifiant la quantité de produits
acheté.
De ce fait vous devez implémenter :
• Une page JSP (index.jsp) contenant des liens d’achat
1. Ajouter télévision
2. Ajouter tablette
3. Ajouter téléphone
4. Ajouter Réfrigérateur
Cette page sera considérée comme notre vue : elle devra aussi montrer au client le nombre
d’élément par produit dans son panier. Si le panier est vide, elle doit afficher : Pas de produit dans
le panier !
• Un Contrôleur qui rajoutera le fruit désiré dans notre panier.
• Une JavaBean Panier qui spécifie notre modèle.

2
3