La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Plan Cest quoi JSF ? Cest quoi JSF ? Comment ça marche ? Comment ça marche ? Détail de fonctionnement - configuration Détail de fonctionnement - configuration.

Présentations similaires


Présentation au sujet: "Plan Cest quoi JSF ? Cest quoi JSF ? Comment ça marche ? Comment ça marche ? Détail de fonctionnement - configuration Détail de fonctionnement - configuration."— Transcription de la présentation:

1

2 Plan Cest quoi JSF ? Cest quoi JSF ? Comment ça marche ? Comment ça marche ? Détail de fonctionnement - configuration Détail de fonctionnement - configuration Le développement Le développement Demo Demo

3 Bref Historique Divergences d'approche selon les éditeurs. Plus grande séparation des concepts. doù vient lidée de JSF? -Problème : Comment concevoir une application Web de la même façon qu'une application traditionnelle -Plusieurs solutions existent : WebForms : Microsoft Struts : Apache JSF : Sun SunOpen-sourceMicrosoft ServletPHP,PERL,etc…ASP 1998JSP MVC ASP.NET, WebForms 2000Struts 2004JSF

4 Cest quoi JSF?

5 Java Server Faces est un Framework d'interface utilisateur coté serveur pour les applications webs permettant de respecter le modèle darchitecture MVC, basé sur les technologies JSP, Servlets, Xhtml.... Définie au sein dune Java Specification Request (JSR) émise par la Java Community Process (JCP). - JSF est actuellement en version 1.2 ( JSR 252). - Les spécifications de la version 1.0 et 1.1 étaient définies dans la JSR La version 2.0 est en cours dutilisation via la JSR Jsf 2.0 est integree dans NetBeans 6.8 Quest ce que JSF?

6 Le but de JSF est d'accroître la productivité des développeurs dans le développement des interfaces utilisateur tout en facilitant leur maintenance. But de JSF?

7 JSF est le fruit de la communauté Java via le JCP. Le développement de JSF suit donc la même procédure que les autres technologies Java comme JSP, Servlets, EJB,.... Cette procédure consiste pour une version donnée de la technologie, en une phase de spécification puis une phase d'implémentation quasiment parallèle. JSF fait partie de J2EE 1.4. Quelle place dans Java/J2EE ?

8 JSF sappuie sur les technologies précédentes: Génération en Servlet Utilisation des composants JSF dans les pages JSP Les composants JSF sont exposés aux JSPs grâce aux balises personnalisés

9 Pourquoi utiliser JSF ? Pourquoi utiliser JSF ? JSF est un standard J2EE. Le support de JSF par les éditeurs J2EE est obligatoire. Actuellement, les plus grands éditeurs Java annoncent ou proposent une intégration de JSF dans leurs IDEs: ( Environnement de développement intégré) comme NetBeans, Eclipse,… Il existe plusieurs frameworks webs Java dédiés au développement d'interfaces utilisateur mais aucun n'est un standard et va aussi loin que JSF. Il bénéficie de concepts déjà éprouvés par Java 2 et J2EE (composants graphiques Swing, modèle événementiel, JSP, Servlets) et des apports de Struts dont le concepteur, Craig Mac Clanahan, est aussi le co leader et principal développeur de JSF.

10 JSF permet : une séparation nette entre la couche de présentation et les autres couches un mapping entre lHTML et lObjet un modèle riche de composants graphiques réutilisables une gestion de l'état de l'interface entre les différentes requêtes: - Létat peut changer chez le client entre 2 requêtes - JSF prend en charge la gestion de cet état Voyons lexemple de gestion détat: Les Avantages Les Avantages

11 Exemple dévénements AccepterX EVENEMENT value_changed Gérer événement Changement état action Enregistrement formulaire

12 Les Avantages…(Suite) une liaison simple entre les actions côté client de l'utilisateur (event listener)et le code Java côté serveur JSF peut être utilisé pour générer autre chose que du HTML (XUL,XML, WML, …) Possibilité de créer de nouveaux composants - JSF permet de combiner plusieurs composants pour aboutir à un composant plus complexe

13 comment ça marche …

14 Linterface utilisateur construite dans la page JSP est générée à laide de la technologie JSF(résultat myUI) Elle fonctionne sur le serveur et le rendu est retourné au client:

15 Etapes pour traiter un formulaire 1.Construire le formulaire dans une page JSP en utilisant les balises JSF 2. Développer un Bean qui effectue un « Mapping » avec les valeurs du formulaire 3. Modifier le formulaire pour spécifier laction et lassocier au Bean 4. Fournir des Converters et des Validators pour traiter les données du formulaire 5. Paramétrer le fichier faces-config.xml pour déclarer le Bean et les règles de navigation 6. Créer les pages JSP correspondant à chaque condition de retour 7. Protéger les pages JSP utilisées par le contexte JSF de façon à éviter dy accéder directement

16 Représentation de la page sous forme darbre accessible via le contexte de lapplication. MaPage Mot de passe: Identifiant : Soumettre ViewRoot Form InputText CommandButton OutputText

17 Détail de fonctionnement-IHM Plusieurs technologies possibles pour lécriture des pages : JSP XHTML Ensemble de balises JSF constituant la page : Composants graphiques : éléments de formulaires, tableaux… Composants de conversion et de validation : pour gérer très simplement les entrées Les « renderers » : pour laffichage des composants Templating (modélisation) de pages avec Facelets Inclus dans JSF

18 IHM : Template de page - Facelets Modèle (template) Facelets est un framework de composition de pages ou de composants. En-tête Corps Pied de page En-tête Pied de page Corps

19 IHM : Template de page (suite…) Inclusion de page Insertion de page fait partie du jeu de composants core, utilisé comme conteneur de tous les composants JSF dans le page

20 Composants JSF IHM : Exemple de page Déclaration des librairies Template de page (Facelets) Ressources Lien JavaBean

21 IHM : Les composants graphiques Les composants graphiquesLes composants graphiques

22 IHM : Composants additionnels Il existe des librairies supplémentaires proposant des composants supplémentaires. Compléments des composants de base, Menu Onglet Treeview Calendrier … MyFaces Tomahawk ICEfaces JBoss RichFaces

23 Cest quoi ManagedBean? Cest un JavaBean géré par JSF. Permet de faire le lien entre lIHM et le code métier de lapplication. Doit contenir des accesseurs et des mutateurs pour champs de lIHM: get() et set() Définition au sein du fichier faces-config.xml ou par le biais dannotations.

24 Dessine moi un ManagedBean Annotations de paramétrage Attribut relatif au champ de saisie de lIHM Accesseur du champ de saisie Mutateur du champ de saisie

25 Détail de fonctionnement - configuration

26 Configuration :le fichier contrôleur «faces- config.xml » Le fichier gérant la logique de lapplication web sappelle par défaut faces-config.xml Il est placé dans le répertoire WEB-INF au même niveau que web.xml Il décrit essentiellement six principaux éléments : - les Beans managés - les règles de navigation - les ressources éventuelles suite à des messages - la configuration de la localisation - la configuration des Validators et des Converters - dautres éléments liés à des nouveaux composants JSF Le fichier de configuration est un fichier XML décrit par une DTD. La balise de départ est (version 1.1)

27 La configuration : faces-config.xml Fichier de ressources par défaut Navigation I18N

28 Configuration :JSF dans le web.xml Nécessite la configuration du fichier web.xml de façon à ce que JSF soit pris en compte - Paramétrer le fonctionnement général de lapplication : le contrôleur - Identifier la servlet principale : javax.faces.webapp.FacesServlet Spécifier le nom et le chemin du fichier de configuration - Nom du paramètre : javax.faces.application.CONFIG_FILES - Exemple : /WEB-INF/faces-config.xml Spécifie où létat de lapplication doit être sauvé - Nom du paramètre : javax.faces.STATE_SAVING_METHOD - Valeurs possibles : client ou server Valider ou pas les fichiers XML - Nom du paramètre : com.sun.faces.validateXml - Valeurs possibles : true ou false (défaut : false)

29 La configuration : web.xml Nom de lapplication Mapping de la servlet Page daccueil Servlet utilisée qui gère les entrées au contexte JSF Extension des pages

30 JSF et MVC Modèle : Couplé à JSF par un Bean géré. Vue : JSP + balises JSF Contrôleur : Servlet (FaceServlet) Règles définies dans un fichier xml

31 Convertisseur – Validateur - Renderer

32 Les convertisseurs Permet la conversion des données : IHM (un composant)vers ManagedBean, ManagedBean vers IHM(un composant). JSF offre deux converters standards qui sont convertDateTime et convertNumber. On peut créer mon propre convertisseur.

33 PersonneBean Les convertisseurs MaPage Prénom : Nom : Enregistrer Date de naissance :

34 Les validateurs Vérifier la validité des données converties. Applicable sur lensemble des composants de saisies. On peut créer mon propre validateur. La création d'un validator personnalisé passe par les étapes suivantes: -Créer une classe qui implémente l'interface javax.faces.validator.Validator. -Déclarer cette classe dans faces-config.xml en lui associant un identifiant. Exemples de validateurs : valider la présence de saisie, valider que la saisie est conforme à une plage de valeurs, valider le format de saisie (expression régulière) valider la longueur de la saisie, …

35 Validator personnalisé Par exemple, on souhaite saisir le nom, le prénom et l'age d'une personne dans un seul champ texte avec le format "prénom nom age", et on va créer un validator qui valide une saisie: public class PersonValidator implements Validator { private Pattern p = Pattern.compile("[a-zA-Z]+\\s+[a-zA- Z]+\\s+[0-9]+"); public void validate(FacesContext context, UIComponent component, Object value) throws ValidatorException { Matcher m = p.matcher((String) value); if (!m.matches()) throw new ValidatorException(new FacesMessage( FacesMessage.SEVERITY_ERROR, "Entrée non valide", "Entrée non valide")); }

36 Il faut ensuite déclarer ce validator dans faces-config.xml: Et enfin, pour utiliser le validator dans les pages JSF, on procède comme suit: personValidator validators.PersonValidator

37 à chaque fois qu'on remplit un champ texte et qu'on valide, JSF va invoquer la méthode validate de notre Validator en lui passant les paramètres suivants: context: permet d'accéder à l'environnement JSF. component: le composant parent de notre validator. value: la valeur saisie par l'utilisateur. Si l'entrée n'est pas valide, il faut lancer une exception du type ValidatorException qui prend un message comme paramètre. Un message est composé de: gravité: l'une des valeurs suivantes: SEVERITY_FATAL, SEVERITY_ERROR, SEVERITY_WARN et SEVERITY_INFO. sommaire: version courte du message d'erreur.

38 Les validateurs MaPage Mot de passe : Identifiant : Soumettre MaPage Mot de passe : Identifiant : Soumettre Erreur

39 Le rendu Les composants JSF peuvent être transcrits en HTML, XML, WML… en fonction de la cible. Ceci est possible par le biais de « Renderer ». Les « Renderers » sont des classes Java : récupérant les attributs des composants, transcrivant le composant en fonction du format souhaité.

40 Le rendu HTMLInputTextRenderer.java maPage.xhtml maPage.html

41 Le cycle de vie

42 Le cycle de vie correspond aux différentes étapes entre la requête du client et la réponse retournée.

43 Le cycle de vie Apply Requests Apply Requests Restore View Restore View Process Validations Process Validations Update Model Values Update Model Values Invoke Application Invoke Application Render Response Render Response Reconstruction de larborescence des composants Génération de la réponse Validation et conversion des données Extraction des valeurs de la requête Appel des méthodes pour le traitement de la page Mise à jour du modèle après validation et/ou conversion Erreur de conversion Erreur de conversion et/ou de validation Réponse retournée au client Requête issue du client

44 Et AJAX ? Les implémentations JSF2 supportent nativement AJAX. Les librairies supplémentaires proposent des compléments : MyFaces ICEfaces JBoss Richfaces

45 Le developpement

46 Et je développe avec quoi ? Avec les IDE bien connus et quelques plugins : Eclipse NetBeans Oracle Jdeveloper Le problème : Les plugins sont prévus pour fonctionner avec une version bien précise de JSF. Le paramétrage est un peu fastidieux.

47 Technologies Utilisees dans le demo installing Java EE 6 SDK From Oracle NetBeans IDE 7.0 Glassfish 3 JSF 2.0

48 Demo

49 Arbre de file dans notre demo

50 Les étapes d éxecution index.jsp login.jsp welcome.jsp create.jsp Java Server Faces Welcome Page Create New Account login logout Create


Télécharger ppt "Plan Cest quoi JSF ? Cest quoi JSF ? Comment ça marche ? Comment ça marche ? Détail de fonctionnement - configuration Détail de fonctionnement - configuration."

Présentations similaires


Annonces Google