Programmation Web Les JSP.

Programmation Web Les JSP

HTTP HelloWorld HelloWorld avec une servlet HTTP
import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class HelloHttpServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/plain"); PrintWriter out = response.getWriter(); out.println("HTTP Hello World!"); } public String getServletInfo() { return "HTTP Hello World Servlet"; L’objet réponse permet d’obtenir le flux de sortie en écriture

out correspond au writer sur le flux de sortie en écriture
HelloWorld JSP Entrelacer le code HTML et le code Java Le fichier hello.jsp Début du code <html> <body bgcolor="white"> <% out.println("Hello World"); %> </body> </html> out correspond au writer sur le flux de sortie en écriture Fin du code

Fichier de configuration
Le fichier web.xml correspondant <?xml version="1.0" encoding="ISO "?> <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" " <web-app> <display-name>Appli de Demo</display-name> <description>Ceci est une série de servlets de démo</description> </web-app> Rien, l’association *.jsp  définir une JSP est automatique

Une JSP est traduite en Servlet lors du premier appel à la JSP
Traduction des JSP Une JSP est traduite en Servlet lors du premier appel à la JSP Page JSP Servlet .java Servlet .class jasper javac Hérite de javax.servlet.jsp.HttpJspPage et implémente la méthode _jspService().

Traduction de HelloWorld
public class hello_jsp extends HttpJspBase { public void _jspService(HttpServletRequest request, HttpServletResponse response) throws java.io.IOException, ServletException { … try { _jspxFactory = JspFactory.getDefaultFactory(); response.setContentType("text/html;charset=ISO "); pageContext = _jspxFactory.getPageContext(this, request, response, null, true, 8192, true); application = pageContext.getServletContext(); config = pageContext.getServletConfig(); session = pageContext.getSession(); out = pageContext.getOut(); out.write("<html>\r\n "); out.write("<body bgcolor=\"white\">\r\n "); out.println("Hello World"); out.write("\r\n "); out.write("</body>\r\n"); out.write("</html>"); } catch (Throwable t) { pageContext.handlePageException(t); } finally { if (_jspxFactory != null) _jspxFactory.releasePageContext(pageContext); } } }

Hello World JSP (2) Répertoires sur le serveur
Les fichiers JSP sont au même endroit que les fichiers HTML

Éléments des pages JSP Tag de Directive Tag de Commentaire
Tag de Déclaration Tag de Scriptlet Tag d’Expression

<jsp:directive … /> ou <%@ … %>
Directives JSP Version XML <jsp:directive … /> ou … %> Elles permettent de changer la façon de traduire les pages JSP Ils existent différents types : directive de page (sur la JSP) directive d’include directive de taglib

Directive de page <%@ page language=”scriptingLanguage”
par ex: Java page language=”scriptingLanguage” extends=”className” import=”importList” session=”true|false” buffer=”none|sizekb” autoFlush=”true|false” isThreadSafe=”true|false” info=”info_text” errorPage=”error_url” isErrorPage=”true|false” contentType=”ctinfo” pageEncoding=”peinfo” isELIgnored=”true|false”> La JSP étend la classe Liste de import Java Utilise une session taille du buffer réponse Flush la réponse N’est pas synchronizé Redirige les erreurs Est appelé en cas d’erreur Langage de script (JSP 2.0)

Les balises <%-- et --%> spécifie des commentaires non traduits
<html> <body bgcolor="white">  <%-- commentaire invisible en HTML --%> <% out.println("Hello World"); %> </body> </html>

<jsp:declaration … /> ou <%! …%>
JSP Déclaration <jsp:declaration … /> ou <%! …%> Permet de déclarer : Des variables d’instance de JSP ( d’instance de servlet) Des méthodes

JSP Scriplet <jsp:scriplet … /> ou <% … %>
Permet d’inclure du code dans la JSP <html> <body bgcolor="white"> <% for(int i=0;i<5;i++) { %> Hello World<br> } </body> </html>

JSP Expression <jsp:expression … /> ou <%= … %>
Permet l’affichage de valeur d’une expression page import="java.util.*" %> <html> <body bgcolor="white"> <h1>Headers</h1> <dl> <% for (Enumeration e= request.getHeaderNames(); e.hasMoreElements();) { String name= (String) e.nextElement(); %> <dt><%= name %></dt> <dd><%= request.getHeader(name) %></dd> } </body> </html>

Afficher les headers de la requête
Affichage des Headers Afficher les headers de la requête page import="java.util.*" %> <html> <body bgcolor="white"> <h1>Headers</h1> <dl> <% for (Enumeration e= request.getHeaderNames(); e.hasMoreElements();) { String name= (String) e.nextElement(); %> <dt><%= name %></dt> <dd><%= request.getHeader(name) %></dd> } </body> </html>

Cycle de vie d’une JSP Le cycle de vie d'une JSP :
la méthode jspInit() est appelée après le chargement ; une méthode _jspService() est appelée à chaque requête dans une nouvelle thread. la méthode jspDestroy() est appelée pour le déchargement.

Un compteur de visite Cycle de vie et directive d’un compteur de page
Directive de page pas obligatoire car les préférences sont synchronizés page import="java.util.prefs.*" contentType="text/html" isThreadSafe="false"%> <%! private Preferences pref; public void jspInit() { pref=Preferences.userNodeForPackage(getClass()); } public void jspDestroy() { try { pref.sync(); } catch(BackingStoreException e) { getServletContext().log("can't save prefs",e); pref=null; %> <html> <body bgcolor="white"> <% int counter=pref.getInt("counter", 0); %> Page accédée : <%= ++counter %> pref.putInt("counter", counter); </body> </html> Expression Scriptlet

mêmes restrictions que pour les servlets
Include & Forward mêmes restrictions que pour les servlets Forward : <jsp:forward page="page.html"/> Include : <jsp:include page="page.html"/> include file="fichier.html"/>

Deux types d’agrégations
include file=... %> effectuer lors de la traduction, relatif au fichier, le contenu est traduit. <jsp:include page= /> effectuer lors de l’exécution de la requête, relatif à la page courante.

Include & Forward (2) <jsp:param ... /> permet d’ajouter des paramètres à un include ou un forward <jsp:forward page="parameters.jsp"> <jsp:param name="nouveauParamètre" value="toto"/> </jsp:forward>

JSP et Objet Le tag jsp:useBean permet de déclarer (et d’allouer) des objet java dans les JSP Le tag jsp:getProperty permet d’obtenir la valeur d’une propriété suivant la norme java beans Le tag jsp:setProperty permet de changer la valeur d’une propriété d’un objet

JSP et Objet (2) Utilisation d’un objet dans une JSP <html>
<body bgcolor="white"> <jsp:useBean id="myBean" scope="session" class="fr.umlv.jsp.demo.MyBean"/> <h1> <jsp:getProperty name="myBean" property="name"/> </h1> <jsp:setProperty name="myBean" property="name" param="username"/> <hr> <form enctype="application/x-www-form-urlencoded" action="bean.jsp" method=GET> Nom : <input type=text size=20 name="username"> <br> <input type=submit value="Envoi"> </form> </body> </html> Récupère le paramètre username package fr.umlv.jsp.demo; public class MyBean { public String getName() { return name; } public void setName(String name) { this.name= name; private String name;

JSP et Objet (3) Le paramètre est stocké dans l’objet
paramètre username Formulaire méthode GET

Bean et scope Page : objet visible pour un page JSP
Request : objet visible pour une page et passe les include et forward Session : objet ayant la durée de vie de la session Application : objet ayant la durée de vie le la web-app

Déclaration et récupération des valeurs
Scope Exemple Déclaration et récupération des valeurs <html> <body bgcolor="white"> <h2>Before</h2> <jsp:include page="beanIncludeScope.jsp"/> <jsp:useBean id="myBean1" scope="page" class="fr.umlv.jsp.demo.MyBean"/> <jsp:useBean id="myBean2" scope="request" class="fr.umlv.jsp.demo.MyBean"/> <jsp:useBean id="myBean3" scope="session" class="fr.umlv.jsp.demo.MyBean"/> <jsp:useBean id="myBean4" scope="application" class="fr.umlv.jsp.demo.MyBean"/> <jsp:setProperty name="myBean1" property="name" value="page"/> <jsp:setProperty name="myBean2" property="name" value="request"/> <jsp:setProperty name="myBean3" property="name" value="session"/> <jsp:setProperty name="myBean4" property="name" value="appplication"/> <h2>After</h2> </body> </html>

Déclaration et modification de variables
Scope Exemple (2) Déclaration et modification de variables <jsp:useBean id="myBean1" scope="page" class="fr.umlv.jsp.demo.MyBean"/> <jsp:useBean id="myBean2" scope="request" class="fr.umlv.jsp.demo.MyBean"/> <jsp:useBean id="myBean3" scope="session" class="fr.umlv.jsp.demo.MyBean"/> <jsp:useBean id="myBean4" scope="application" class="fr.umlv.jsp.demo.MyBean"/> <dl> <dt>myBean1 :</dt> <dd> <jsp:getProperty name="myBean1" property="name"/> </dd> <dt>myBean2 :</dt> <jsp:getProperty name="myBean2" property="name"/> <dt>myBean3 :</dt> <jsp:getProperty name="myBean3" property="name"/> <dt>myBean4 :</dt> <jsp:getProperty name="myBean4" property="name"/> </dl>

Scope Exemple (3) Valeurs des variables suivants le scope Reload
Session/application reste après reload page ne passe pas les include Reload

Objet implicitement déclaré
request (request) requête courante response (page) réponse courante pageContext (page) session (session) session courante application (application) out (page) écrivain sur la réponse config (page) config de la JSP page (page) équivalent à this. exception (page) exception dans les pages d’erreurs

La classe PageContext Permet de manipuler une variable quelque soit le scope : Object getAttribute(String name,int scope) void setAttribute(String name, Object o, int scope) void removeAttribute(String name,int scope) Scopes possibles : PAGE_SCOPE, REQUEST_SCOPE, SESSION_SCOPE, APPLICATION_SCOPE Recherche dans les scopes : Object getAttribute(String name) void setAttribute(String name, Object o) void removeAttribute(String name)

Initialiser une JSP

Récupération des erreurs
Plusieurs types d’erreurs : - erreurs de traduction (pas récupérable) - erreurs d’exécution (récupérable) Une page déclare posséder une page d’erreur Déclaration être une page d’erreur

Récupération des erreurs (2)
page errorPage="/error.jsp" %> <html> <body bgcolor="white"> <% // oops Object o=null; o.toString(); %> </body> </html> est une page d’erreur page isErrorPage="true" import="java.io.*" contentType="text/plain" %> <% exception.printStackTrace( new PrintWriter(out)); %> Redirige les erreurs vers la page error.jsp

Traduction Helloworld (2)
public class hello_jsp extends HttpJspBase { public void _jspService(HttpServletRequest request, HttpServletResponse response) throws java.io.IOException, ServletException { … try { _jspxFactory = JspFactory.getDefaultFactory(); response.setContentType("text/html;charset=ISO "); pageContext = _jspxFactory.getPageContext(this, request, response, null, true, 8192, true); application = pageContext.getServletContext(); config = pageContext.getServletConfig(); session = pageContext.getSession(); out = pageContext.getOut(); out.write("<html>\r\n "); out.write("<body bgcolor=\"white\">\r\n "); out.println("Hello World"); out.write("\r\n "); out.write("</body>\r\n"); out.write("</html>"); } catch (Throwable t) { pageContext.handlePageException(t); } finally { if (_jspxFactory != null) _jspxFactory.releasePageContext(pageContext); } } }

Interaction JSP/Servlet
Application web gérant un panier d’achat

Interaction JSP/Servlet (2)
Architecture de l’application Basket Article session new add/remove BasketActionServlet /add /remove getProductList Forward HTTP POST article="manteau" basket-product.jsp basket-list.jsp HTTP POST article="voiture" JSP Servlet JSP

Les classes Article et Basket public class Article { public Article(String name) { this.name=name; } public String getName() { return name; public int getPrice() { int price=0; for(int i=0;i<name.length();i++) price+=name.charAt(i); return price; public boolean equals(Object o) { return name.equals(((Article)o).name); public static String[] getProductList() { return new String[] { "manteau","velo","courgette", "edredon" }; } private String name; public class Basket { public void add(Article article) { list.add(article); } public void remove(Article article) { list.remove(article); public Iterator iterator() { return list.iterator(); private final ArrayList list=new ArrayList();

JSP : basket-product.jsp page import="java.util.*,fr.umlv.jsp.demo.*" %> <html><body bgcolor="white"> <h1>Ajouter un Article au Panier</h1> <table> <% String[] products=Article.getProductList(); for (int i=0;i<products.length;i++) { Article article=new Article(products[i]); %> <tr> <td><%= article.getName() %></td><td><%= article.getPrice() %></td> <td> <form enctype="application/x-www-form-urlencoded" action="add" method="POST"> <input type="hidden" name="article" value="<%= article.getName() %>"> <input type="submit" value="Ajouter"> </form> </td></tr> <% } %> </table> <a href="basket-list.jsp">Visualiser le panier</a> </body></html>

JSP : basket-list.jsp page import="java.util.*,fr.umlv.jsp.demo.*" %> <html><body bgcolor="white"> <h1>Contenu du Panier</h1> <jsp:useBean id="basket" class="fr.umlv.jsp.demo.Basket" scope="session"/> <% int total=0; %> <table> <% for (Iterator it=basket.iterator();it.hasNext();) { Article article= (Article) it.next(); %> <tr> <td><%= article.getName() %></td> <td><%= article.getPrice() %></td> <td> <form enctype="application/x-www-form-urlencoded" action="remove" method="POST"> <input type="hidden" name="article" value="<%= article.getName() %>"> <input type="submit" value="Enlever"> </form> </td> </tr> <% total+=article.getPrice(); } %> <tr> <td colspan="3"><hr></td> <td>Total</td><td><%= total %></td> </table> <a href="product-list.jsp">Liste des produits</a> </body></html>

La servlet BasketActionServlet public class BasketActionServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session=request.getSession(); Basket basket=(Basket)session.getAttribute("basket"); if (basket==null) { basket=new Basket(); session.setAttribute("basket",basket); } Article article=new Article(request.getParameter("article")); String uri=request.getRequestURI(); if (uri.endsWith("add")) basket.add(article); else basket.remove(article); getServletContext().getRequestDispatcher("/basket/basket-list.jsp"). forward(request,response); } }

Programmation Web Les JSP.

Présentations similaires

Présentation au sujet: "Programmation Web Les JSP."— Transcription de la présentation:

Présentations similaires

Notre projet

Feed-back

Entrer

S'autoriser via un réseau social:

Programmation Web Les JSP.

Présentations similaires

Présentation au sujet: "Programmation Web Les JSP."— Transcription de la présentation:

Présentations similaires

Notre projet

Feed-back