JEE 5 - JSF F.Pfister 2 institut eerie 2007-2008 Les technologies du web Servlets JSP MVC Model 1 : servlets + JSP MVC Model.

Présentation au sujet: "JEE 5 - JSF F.Pfister 2 institut eerie 2007-2008 Les technologies du web Servlets JSP MVC Model 1 : servlets + JSP MVC Model."— Transcription de la présentation:

1 JEE 5 - JSF F.Pfister (francois.pfister@ema.fr)

2 2 institut eerie 2007-2008 Les technologies du web Servlets JSP MVC Model 1 : servlets + JSP MVC Model 2 : un seule servlet + JSP Java Server Faces

3 3 institut eerie 2007-2008 JSF Actuellement le framework web standard Piloté par le jcp (Struts est open-source) Mis en oeuvre par des outils RAD À l'instar de delphi, visual-basic, swing Place la conception web au niveau d'ASP.net et Apple WebObject S'appuie sur l'expérience de Struts Utilise des taglibs

4 4 institut eerie 2007-2008 JSF Les éléments visuels de l'IHM sont produits par un arbre de composants côté serveur Méthodes événementielles et listeners Conversion et validation des données Extension et création de composants

5 5 institut eerie 2007-2008 JSF Navigation entre pages déclarative Internationalisation Package javax.faces Implémentation de référence Rendu des composants Html Flash (Laszlo) Xul Midlets (J2me) Svg pdf...

6 6 institut eerie 2007-2008 Le cycle de vie d'une requête Création de l'arbre de composants Extraction des données des différents composants de la page Conversion et validation des données Extraction des données validées et mise à jour du modèle Traitements des événements liés à la page Génération du rendu de la réponse

7 7 institut eerie 2007-2008 Le cycle de vie d'une requête

8 8 institut eerie 2007-2008 Le cycle de vie d'une requête Restore view: cette première phase permet au serveur de recréer l'arborescence des composants qui composent la page. Cette arborescence est stockée dans un objet de type FacesContext et sera utilisée tout au long du traitement de la requête. Apply Requests: dans cette étape, les valeurs des données sont extraites de la requête HTTP pour chaque composant et sont stockées dans leur composant respectif dans le FaceContext. Durant cette phase des opérations de convertions sont réalisées pour permettre de transformer les valeurs stockées sous forme de chaîne de caractères dans la requête http en un type utilisé pour le stockage des données. Process validations : une fois les données extraites et converties, il est possible de procéder à leur validation en appliquant les validators enregistrés auprès de chaque composant. Les éventuelles erreurs de convertions sont stockées dans le FaceContext. Dans ce cas, l'étape suivante est directement « Render Response » pour permettre de réafficher la page avec les valeurs saisies et afficher les erreurs

9 9 institut eerie 2007-2008 Le cycle de vie d'une requête Update model values : cette étape permet de stocker dans les composants du FaceContext leur valeur locale validée respective. Les éventuelles erreurs de convertions sont stockées dans le FaceContext. Dans ce cas, l'étape suivante est directement « Render Response » pour permettre de réafficher la page avec les valeurs saisies et afficher les erreurs Invoke Application: dans cette étape, le ou les événements émis dans la page sont traités. Cette phase doit permettre de déterminer quelle sera la page résultat qui sera renvoyée dans la réponse en utilisant les règles de navigation définie dans l'application. L'arborescence des composants de cette page est créée. Render Response : cette étape se charge de créer le rendu de la page de la réponse.

10 10 institut eerie 2007-2008 Configuration d'une application Identique à la structure d'une webapp classique à base de jsp-servlet Les requêtes *.jsf sont mappées sur la servlet javax.faces.webapp.FacesServlet Les bibliothèques jsf doivent être incluses dans l'application: jsf-api.jar jsf-ri.jar jstl.jar standard.jar common-beanutils.jar commons-digester.jar commons-collections.jar commons-logging.jar

11 11 institut eerie 2007-2008 Configuration d'une application Pour invoquer les jsp en utilisant le suffixe jsf mapper sur la servlet les url terminant par.jsf Faces Servlet *.jsf régler le suffixe par défaut de la servlet javax.faces.DEFAULT_SUFFIX.jsf

12 12 institut eerie 2007-2008 Configuration d'une application Le tag est obligatoire dans toutes pages utilisant JSF Le tag génère un tag HTML form qui définit un formulaire Les pages doivent référencer les taglibs JSF

13 13 institut eerie 2007-2008 Configuration d'une application Exemple

14 14 institut eerie 2007-2008 Configuration d'une application La première page d'une application doit être une page jsp classique L'initialisation des ressources et la définition de la navigation résident dans le fichier faces- config.xml

15 15 institut eerie 2007-2008 Structure de faces-config.xml

16 16 institut eerie 2007-2008 Les beans Chaque vue est une page jsp utilisant des composants jsf A chaque vue correspond un objet java Qui est une abstraction de la vue Qui joue le rôle de contrôleur Qui recèle le modèle du domaine On les appelle les Backing-beans

17 17 institut eerie 2007-2008 Les beans Le cycle de vie est géré par le framework La portée de l'objet: Request Session Application Il n'y a pas à se soucier de l'instanciation

18 18 institut eerie 2007-2008 Les beans – les expressions de liaison La syntaxe ressemble à EL de jsp Le délimiteur # remplace $ Les opérateurs: arithmétiques: + - * / % div mod comparaison: >= == != lt le gt ge eq ne logiques: && || ! and or not opérateur vide: empty (objet null, chaîne – tableau - collection vide) test: ? : (opérateur ternaire)

19 19 institut eerie 2007-2008 Les beans Les objets prédéfinis

20 20 institut eerie 2007-2008 Les composants visuels

21 21 institut eerie 2007-2008 Les composants visuels

22 22 institut eerie 2007-2008 Les composants de la taglib core

23 23 institut eerie 2007-2008 Les composants de la taglib core

24 24 institut eerie 2007-2008 Composants visuels: Les classes de base

25 25 institut eerie 2007-2008 JSF exemple avec la taglig html et core Mise en oeuvre de selectOneRadio (html) selectItems (core)

26 26 institut eerie 2007-2008 JSF exemple avec la taglig html et core La jsp Le bean dans faces-config

27 27 institut eerie 2007-2008 JSF exemple avec la taglig html et core Le backing-bean

28 28 institut eerie 2007-2008 Exemples jsp bean config

29 29 institut eerie 2007-2008 Les tags et Affichent des messages (erreur ou info) Information Warning Error Fatal affiche tous les messages affiche un seul message

30 30 institut eerie 2007-2008 Les tags et

31 31 institut eerie 2007-2008 Le tag Représente une liste de données

32 32 institut eerie 2007-2008 Le tag

33 33 institut eerie 2007-2008 Le tag

34 34 institut eerie 2007-2008 Le tag

35 35 institut eerie 2007-2008 Le tag Il y a deux actions qui sont mappées sur deux méthodes du backing-bean

36 36 institut eerie 2007-2008 Il reste à voir Les convertisseurs Les validateurs Le système de navigation La gestion des événements L'internationalisation La mise en oeuvre visuelle avec Netbeans