Embed Size (px)
DESCRIPTION
Exercices page JSP. Exercice 1. - PowerPoint PPT Presentation
Citation preview
Exercices page JSP
Exercice 1
Créer une page JSP appelée Exercice1.js. 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?
Solution exercice 1<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>
Solution exercice 1 (suite)<% for (int i=1; i <= 20; i++) { out.println(‘’<tr>’’); out.print(‘’<td>’’ + i + ‘’</td>’’); out.print(‘’<td> Bonjour </td>’’); out.println(‘’</tr>’’); }%></table></body></html>
Exercice 2
Créer une page JSP appelée Exercice2.js. 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?
Solution exercice 2<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>
Solution 2<html><head> <title>Exercice 2 JSP </title> </head><body><ol type= 1><%String[] saison={‘’Hivers’ ‘,’’Ete ‘’,’’Printemps’’,’’Hautonne’’};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 : Nom d’utilisateur;
• Une indication d’introduction de : Mot de Passe;
• Un bouton d’Ouverture de Session;
Suite d’exercice 3
• 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’);
Suite de l’exercice 3
• 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.
Solution exercice 3
• La solution est sous la forme de deux pages:
1. Un fichier html avec formulaire;
2. Un fichier jsp pour le traitement du formulaire.
Page HTML
<html><head><title> td </title></head><body><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>
Page jsp
<html>
<head> <title>Exercice Accès à une base </title>
</head>
<body>
<%
String nomUser = request.getParameter(‘’NU’’);
String MPasse = request.getParameter(‘’MP’’);
Page jsp suite
Class.forName(‘’com.mysql.jdbc.Driver’’);
Java.sql.Connection cnx =
Java.sql.DriverManager.getConnection
(«c:\TD\MaBase.sql», «log», «MP»’);
Java.sql.Statement req = cnx.createStatement();
Page jsp suite
Java.sql.ResultSet rs =
req.executeQuery(« Select * From USER Where NonU = ‘ » + nomUser + « ‘ AND PassWord= ‘ » + MPasse + « ‘ » );
Page jsp suite
If (rs.next()) {
Out.println(‘<h1 align=center>Bien venu</h1>’);
Out.println(rs.getString(‘NOM’) + ‘ ‘ + rs.getString(‘PRENOM’));
}
Page jsp suite
Else {
Out.println(‘’<h1 align=center>Connexion impossible</h1>’’);
Out.println(‘’<A HREF=‘TD.html’ > Réessayer </A>’’);
}
Page jsp suite
rs.close();
req.close();
cnx.close();
%>
</body>
</html>
