TD N° 1

TD N° 1
Exercice 1 :
Créer une page JSP appelée Exercice1.jsp. Cette page génère un tableau de 20 lignes.
Chaque ligne contient deux cases. La première case contient le numéro de cette ligne
et la seconde contient le texte « bonjour ». Le titre de chacune des colonnes sont
respectivement «N° ordre», «Designation» et que la largeur de la première est 90 et la
seconde est 300?
Correction :
<html>
<head> <title>exercice 1 page JSP </title></head>
<body>
<table border>
<colgroup >
<col width = 90>
<col width = 300>
</colgroup>
<tr>
<th> N° Ordre </th>
<th> Designation </th>
</tr>
<%
for (int i=1; i <= 20; i++) {
out.println(‘’<tr>’’);
out.print(‘’<td>’’ + i + ‘’</td>’’);
out.print(‘’<td> Bonjour </td>’’);
out.println(‘’</tr>’’);
}
%>
</table>
1
</body>
</html>
Exercice 2 :
Créer une page JSP appelée Exercice2.jsp. Cette page génère une liste des 4 saisons
de l’année sous forme de liste énuméré de 1 à 4. En appuyant sur chacun des saisons
énumérés, une page html associées est affichées?
Correction :
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head> <title>Exercice 2 JSP </title> </head>
<body>
<%
out.println("<ol type=1>");
out.println("<li> <A HREF=‘’Hiver.html’’>Hiver</A> </li>");
out.println("<li> <A HREF=‘’Printemps.html’’>Printemps </A> </li>");
out.println("<li> <A HREF=‘’Ete.html’’>Eté </A> </li>");
out.println("<li> <A HREF=‘’Autonne.html’’>Automne </A> </li>");
out.println("</ol>");
%>
</body>
</html>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head> <title>Exercice 2 JSP </title> </head>
<body>
<ol type= 1>
<%
String[] saison = {"Hivers", "Ete ", "Printemps", "Hautonne"};
2
String[] lien = {"Hivers.html", "Été.html ", "Printemps.html",
"Hautonne.html"};
for (int i = 0; i < 4; i++) {
out.println("<li> <A HREF=" + lien[i] + ">" + saison[i] + "</A> </li>");
}
%>
</OL>
</body>
</html>
Exercice 3 :
On veut réaliser une page d’ouverture de session avec :
•
Un titre de page : ‘Page d’accueille’
•
Une indication d’introduction de :
•
Une indication d’introduction de :
•
Un bouton d’Ouverture de Session;
Nom d’utilisateur;
Mot de Passe;
La page JSP intituler ‘Entree.jsp’ permet de valider l’entrée en consultant une base de
donnée en mysql nommer ‘mabase.sql’ situé dans c:\td\, un login ‘log’ et un mot de
passe ‘mp’.
Cette base contient un table des utilisateurs nommer ‘USE’ et qui à la forme suivant:
(‘NomU’, ‘PassWord’, ‘Nom’, ‘Prenom’);
Si le nom d’utilisateur et le mot de passe est valide une page est généré avec le titre
‘Bienvenu’ et un affiche du nom et prénom du propriétaire.
Sinom un message d’erreur est affiché et une invitation de relance de la page
d’accueille.
Correction :
•
La solution est sous la forme de deux pages:
1. Un fichier html avec formulaire;
2. Un fichier jsp pour le traitement du formulaire.
<html>
<head><title> td </title></head>
<body>
3
<h1 align = center>Page d’accueille </h1>
<form methode=post action=‘entree.jsp’>
<pre>
Nom d’utilisateur : <input type=texte name=‘NU’ size=10 maxlength=10>
Mot de passe
: <input type=password name=‘MP’ size=10 maxlength=15>
<input type=submit value=‘Ouverture de cession’>
</pre>
</form>
</body>
</html>
<html>
<head> <title>Exercice Accès à une base </title>
</head>
<body>
<%
String nomUser = request.getParameter("NU");
String MPasse = request.getParameter("MP");
Class.forName("com.mysql.jdbc.Driver");
java.sql.Connection cnx = java.sql.DriverManager.getConnection("url", "log",
"MP");
java.sql.Statement req = cnx.createStatement();
java.sql.ResultSet rs = req.executeQuery(" Select * From USER Where NonU
= ' " + nomUser + " ' AND PassWord = ' " + MPasse + " ' ");
if (rs.next()) {
out.println("<h1 align = center > Bien venu</h1 >");
out.println(rs.getString("NOM") + ' ' + rs.getString("PRENOM"));
} else {
out.println("<h1 align = center > Connexion impossible</h1 >");
out.println("<A HREF =‘TD.html’ > Réessayer</A >");
4
}
rs.close();
req.close();
cnx.close();
%>
</body>
</html>
Exercice 4 :connexionàunebasededonnéesmySQL
1) Lecture de la base
Ecrire la page lectureproduits1.jsp faisant afficher, dans une table, les
désignations des différents produits et leurs prix. On utilisera les tables produits et
prix de la base de données produits. Résultat attendu :
Sachant que :
•
base de données : ntw
•
login : root
•
password : toor
Les tables dans une base de données :
•
Fournisseurs(id, nom, adresse)
•
Produits(id, nom, fournisseur#)
•
Prix(id, numproduit#, prix)
2) Insertion dans la base
Ecrire la page nouveauproduit.jsp qui appelle la page insertproduit.jsp insérant
effectivement le nouveau produit à la fois dans les tables produits et prix.
3) Suppression d'enregistrement de la base
Ecrire une page suppressionproduit.jsp qui affiche en liste de sélection les
désignations des produits existants et permet de demander la suppression d’un
produit.
Ecrire la page supprimeproduit.jsp qui supprime le produit à la fois de la table
produits et de la table prix.
5