Programmation Web Avancée JSP

Transcription

1 1/50 Programmation Web Avancée JSP Thierry Hamon Bureau H202 - Institut Galilée Tél. : Bureau 150 LIM&BIO EA 3969 Université Paris 13 - UFR Léonard de Vinci 74, rue Marcel Cachin, F Bobigny cedex Tél. : , Fax. : thierry.hamon@univ-paris13.fr

2 2/50 Introduction Pages HTML dynamiques créées lors de la requête Code à exécuter inclus dans la page HTML Gestion de la partie dynamique coté serveur : server side include Principe général (coté serveur Web) : Réception d une requête Passage au programme qui traite la partie de la page le concernant Génération de la partie dynamique de la page par le programme Renvoi de l ensemble de la page HTML créée au client Web

3 3/50 Introduction Java Server Page (JSP) Page HTML contenant du code Java (extension.jsp) Division entre la présentation générale réalisée par des graphistes et la partie dynamique réalisée par des programmeurs Java Principe : conversion des pages HTML en servlet Traitement de la serlet par le moteur Java intégré au serveur Web Renvoie de la page générée

4 4/50 JSP et Servlet JSP : Page HTML contenant du code Java Partie statique de la page Web Rôle : Inclusions d autres JSP / intégration de composants Appel à des JavaBeans Utilisation de taglibs Servlet : Code Java contenant des données HTML Partie dynamique de la page Web Rôle : Aiguillage des données Accès aux autres méthodes que celles de service Définition d autres méthodes Globalement, répartition en fonction du volume de code Java et HTML, et de la couche dans laquelle on se trouve

5 5/50 JSP et Servlet Architecture globale (n-tiers) ( tomcat.php?rub=25)

6 6/50 Architecture MVC Modèle : données accédées par le code Java (JDBC, RMI, EJB,...) Vue : JSP Contrôleur : servlets

7 7/50 Architecture MVC Dialogie servlet/jsp Lancement de la JSP dans la servlet : p u b l i c v o i d dopost ( HttpServletRequest request, HttpServletResponse response ){ S e r v l e t C o n t e x t c o n t e x t = g e t S e r v l e t C o n t e x t ( ) ; // h e r i t e e de G e n e r i c S e r v l e t R e q u e s t D i s p a t c h e r d i s p a t c h e r = context. getrequestdispatcher ( /mapagemiseenforme. j s p ) ; d i s p a t c h e r. f o r w a r d ( r e q u e s t, r e s p o n s e ) ; } Passage de valeurs à la JSP par la servlet (setattribute()) : p u b l i c v o i d dopost ( HttpServletRequest request, HttpServletResponse response ) { // a p p e l des methodes s u r l e s o b j e t s A r r a y L i s t t h e L i s t = // un o b j e t a p a s s e r // ajoute a l a requete r e q u e s t. s e t A t t r i b u t e ( nomdelobjet, t h e L i s t ) ; ServletContext context = getservletcontext ( ) ; R e q u e s t D i s p a t c h e r d i s p a t c h e r = c o n t e x t. g e t R e q u e s t D i s p a t c h e r ( / j s p A A p p e l e r. j s p ) ; d i s p a t c h e r. f o r w a r d ( r e q u e s t, r e s p o n s e ) ; }

8 8/50 Architecture MVC Dialogie servlet/jsp Extraction par la JSP des objets de la requête (getattribute()) : <% A r r a y L i s t t h e L i s t = ( A r r a y L i s t ) r e q u e s t. g e t A t t r i b u t e ( nomdelobjet ) ; %>

9 9/50 Exemple de JSP Date.jsp : <html><head><t i t l e >Obtenu par une JSP</ t i t l e ></head> <body> <h3>exemple de JSP </h3> <hr> Date du j o u r&nbsp ; : <%= new j a v a. u t i l. Date ( ) %> </body> </html> Traitement de Date.jsp lorsque le client demande l URL

10 10/50 Moteurs JSP et servlet Moteur : nécessaire à l exécution des JSP et servlet Intégration du moteur au serveur Web Plugins pour serveur Web : JRUN ( Jserv java.apache.org/ connecteur et moteur de servlet, Tomcat ( Serveurs Web : Jetty IBM WebSphere

11 11/50 Tomcat Projet d Apache issu de Jakarta Référence en matière de moteurs de servlets Disponible sur plateforme UNIX et Windows Composants : Serveur web : Apache Connecteur : mod_jk (Jakarta) + AJP13 Moteur de servlets : Catalina Compilateur de JSP : Jasper Exemples de JSP :.../webapps/examples/jsp/index.html

12 12/50 Exécution d une JSP Stockage des pages JSP dans un endroit particulier du serveur Web Tomcat : REP_INSTAL_TOMCAT/webapps/examples/jsp/Date.jsp ( Exécution de <html><head><t i t l e >Obtenu par une JSP</ t i t l e ></head> <body> <h3>exemple de JSP </h3> <hr> Date du j o u r&nbsp ; : <%= new j a v a. u t i l. Date ( ) %> </body> </html> affiche la date courante. Une autre exécution affiche une autre date

13 13/50 Exécution d une JSP Déroulement Construction par le moteur de JSP d une servlet (Traduction de la JSP) _0002fjsp_0002fdate_0002ejspdate_jsp_0.java dans le répertoire REP_INSTALL_TOMCAT/work/localhost_8080/examples Compilation et exécution de la servlet

14 14/50 Exécution d une JSP Servlet construite package j s p ;... p u b l i c c l a s s f j s p f j s p f d a t e e j s p d a t e j s p 1 extends HttpJspBase {... p u b l i c v o i d j s p S e r v i c e ( HttpServletRequest request, HttpServletResponse r e s p o n s e ) throws IOException, S e r v l e t E x c e p t i o n {... j s p x i n i t ( ) ;... pagecontext = j s p x F a c t o r y. getpagecontext (... ) ; s e s s i o n = pagecontext. g e t S e s s i o n ( ) ; out = pagecontext. getout ( ) ; // HTML // b e g i n [ f i l e = /... / examples / j s p / d a t e. j s p ; from = ( 0, 0 ) ; to = ( 4, 2 4 ) ] out. w r i t e ( <html><head><t i t l e >Obtenu par une JSP</ t i t l e ></head>\r \n <body>\r \n\ r \n<h3>bonjour de ma part </h3> < hr>\r \n La d a t e c o u r a n t e e s t : ) ; // end // b e g i n [ f i l e = /... / examples / j s p / d a t e. j s p ; from =(4,27) to =(4, 4 9 ) ] out. p r i n t ( new j a v a. u t i l. Date ( ) ) ; // end // HTML // b e g i n [ f i l e = /... / examples / j s p / d a t e. j s p ; from = ( 4, 5 1 ) ; to = ( 6, 7 ) ] out. w r i t e ( \ r \n</body>\r \n</html> ) ; // end... } }

15 15/50 Exécution d une JSP Processus d exécution de la JSP Requête du client la servlet associée à la JSP demandée est elle chargée dans la mémoire du moteur de servlet? Oui Non Oui la servlet précomilée est elle disponible? Non Traduction de la JSP en servlet et la compiler Oui Le fichier JSP a t il été modifié depuis la dernière traduction de la servlet? Non Cherger la servlet Réponse au client Exécuter la servlet Conteneur de JSP

16 16/50 Description d une servlet Définition d une servlet : implémentation Java d un mécanisme requête/réponse, conçue indépendemment des protocoles Possibilité d encapsulation de données dans des objets génériques (requête, réponse, contexte) des objets spécifiques au protocole HTTP (méthode, type MIME, headers, session, cookies) Objet Java dans un conteneur (Mappage de la servlet à une URL sur le serveur sans accès direct)

17 17/50 API servlet Paquetages Java : javax.servlet, javax.servlet.http Méthodes : de gestion du cycle de vie de service

18 18/50 API servlet Méthodes de gestion du cycle de vie Paquetage javax.servlet.genericservlet : appelées par le conteneur après instanciation et en fin de service) permettant les traitements spécifiques à l application : Chargement et déchargement des données de configuration, mise en place de services annexes (logs, etc.) public void init(servletconfig config) throws ServletException : nécessite un appel à super.init(config) en surchageant la méthode. public void init( ) throws ServletException public void destroy( )

19 19/50 API servlet Méthodes de service Traitement de la requête et génération de la réponse Implémentation différente avec/sans protocole HTTP GenericServlet propose une seule méthode (abstraite) de service, nécessitant une surcharge : paquetage javax.servlet.genericservlet p u b l i c abstract void s e r v i c e ( S e r v l e t R e q u e s t req, S e r v l e t R e s p o n s e r e s ) throws S e r v l e t E x c e p t i o n, IOException

20 20/50 API servlet Méthodes de service HttpServlet propose une méthode (de classe) par méthode HTTP, nécessitant la surchage d une des méthodes de service : paquetage javax.servlet.http.httpservlet protected void doget ( H t t p S e r v l e t R e q u e s t req, H t t p S e r v l e t R e s p o n s e r e s p ) throws S e r v l e t E x c e p t i o n, IOException protected void dopost ( H t t p S e r v l e t R e q u e s t req, H t t p S e r v l e t R e s p o n s e r e s p ) throws S e r v l e t E x c e p t i o n, IOException Autres méthodes : dodelete, dohead, dooptions, doput, dotrace

21 21/50 API servlet Méthodes d accès aux données encapsulées Accès à travers les objets requête et réponse passés en paramètres des méthodes de service : ServletRequest : getparameter ServletResponse : getwriter HttpServletRequest : getcookies, getheader, getmethod, getsession HttpServletResponse : addcookie, addheader, senderror, sendredirect

22 22/50 Exemple de code de servlet protocole HTTP import j a v a x. s e r v l e t. ; import j a v a x. s e r v l e t. h t t p. ; public c l a s s N e w S e r v l e t extends H t t p S e r v l e t { p u b l i c v o i d i n i t ( S e r v l e t C o n f i g c o n f i g ) throws S e r v l e t E x c e p t i o n { s u p e r. i n i t ( c o n f i g ) ;... } p u b l i c v o i d d e s t r o y ( ) {... } } p r o t e c t e d v o i d doget ( HttpServletRequest request, HttpServletResponse response ) throws ServletException, IOException { r e s p o n s e. s e t C o n t e n ttype ( t e x t / html ) ; P r i n t W r i t e r out = response. getwriter ( ) ; out. p r i n t l n ( <html><head><t i t l e >H e l l o page</ t i t l e ></head> ) ; out. p r i n t l n ( <body><h1>h e l l o + r e q u e s t. g e t P a r a m e t e r ( name ) + </h1></body></html> ) ; } protected void dopost ( HttpServletRequest request, HttpServletResponse response ) throws S e r v l e t E x c e p t i o n, I O E x c e p t i o n {... }

23 23/50 Réflexion sur l utilisation des servlet Avantages : composants simples : Classes Java pratiques : Code minimum (uniquement gestion du cycle de vie et du traitement de la requête prise en charge des autres aspects par le conteneur) sûrs : isolation du serveur par le conteneur. Inconvénients : Production de la réponse peu pratique : Beaucoup de out.println( ) Difficulté de compréhension du code HTMl généré

24 24/50 Description d une JSP Principe :Rédaction d une page Web dynamique comme si elle était statique, en incluant que le code nécessaire Fonctionnalités identiques à HttpServlet : Mécanisme de requête/réponse avec accès aux mêmes données et objets qu une servelet, et possibilité d inclusion ou de redirection de la requête version une autre JSP ou servlet Spécificité du protocole HTTP : Génération de différents types de contenus : HTML, XML, SVG, etc. Gestion des méthodes, headers, cookies, sessions, etc.

25 25/50 Description d une JSP Format des JSP (X)HTML standard Scripts permettant l inclusion de code Java avec Bibliothèques de tags spécifiques Définition de balises personnalisées Code Java directement traité par la machine virtuel Java du serveur

26 26/50 Description d une JSP API JSP Paquetages : javax.servlet.jsp, javax.servlet.jsp.el, javax.servlet.jsp.tagext Méthodes identiques à celles de l API servlet pour la gestion du cycle de vie et le service

27 27/50 Description d une JSP Syntaxe d une JSP 2 syntaxes standards : XML avec plusieurs espaces de noms (jsp, ou définis par l utilisateur JSTL, etc.) Expression language (voir plus loin) Possibilité de les combiner

28 28/50 Description d une JSP Une JSP est composée de 3 parties : Scriptlets <% %> Déclarations <%! %> Expressions <%= %>

29 29/50 Scriptlets Balises : <% code %> Inclusion de code Java dans la page Syntaxe XML : <j s p : s c r i p t l e t > r e s p o n s e. s e t C o n t e n t T y p e ( t e x t / p l a i n ) ; </j s p : s c r i p t l e t > Syntaxe script : <% r e s p o n s e. s e t C o n t e n t T y pe ( t e x t / p l a i n ) ; %> Exemple : <% %> S t r i n g [ ] l a n g a g e s = { Java, C++, S m a l l t a l k, Simula 67 }; out. p r i n t l n ( <h3>p r i n c i p a u x l a n g a g e s o r i e n t e s o b j e t s : </h3> ) ; f o r ( i n t i =0; i < l a n g a g e s. l e n g t h ; i ++) { out. p r i n t l n ( <p> + l a n g a g e s [ i ] + </p> ) ; }

30 30/50 Balises : <%! %> Déclarations Code Java Définition de méthodes ou de données Insertion dans le corps de la servlet Syntaxe XML : <j s p : d e c l a r a t i o n > private i n t n o m b r e E t u d i a n t s = 2 3 ; </j s p : d e c l a r a t i o n > Syntaxe script : <%! private i n t n o m b r e E t u d i a n t s = 2 3 ; %> Exemple : <%! i n t random4 ( ) { r e t u r n ( i n t ) ( Math. random ( ) 4 ) ; } %>

31 31/50 Balises : <% code %> Expression Expression Java insérées dans le code de la page Expressions évaluées, renvoyant un objet String ou un type primitif Syntaxe XML <j s p : e x p r e s s i o n > new j a v a. u t i l. d a t e ( ) </j s p : e x p r e s s i o n > Syntaxe script <%= new j a v a. u t i l. d a t e ( ) %> Equivalent à <% out. p r i n t l n ( new j a v a. u t i l. d a t e ( ) ) ; %>

32 32/50 Directives Balises : <%@ code %> Regroupement des informations globales relatives à la page 3 types : page : modification des données de la page (importation de paquetages, gestion des sessions, etc. <%@ page import= j a v a. u t i l. %> include : inclusion de fichiers, de jsp ou de servlets <%@ i n c l u d e page= /monjsp. j s p f l u s h= t r u e %> taglib : utilisation de bibliothèques de balises personnalisées <%@ t a g l i b u r i=... p r e f i x=... %>

33 33/50 Objets prédéfinis dans une JSP out : flux de sortie request : objet correspondant à la requête (HttpServletRequest) response : objet correspondant à la réponse (HttpServletResponse) Mais aussi : session, application, page

34 34/50 Exemple de JSP comptabilisation du nombre d appels de la page <html> <head><t i t l e >D e c l a r a t i o n s e t e x p r e s s i o n s </ t i t l e ></head> <body> <h1>d e c l a r a t i o n s JSP</h1> <%! private i n t a c c e s s C o u n t = 0 ; %> <p>cette page a ete accedee <%= ++accesscount %> f o i s depuis l e demarrage du serveur </p> </body> </html>

35 35/50 Exemple complet <html><head><t i t l e >JSP complet </ t i t l e ></head> <body> <%! S t r i n g [ ] l a n g a g e s = { Java, C++, S m a l l t a l k, Simula 67 }; i n t random4 ( ) { r e t u r n ( i n t ) ( Math. random ( ) 4 ) ; } %> <p>parmi t o u s l e s l a n g a g e s o r i e n t e s o b j e t s :</p> <ol> <% f o r ( i n t i =0; i < l a n g a g e s. l e n g t h ; i ++) { out. p r i n t l n ( <l i > + l a n g a g e s [ i ] + </ l i > ) ; } %> </ol> <p>le p r o c h a i n l a n g a g e que j a p p r e n d s e s t <b><%= l a n g a g e s [ random4 ( ) ] %> </b></p> </body> </html>

36 36/50 Enchainement de pages Appel d une JSP par une autre : <j s p : forward page= pagesuivante /> NB : Après un <jsp:forward> le traitement est entièrement pris en charge par la nouvelle page Exemple <% S t r i n g r e p U t i l i s a t e u r = r e q u e s t. g e t P a r a m e t e r ( r e p T e x t F i e l d ) ; i n t r e p = I n t e g e r. p a r s e I n t ( r e p U t i l i s a t e u r ) ; i f ( ( r e p % 2) == 0) { %> <j s p : f o r w a r d page= gagne. j s p /> <% } e l s e { %> <j s p : f o r w a r d page= perdu. j s p /> <% } %> C e t t e l i g n e ne s a f f i c h e j a m a i s!

37 37/50 JSP et JavaBeans Objectif de l utilisation des JavaBeans : écrire le moins de code possible dans une JSP Sous-traitement du code Java par un JavaBean Définition d un JavaBean : <j s p : usebean id= nominstancejavabean c l a s s= nomclassedubean s c o p e= r e q u e s t s e s s i o n a p p l i c a t i o n page >... </j s p : usebean> Utilisation : Accès à l aide de l identifiant nominstancejavabean Balise sans corps <jsp:usebean... />

38 38/50 JSP et JavaBeans Attribut scope Indication de la portée du JavaBean request : Bean valide pour la requête et utilisable dans les pages de redirection de la requête. Destruction à la fin de la requête. page (portée par défaut) : similaire à request mais sans transmission aux pages de redirection. session : Bean valide pour la session courante (créé s il n existe pas et associé à la session). Réutilisation jusqu à l invalidation de la session. application : Bean valide pour l application courante (une création et partage par tous les clients des JSP).

39 39/50 JSP et JavaBeans Exemple Bean : p u b l i c c l a s s SimpleBean implements j a v a. i o. S e r i a l i z a b l e { private i n t compter ; p u b l i c SimpleBean ( ) { compter = 0 ; } public void setcompter ( i n t thevalue ) { compter = thevalue ; } p u b l i c i n t getcompter ( ) { r e t u r n compter ; } p u b l i c v o i d increment ( ) { compter++; } }

40 40/50 JSP et JavaBeans Exemple JSP (extrait) : <p> on repere l e bean par l e nom nombean<br> <j s p : usebean i d= nombean c l a s s= SimpleBean s c o p e= s e s s i o n > </j s p : usebean> <p> On a c c e d e a une p r o p r i e t e avec une e x p r e s i o n : <br> compteur = <%= nombean. getcompter ( ) %> <hr> On incremente l e compteur <% nombean. increment ( ) ; %> <p>on peut a c c e d e r Ã l a p r o p r i e t e par une b a l i s e :<br> <j s p : getproperty name= nombean property= compter />

41 41/50 JSP et JavaBeans Utilisation Accès à l aide du nom Récupération des propriétés : Appel à la méthode associée getxxx() Balise <jsp:getproperty...> Postionnement des propriétés : Appel à la méthode associée setxxx() Balise <jsp:setproperty...>

42 42/50 Bibliothèques de tags Survol Prise en charge de fonctionnalités sans écrire de code Java Liaison à des classes Java, mappage des tags à l exécution Exemples (Java Standard Tag Library JSTL) : Core : XML : <%@ t a g l i b p r e f i x= c u r i= h t t p : / / j a v a. sun. com/ j s p / j s t l / c o r e %> <%@ t a g l i b p r e f i x= x u r i= h t t p : / / j a v a. sun. com/ j s p / j s t l / xml %> Internationalisation : SQL : <%@ t a g l i b p r e f i x= fmt u r i= h t t p : / / j a v a. sun. com/ j s p / j s t l / fmt %> <%@ t a g l i b p r e f i x= s q l u r i= h t t p : / / j a v a. sun. com/ j s p / j s t l / s q l %> Fonctions : <%@ t a g l i b p r e f i x= f n u r i= h t t p : / / j a v a. sun. com/ j s p / j s t l / f u n c t i o n s %>

43 43/50 Bibliothèques de tags Survol Autres : <%@ t a g l i b u r i= h t t p : / / j a k a r t a. apache. org / s t r u t s / tags bean p r e f i x= bean %> <%@ t a g l i b u r i= h t t p : / / j a k a r t a. apache. org / s t r u t s / tags html p r e f i x= html %> <%@ t a g l i b u r i= h t t p : / / j a k a r t a. apache. org / s t r u t s / tags l o g i c p r e f i x= l o g i c %> Définis par l utilisateur : voir http: //jakarta.apache.org/taglibs/site/tutorial.html

44 44/50 Expression language JSP 2.1 (mai 2006) : Unified EL (commun avec les JSF) Utilisation dans les attributs des tags JSP ou dans le corps de la page Syntaxe générale : ${expression_el} Exemple : <c : foreach var= customer items= ${ customers} Customer : <c : out v a l u e= ${customer} /> </c : foreach>

45 45/50 Accès aux : Expression language Description objets de la page : ${monbean} propriétés des beans : <c:out value="${monbean.nom}" /> opérateurs, fonctions variables, etc. objets implicites (composants d une page JSP ) : pagecontext, initparam, param, paramvalues, header, headervalues, cookie, pagescope, requestscope, sessionscope, applicationscope Exemple : ${ h e a d e r [ User Agent ]}

46 46/50 Expression language Description Types primaires : Conversion en objet du type de la classe wrapper correspondante (java.lang.long, java.lang.string, etc.) Opérateurs unaires et binaires classiques Suppression de l interprétation des EL : Dans toute la page : <%@ page iselignored="false" %> Ponctuellement : ${pas interprété comme une EL }

47 47/50 Packaging et déploiement Création d un fichier.war (Web Archive) Contenu du fichier : Fichiers Web de l application (HTML, JSP, js, css...) Fichiers de configuration : Répertoire META-INF (fichier MANIFEST.MF : informations sur l archive) Contenu de l application : Répertoire WEB-INF Descripteur de déploiement : web.xml Répertoire classes : autres classes de l application (beans, etc.) Répertoire lib : bibliothèques supplémentaires (jars) optionnel Répertoire src : sources Java optionnel

48 48/50 Packaging et déploiement Objectif : Exécution d une application par un conteneur Web Dépôt dans le répertoire dédié du serveur (webapps pour Tomcat) Lecture des fichiers.war au (re)démarrage du serveur : Analyse du fichier.war et des paramètres de configuration du descripteur de déploiement Création du répertoire correspondant dans webapps Mapage des URL de l application vers le répertoire créé Autres méthodes de déploiement : org/tomcat-6.0-doc/appdev/deployment.html

49 49/50 Conclusions Utilisation des JSP avec d autres techniologies Web : CSS, JavaScript, XML, AJAX, etc. Technologies complémentaires : JSF, EJB Importance de la réflexion sur la structure de l application Utilisation de frameworks : Aide à la mise en place de services complexes et assurance de rigueur dans le développement

50 50/50 Bibliographie JSP : et Technologie Apache/Tomcat : JSTL et EL : technicalarticles/javaserverpages/faster/