GUYOT Amandine Compte Rendu TP2 Introduction A JAVA et Web Application avec JSP

Transcription

1 Compte Rendu TP2 Introduction A JAVA et Web Application avec JSP Le but de se deuxième TP étant d analyser l architecture de bookstore6 comme si c était nous qui l avions élaborée : - mise en forme - sécurité - internationalisation Nous avons adapté cette application à un restaurant en ligne. Pour développer ce compte rendu, nous suivrons l enchaînement de la feuille de TP distribuée. I) Analyse du HitCounterFilter Le HitCounterFilter est un filtre auquel est associé le fichier de déploiement Web.xml. Ce filtre permet le choix de la langue. II) Analyse de JSP Une page utilisant les Java Server Pages est exécutée au moment de la requête par un moteur de JSP, fonctionnant généralement avec un serveur Web ou un serveur applicatif. Le modèle des JSP étant dérivé de celui des servlets (en effet les JSP sont un moyen d'écrire des servlets), celle-ci est donc une classe Java dérivant de la classe HttpServlet, et utilisant les méthodes doget() et dopost() permettant de renvoyer une réponse par le protocole HTTP. Lorsqu'un utilisateur appelle une page JSP, le serveur Web appelle le moteur de JSP qui crée un code source Java à partir du script JSP, compile la classe afin de fournir un fichier compilé (d'extension.class), c'est-à-dire qu'il constitue en fait une servlet à partir du script JSP... Analyse de la JSP index dans application date o Cette application affiche la date dans la langue du pays. o Au début de la jsp, on invoque une classe en local on fait référence à «mypkg.mylocales». o Lorsque l on écrit une commande c tel que «<c :choose>» c est qu on utilise quelque chose appartenant à la librairie C. 1

2 o Cette jsp est transformée dans servlet, on utilise doget et dopost. o On invoque aussi une autre classe, «MyDate». Analyse de bookstore 2 o Nous avons effectué le déploiement et la compilation des books, pour apercevoir l application. Cette opération nous a permis de voir les fichiers.java (les servlets) et leurs versions compilées dans un dossier spécifique. o Puis nous avons changé la langue de l application en français dans web.xml de bookstore deux par : <paramvalue>com.sun.bookstore.messages.bookstoremessages_fr_fr</para m-value> o Et nous avons aussi changé le fichier BookstoreMessages_fr_FR.class pour qu il s adapte à notre application pour le restaurant en ligne (par exemple quand il y avait écrit «livre» on mettait «aliment»). o Nous avons vu en détail les jsp : - bookstore.jsp affiche la page de présentation des aliments, introduis par le message «what» puis le code JSP placé dans l'action <jsp:usebean> est exécuté si le bean est créé. jsp:setproperty modifie un JavaBean dans une page JSP en récupérant la valeur d'un paramètre : jsp:usebean id="bookdb" par jsp:setproperty name="bookdb". Cette page permet d accéder soit à bookdetails.jsp soit à bookcatalog.jsp. - bookcashier.jsp montre le montant des achats par «amount» et avec «purchase» demande des informations pour pouvoir acheter les articles du panier ce qui nous fait aller sur la page bookreceipt.jsp. Puis c est ici que l on doit saisir nos informations. Par les messages «Name» & «CCNumber». o Nous avons modifié le Prelude.jspf qui correspond au banner de toute l application : font size="+3" color="#cc0066">ben & nut's </font> 2

3 <img src="../template/restaurant.books.gif" alt="bennuts holding restaurants"> <font size="+3" color="black">restaurantstore</font> Voici un aperçu de notre première page : o En ce qui concerne la base de données, nous n avons rien change par rapport au Tp précèdent, voila ce que cela donne : INSERT INTO WEB_BOOKSTORE_BOOKS VALUES('201', 'Duke', '', 'Canard à l orange', 30.75, 0, 1995, 'What a cool cook.', 20); o Dans le dossier C:\javaetutorial5\examples\web\bookstore2\web\books les fichiers de configuration des pages du site permettent de modifier la couleur, la mise en place, les événements, la gestion du panier On a donc rajouté pour chaque plat une image correspondante sur laquelle on peut cliquer. <c:url var="url" value="/books/bookdetails" > <c:param name="bookid" value="${bookid}" /> </c:url> <a href="${url}"><strong><img src="../template/${book.bookid}.jpg">book.title} </stro ng></a></td> Chaque image de chaque aliment est nommée suivant L ID du plat. 3

4 Voila pour les modifications principales. III) Sécurisation Analyse de la sécurité de hello formauth Dans le web.xml, les pages à protéger et les rôles nécessaires pour y accéder sont déclarés dans des balises security-constraint. Une balise display-name permet de définir le nom de la contrainte pour sa gestion par des outils tiers. Les pages se déclarent au moyen de la balise webresource-collection qui contient une balise web-resource-name et une ou plusieurs balises url-pattern qui indiquent le motif des URL protégées (avec ou sans utilisation de jokers). La web-resource-collection est suivie par une balise auth-constraint qui donne les rôles à avoir et, éventuellement, les méthodes HTTP nécessitant une authentification (si aucune n'est précisée, elles en nécessitent toutes une). Notez que l'utilisateur doit disposer d'un des rôles spécifiés pour pouvoir accéder à la ressource. À la suite de la balise security-constraint, une balise loginconfig définit la façon dont s'effectue la connexion. Une balise realmname indique le nom de la zone protégée (ce que vous voulez) et une balise auth-method définit le type de connexion : FORM l'authentification est effectuée via un formulaire créé par le développeur Les rôles utilisés au sein de la balise auth-constraint doivent être déclarés au préalable par le biais de balises security-role (une par rôle). Sécurisation de bookcashier dans bookstore2 On a donc sécurisé bookcashier et on a créé Logon et Logon error. Et au niveau du serveur on a rajouté les mots de passe et login dans l onglet sécurité realms-file-manage users. IV) Internationalisation Choix de la langue dans bookstore 6 en partant de index.jsp Dans le fichier index.jsp, on fait appelle à chooselocale.jsp où les personnes peuvent interagir avec l application. Tout d abord les codes qui suivent se trouvent dans des balises de «formulaire» view et form <f:view> <h:form> pour inclure un ou plusieurs bouton ou hyperlien pour valider le formulaire. Pour commencer on peut choisir le langue de l application, puis sur l application apparaît une image du monde, où si l on passe dessus avec la souris, certains pays changent de couleur. Si on clique sur ces pays, cela change la langue de l application. Par exemple, si la souris est sur le France, cela 4

5 correspond à onmouseover="/template/world_france.jpg où l image du monde change de couleur au niveau de la France. Pour faire apparaître les images, on utilise «graphicimage» <h:graphicimage id="mapimage" url="/template/world.jpg" alt="#{bundle.chooselocale}" usemap="#worldmap" /> où url représente le chemin de l image, alt est une alternative de texte qui apparaît quand l utilisateur passe avec la souris sur l image. Ici alt fait référence à la localisation des messages. Et usemap fait référence à l image «monde». Dans le cas contraire on a ceci onmouseout="/template/world.jpg avec la carte du monde normale. 5

6 <bookstore:area id="france" value="#{fraa}" onmouseover="/template/world_france.jpg" onmouseout="/template/world.jpg" targetimage="mapimage" /> Cette application ne fait appelle à aucun Actionlistener implémenté, par contre en utilisant commandlink, on se référence vers un ActionListenner implémenté grâce à un bean. Si on clique sur un pays : <h:commandlink id="france" action="bookstore" actionlistener="#{localebean.chooselocalefromlink}"> <h:outputtext value="#{bundle.french}" /> </h:commandlink> L actionlistenner de l événement référence à chooselocalefromlink qui remarque l événement cliqué par l hyperlien renvoyé par cet événement. La commande «commandlink» représente en HTML un hyperlien, qui dans les balises HTML est utilisé pour valider une «action» d un événement d une application. Cette commande implique un «outputtext» qui représente le texte que l utilisateur à cliquer pour générer l événement. La balise suivante est de chooselocale.jsp, une page de notre restaurant en ligne, notre application. Le fait de cliquer sur l un des pays, nous fait faire une action «bookstore» ce qui correspond au fichier bookstore.jsp. Dans celui-ci on fait appelle à «bundle» <f:loadbundle var="bundle" basename="com.sun.bookstore.messages.bookstoremessages"/> <h:form> <p><b><h:outputtext value="#{bundle.what}"/></b></p> «basename» spécifie la classe RessourceBundle qui est localisée dans «messages» package de bookstore. «var» est un alias désignant la classe RessourceBundle, alias utilisé par d autres balises pour accéder à a localisation des «messages» 6

7 Si on va dans le fichier BookstoreMessages.java, on observe public class BookstoreMessages extends ListResourceBundle Donc on utilise une extension de bundle. Donc dans le fichier chooselocale.jsp quand on fait appelle à <h:outputtext value="#{bundle.french}" /> dans le bundle.french on passe en paramètre la langue du fichier à utiliser. Ici le français. En fait la ressource bundle utilise une valeur qui montre la localité de la valeur de l information. Quand on va dans bookstore.jsp on nous laisse la possibilité d aller soit vers bookdetails.jsp soit bookcatalog.jsp. - Dans bookdetails.jsp on décrit l objet sélectionné et on peut retourner dans catalogue (bookcatalog.jsp). - Et dans bookcatalog.jsp on peut aussi cliquer pour acheter ses articles, vider son panier, voir son panier (voir le montant total et le nombre d articles), ou de retourner sur la page affichant tous les articles à emporter. C est d ailleurs à ce dernier point qu on a rajouté les images de chaque plat dans le fichier bookcatalog.jsp, à ce niveau : <td class="list-column-left"><img src="template/bookid.jpg"> <h:commandlink action="#{catalog.details}" value="#{book.title}"> <f:setpropertyactionlistener target="#{requestscope.book}" value="#{book}"/> </h:commandlink></td> 7

8 V) Conclusion Ce TP nous a permis de mieux cerner le «monde» des jsp. En particulier avec les exemples de sécurisation et d internationalisation. Le fait d adapter une application à soit permet de comprendre comment elle fonctionne. 8