Recherche d’enregistrement utilisant MVC et MySQL
Recherche d’enregistrement utilisant MVC et MySQL
Objectifs
- Etre capable de créer un formulaire de recherche en MVC avec servlets, JSP et MySQL
-
Rappel
- Ce tutoriel explique l’utilisation de Servlet, JSP et du serveur de base de données MySQL pour rechercher des enregistrements à travers un formulaire d’une page JSP.
- Ce formulaire de recherche Java suit l’architecture Model View Controller (MVC).
-
Caractéristiques du modèle
- Il sépare la couche de présentation de la couche métier
- Le contrôleur effectue l’action d’invoquer le modèle et d’envoyer des données au Vue
- Le modèle ne sait même pas qu’il est utilisé par une application Web ou une application de bureau
- Il est conseillé de séparer les différents composants dans une structure de répertoire standard comme indiqué dans la section suivante
- Dans une application Java EE:
- La couche Modèle est constituée d’objets Java ;
- La couche Vue est constituée de pages JSP ;
- La couche Contrôle est constituée de servlets.
-
Outils et environnement de développement
- La création d’une application web avec Java EE s’effectue généralement à l’aide d’un Environnement de Développement Intégré, très souvent raccourci à l’anglaise en IDE. C’est un logiciel destiné à faciliter grandement le développement dans son ensemble.
- J’utiliserai l’IDE Eclipse tout au long de ce tutoriel. Ce n’est pas le seul existant, c’est un outil puissant, gratuit, libre, multiplateforme et massivement utilisé en entreprise.
- Téléchargement et installation D’Eclipse
- Téléchargement et installation de Tomcat
-
Structure du dossier de projet
- L’image ci-dessous représente la structure finale du dossier du projet
- Dans notre application revisionMVC, nous avons quatre pages JSP dans lesquelles header.jsp et footer.jsp sont inclus, et nous avons quatre fichiers java dans une est une Servlet.
- Pour implémenter le modèle de conception MVC basé sur le Web, nous allons créer les classes RechercherEnregBean.java ,RechercherEnregDAO.java et la classe Connexion.java qui agiront comme notre couche modèle. De plus, RechercherEnregServlet.java agit également en tant que classe Controller.
-
Réalisation
- commencer par créer un projet Web dynamique dans Eclipse IDE "revisionMVC"
- Créer les deux pages JSP header.jsp et footer.jsp et les enregistrer sous "WebContent/fichiers"
- Créer la page
"connexion.jsp"
qui agit comme vue - Le début de la page sera l’appel de la page header.jsp et la dernière ligne de la page sera l’appel de la page footer.jsp
- Créer un formulaire adéquate Bootstrap et l’implémenter dans le body de la page comme le montre l’image suivant:
- Le code de la page est le suivant:
- Les informations de création sont transmises à
chercherApprenantServlet
à partir de la page RechercherEnregAppr.jsp qui contient le formulaire de recherche avec trois champs de recherche. - Lorsque vous cliquez sur le bouton Rechercher, la demande est transmise à la classe qui est mentionnée dans la balise d’action du formulaire.
<form action="RechercherEnregServlet" method="post">
- On reviendra sur le reste de la page à la fin de cette tutoriel
- Création des packages
- L’un des avantages des packages est que nous allons y gagner en lisibilité dans notre package par défaut, mais aussi que les classes mises dans un package sont plus facilement transportables d’une application à l’autre.
- Pour créer un nouveau package, effectuer un clic droit puis New > Package.
- Le schémas suivant représente la liste des packages crées:
- Créer la classe
RechercherEnregBean.java
qui agit comme Modèle - Cette classe de modèle contient les méthodes getter et setter des valeurs recherchées Prénom, Nom et Gouvernorat d’apprenant qui sont membres du formulaire de recherche.
- Sélectionnez le package "
com.mvc.bean
" que vous avez créé, clic droit puis New – Class. - Nommez la classe Creer en commençant le(s) nom(s) par une majuscule "
CreerBean
" - Cliquez sur le bouton Finish.
- La classe a été ajoutée au package et le code généré automatiquement par Eclipse est visible dans la fenêtre de l’éditeur de code:
- Déclarez trois variables de type String privées
- Pour ajouter des accesseurs à la classe, choisissez dans le menu (ou clic droit) l’option Source puis Generate Getters and Setters.
- Cochez ensuite les cases des variable puis validez.
- Notre classe sera
- Créer la classe
RechercherEnregDao.java
qui agit comme Modèle - Créer la classe Servlet
RechercherEnregServlet.java
qui agit comme couche controller - Créer le reste de code JSP pour la page RechercherEnregAppr.jsp
- Créer la classe
ConnexionDB.java
qui agit comme Modèle -
Base de donnée
- Pour les classes crées précédemment, nous avons utilisé le serveur de base de données MySQL pour lire les informations utilisateur.
- Vous devez inclure le fichier JAR dépendant (
mysql-connector-java.jar
) pour vous connecter au serveur MySQL.se référer au article suivant - Le nom de la base de données est
gestiondesnotes
et le nom de la table estapprenants
-
Voir ici
package com.mvc.bean;
public class CreerBean {
}
private String BeanChercherPrenom = "";
private String BeanChercherNom = "";
private String BeanChercherGouv="";
package com.mvc.bean; public class RechercherEnregBean { private String BeanChercherPrenom = ""; private String BeanChercherNom = ""; private String BeanChercherGouv=""; public String getBeanChercherPrenom() { return BeanChercherPrenom; } public void setBeanChercherPrenom(String beanChercherPrenom) { BeanChercherPrenom = beanChercherPrenom; } public String getBeanChercherNom() { return BeanChercherNom; } public void setBeanChercherNom(String beanChercherNom) { BeanChercherNom = beanChercherNom; } public String getBeanChercherGouv() { return BeanChercherGouv; } public void setBeanChercherGouv(String beanChercherGouv) { BeanChercherGouv = beanChercherGouv; } }