Troisime anne Licence Fondamentale en

Sciences de l'Informatique

ENVIRONNEMENT DE PROG
(J2EE, .NET)

TP numro 1 : Servlets, Base de donnes

Objectifs: Ce TP a pour but de vous familiariser avec l'API Servlets, vous aborderez ainsi les
points suivants :

Crer un projet d'application Web avec lIDE Netbeans 8.1.

Ecrire une Servlet simple renvoyant une page HTML.
Rcuprer les paramtres de la requte et renvoyer ces paramtres dans une page HTML.
Connexion et manipulation de la base de donnes partir dune Servlet.

Partie 1 : Les Servlets

1-Dfinition et fonctionnement
Une Servlet: Server-side applet est un programme Java utilis pour tendre les
fonctionnalits d'un serveur Web et pour accder des systmes dj existants. C'est une
application

ct

serveur,

utilise

pour

gnrer

du

contenu

dynamique,

charge

dynamiquement quand elle est demande. Pour excuter des servlets, il faut un moteur de
servlets dans le serveur Web appel aussi conteneur de servlets. Ces moteurs sont des plug-in
ajouter des serveurs Web existants ou bien des serveurs Web aux mmes comme JRun
(www.allaire.com), Tomcat (jakarta.apache.org) et GlassFich (glassfish.java.net/fr/).

2- cration dune Servlet avec Netbeans

1

a- Crer une application web

Les tapes pour crer une application web :
1. Cliquer sur File puis sur new project
2. Choisir la catgorie java Web puis web application
3. Taper le nom de votre projet et choisir son emplacement
4. Choisir la version de java EE et le serveur

Application :
Crer une application web nomm IssatIntranet .

b-Crer une application web

Les tapes pour crer une Servlet :
1. slectionner le package qui va contenir notre nouvelle Servlet
2. Cliquer sur File puis sur new file
3. Choisir la catgorie Web puis servlet
4. Taper le nom de votre Servlet
5. Cocher la case add information to deployment descriptor (web.xml)

Application:
Crer une servlet nomme MyFirstServlet.

Figure 1.1 : Un exemple de code Java dune Servlet.

2

2-Rcupration les informations de la requte

Pour rcuprer les donnes de la requte envoye par le client (formulaire HTML), on
utilise la mthode de lobjet request reu en paramtre de doGet ou doPost :
String getParameter(String nomComposantFormulaire) ;
Exemple:
En code de la page HTML :

En code de la classe Servlet :

Pour envoyer une rponse de servlet vers la page HTML ou autre Servlet :
-

On positionne le type MIME par : void setContentType(String type)

On rcupre le canal de sortie texte par : PrintWriter getWriter() sur

response lobjet response.

Figure 2.1 : Un exemple de rcupration des paramtres partir dun formulaire.

3-Exercices :
Exercice 1 : Cration dune Servlet qui rcupre les champs
dun formulaire de connexion dtudiant.
Crer un dossier nomm etudiants dans le dossier web de notre application Web.
Crer un fichier HTML nomm connexion.html dans le dossier etudiants . Les
noms des champs inputs de formulaire de connexion sont login et motDePasse .
LURL de laction du formulaire est /IssatIntranet/etudiants/Connexion . Laffichage
souhait semble cette interface la figure 3.1 suivante.

Figure 3.1 : interface de connexion en HTML.

Crer un package java nomm etudiants dans le projet Web IssatItranet .
Crer une Servlet nomme Connexion.java dans le package etudiants . La
servlet Connexion permet de rcuprer le contenu des champs de formulaire envoys de
la page HTML connexion.html, puis dafficher les valeurs de login et mot de passe.
Laffichage souhait semble cette interface la figure 3.2 la page suivante.

Figure 3.2 : Rsultat souhait de la Servlet Connexion.

Exercice 2 : Cration dune Servlet qui rcupre les champs

dun formulaire dinscription dtudiant.
Crer un fichier HTML nomm inscription.html dans le dossier etudiants dans
le dossier web. Les noms des champs inputs de formulaire dinscription sont nom ,
prenom ,

cin ,

groupe ,

genre

{Homme,

Femme},

login

et

motDePasse . LURL de laction du formulaire est /IssatIntranet/etudiants/Inscription .

Laffichage souhait semble cette interface la figure 3.3 suivante.

Figure 3.3 : interface dinscription en HTML.

Crer une Servlet nomme Inscription.java dans le package etudiants . La
servlet Inscription permet de rcuprer le contenu des champs de formulaire envoys
de la page HTML inscription.html, puis dafficher les valeurs de nom, prnom, CIN, gourpe,
genre, login et mot de passe. Laffichage souhait semble cette interface la figure 3.5 la
page suivante.
6

Figure 2.5 : Rsultat souhait de la Servlet Inscription.

La structure de notre application Web est prsente la figure 2.5.

Figure 3.5 : Structure de projet Web IssatIntranet sous Netbeans 8.1.

7

Partie 2 : Servlets et base de donnes

Partie MySQL : Installation, cration de base et configuration du driver
Etape 1 :
1. Installer Workbench de MySQL .
2. Installer un serveur de base de donnes.
Etape 2 :
1. Cration une connexion SQL :
Crer une connexion SQL nomme connexion1

2. Cration de la base:

1. crer une base de donnes nome issat_intranet sous linterface graphique de

MySQL
Workbench (voir figure 1.1).

Figure 1.1 : cration dune base de donnes sur MySQL

Workbench.
8

2. Copier le script SQL suivant la fentre qui semble celle de la figure 2.1
use issat_intranet;
create table
etudiants (
cin int primary key,
nom varchar(30) not null,
prenom varchar(30) not
null, groupe varchar(30)
null,
genre tinyint (1) null default
0, login varchar(30) unique,
motDePasse varchar (255) not
null
) ;

Figure 2.1 : Ajout de script de cration de la table

etudiants .
2. Valider le script copi, il faut avoir un rsultat avec suces comme le rsultat
de la figure 3.1.

Figure 3.1 : Code SQL excut avec

succs.
4. Vrifier que la base et la table etudiants sont bien cres (figure 4.1).

10

Figure 4.1 : Linterface de la table tudiants .

5. configuration de Driver JDBC sous Netbeans :
Ajouter le fichier .jar mysql-connector-java-5.0.8-bin.jar la liste des
bibliothques de projet IssatIntranet .

Figure 5.1 : Proprit de projet IssatIntranet

Ajouter le JAR en cliquant le bouton Add Jar/Folder

Figure 5.2 : Ajout de fichier JAR (partie 1).

11

Figure 5.3 : Ajout de fichier JAR (partie 2).

Figure 5.4 : Ajout de fichier JAR (partie

3).

Figure 5.5 : Structure de projet

IssatIntranet .

Partie 3 : Exercice numro 1 :

12

1. Crer un package nomme models.

2. Crer une classe java nomme connectionDB dans le package models .
qui permet de faire la connection notre base de donnes issat_intranet .
3. Crer une classe java nomme etudiant .
4. Dans la classe etudiant crer une mthodes qui permet dajouter un
tudiant dans le tableau etudiants .
5.

Appeler alors cette mthode dans la Servlet Inscription pour enregistrer

ltudiant la base de donnes.

Partie 4 : Exercice numro 2 :

1. dans la classe etudiant , crer une mthode qui prend en paramtre un login et un mot
de passe. Cette mthode permet de consulter la base de donnes et retourne un Etudiant qui
possde le login et le mot de passe donnes, sil nexiste pas elle retourne un tudiant vide. La
signature de la mthode est :
public static Etudiant connexion(String login, String motDePasse);
2. Appeler la mthode connexion dans la Servlet Connexion pour consulter la base et
retourner lEtudiant correspondant. Afficher le non et le prnom de ltudiant dans la
servlet Connexion en cas de russite de connexion, affich connexion impossible en cas
dchec.

Annexe 1 : Connexion une base MySQL en Java.

Si la base de donnes est nomme issat_intranet , lutilisateur MySQL est root
et le mot de passe est alors le code de connexion en utilisant le driver JDBC est :

13

Figure 1 : Connexion une base MySQL avec un driver JDBC.

Annexe 2 : Une requte SELECT.

Pour un SELECT en cas des lignes multiple en rsultat :

Parcourir de rsultat dun SELECT avec plusieurs lignes en rsultat :

Parcourir de rsultat dun SELECT qui retourne un seul enregistrement ou ligne :

Annexe 3 : Une requte INSERT ou UPDATE.

En cas de sauvegarde dun nouveau enregistrement dans la table etudiants

14