Université Abdelmalek Essaâdi LP - LDW
Ecole Normale Supérieure Semestre
(Semestre 6 :: 2022/2023)
2023/2024
Java EE
Création d’une application Web au-dessus d’une
base de données : « mini annuaire de l’ENS »
Avec Java EE
Objectifs
• Développer une application Web Java (3-tier) en utilisant :
• la technologie JSP ;
• une connexion à une base Oracle par l’intermédiaire d’un driver JDBC.
Description de l’application
• L’application simule l’accès à un annuaire de l’ENS. Sa consultation s’effectue par
l’intermédiaire du Web à l’aide d’un ensemble de JSP et de pages HTML constituant
une application Web 3-tier (MVC).
Le stockage des données de l’application se fait sur une base MySQL qui est
accédée grâce à JDBC.
• Au début, les données sont stockées dans une unique table « étudiant» qui stocke les
CNE, nom, prénom, filière, département et téléphone de chacune des entrées de
l’annuaire. Mis à part le CNE, numérique (number), chaque colonne de la table est
stockée sous la forme d’une chaîne de caractères (varchar). Ces chaînes ont une taille
maximale qu’il faut impérativement respecter lors des insertions.
• La page d’accueil de l’application affiche deux menus (utilisation et administration)
qui permet d’effectuer des actions sur l’annuaire :
Menu utilisation
Liste complète des étudiants
Recherche d’un étudiant
Liste complète des départements
Recherche d’un département
Liste complète des filières
Recherche d’une filière
Menu administration
Insertion d’un nouvel étudiant
Insertion d’un nouveau département
Insertion d’une nouvelle filière
• Seul le premier item du menu utilisation est réalisé et fonctionnel, il permet d’afficher
la liste complète des étudiants référencées dans la base.
• Ultérieurement, l’application gérera aussi les départements dans lequel appartiennent
les étudiants.
Travail à réaliser
Deux étapes :
1. Création de la base de données ;
2. Testez la connexion avec la base de données.
Pour la création de la base, se connecter avec votre compte MySQL (login et mot de
passe) et exécuter la commande pour créer la base de données.
Création de :
• La table étudiant ;
• La table département ;
• La table filière ;
Quelques insertions pour remplir la base.
Les fonctionnalités à développer sont présentes (mais non effectives) dans la
page d’accueil de l’application :
• Rechercher un étudiant dans l’annuaire
• Afficher la liste complète des départements
• Afficher la liste complète des filières par départements
• Rechercher un département dans l’annuaire
• Insérer un nouvel étudiant
• Insérer un nouveau département
• Insérer une nouvelle filière
Rechercher un étudiant dans l’annuaire
Etapes principales :
1. Création du formulaire Web de saisie du nom de l’étudiant que l’on recherche
(fichier à créer, par exemple RechercheEtudiant.html). Dans un premier temps, la
recherche s’effectue sur le nom complet, une recherche avec le début du nom peut
éventuellement être développée par la suite.
2. Création du JSP (RechercheEtudiant.jsp)
a. Récupération du paramètre saisi dans le formulaire.
b. Appel de la méthode de recherche de l’étudiant par le JSP
c. Affichage du résultat (s’il existe) par le JSP.
3. Création de la méthode de recherche.
Partie administration : fonctionnalités d’insertion de nouvel étudiant,
de nouveaux départements et de nouvelles filières
Etapes principales :
1. Création des formulaires Web de saisie (InsertEtudiant.html, InsertFiliere.html et
InsertDepart.html).
2. Création des JSP (InsertEtudiant.jsp, InsertFiliere.jsp et InsertDepart.jsp).
a. Récupération des paramètres saisis dans les formulaires.
b. Appel des méthodes d’insertion par les JSP.
c. Affichage d’un message indiquant si l’insertion a été réalisée ou non.
3. Création des méthodes d’insertion.
