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
© Copyright 2024 Paperzz