Présentation de JSF

Normandy JUG

Intervenant

• Gontran TOMBETTE– Ingénieur d’étude chez Sopra Group depuis 9 ans.– Dans le monde Java depuis 5 ans.– Architecte JEE depuis 3 ans.

– gtombette@sopragroup.com

L’objectif

• C’est quoi JSF ?

• Comment ça marche ?

• Comment on s’en sert ?

Sommaire1 Qu’est-ce que JSF ?2 Historique.3 Quoi de plus que les autres ?4 Exemple.5 Détail du fonctionnement.

7 Le cycle de vie.8 Création de composants.9 AJAX.10 Le développement.

6 Convertisseur - Validateur - Renderer

Qu’est-ce que JSF ?

• JSF : Java Server Faces

– Framework de présentation pour les applications Web en Java :

• librairie de composants graphiques,• fonctionnalités gravitant autour de ces composants,

– Définie au sein d’une Java Specification Request (JSR) émise par la Java Community Process (JCP).

Historique

C’est parti,on simplifie

la production d’IHM

JSR-252Versions 1.2

Roger Kitain

Ed Burns

JSR-314Versions 2.0

Ed Burns

Roger Kitain

JSR-127Versions 1.0 et 1.1

Ed Burns

Craig McClanahan

J2EE 1.4

Roger Kitain

Les principaux concepteurs

Ed Burns de Sun Microsystems Inc :– NCSA Mosaic (un des 1er navigateur Web).– Mozilla (navigateur Web).– Tomcat (serveur d’application).

Craig McClanahan de Sun Microsystems Inc :– Fondateur de Struts. (Framework de présentation).– Leader sur Tomcat. (serveur d’application).

Roger Kitain de Sun Microsystems Inc :– Spécialiste Servlet.– Expert des technologies autour de JSP.

Les implémentations

• Les implémentations doivent respecter les spécifications décrites par les JSR-314.

• Sun – Mojarra– https://javaserverfaces.dev.java.net/

• Apache – MyFaces– http://myfaces.apache.org/

• Oracle – ADF Faces– http://www.oracle.com/technology/products/adf/adffaces/index.html

Quoi de plus que les autres ?

• Le concept novateur :– Modèle évènementiel.– Approche « composant ».

• Mais aussi :– respect du concept M.V.C. (Model/View/Controller),– permet de générer autre chose que du HTML (XML,

WML, XUL, ….),– propose des librairies de composants graphiques

facilement « surchargeables »,– permet de créer ses propres composants,– Ajax ready

Quoi de plus que les autres ? suite…

• Nouvelle vision– Représentation de la page sous forme d’arbre des

composants, et accessible via le contexte de l’application.

MaPage

Mot de passe :

Identifiant :

Soumettre

ViewRoot

InputText

CommandButton

OutputText

Un p’tit exemple !

• Le fameux Hello Normandy JUG

Sommaire1 Qu’est-ce que JSF ?2 Historique.3 Quoi de plus que les autres ?4 Exemple.5 Détail du fonctionnement. - IHM

• Plusieurs technologies possibles pour l’écriture des pages :– JSP– XHTML

• Ensemble de balises JSF constituant la page :– Composants graphiques,– Composants de conversion,– Composants de validation,

• Templating (modélisation) de pages avec Facelets– Inclus dans JSF

Modèle (template)

IHM : Template de page - Facelets

• Facelets est un framework de composition de pages ou de composants.

En-tête

Pied de page

En-tête

Pied de page

IHM : Template de page (suite…)

Inclusion de page

Insertion de page

Composants JSF

IHM : Exemple de page

Déclaration des librairies

Template de page(Facelets)

Ressources

Lien JavaBean

IHM : Les composants graphiques

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

Sommaire1 Qu’est-ce que JSF ?2 Historique.3 Quoi de plus que les autres ?4 Exemple.5 Détail du fonctionnement. – Managed Bean

ManagedBean

• C’est un JavaBean géré par JSF.

• Permet de faire le lien entre l’IHM et le code métier de l’application.– Doit contenir des accesseurs et des mutateurs pour

champs de l’IHM.

• Définition au sein du fichier faces-config.xml ou par le biais d’annotations.

Dessine moi un ManagedBeanAnnotations de

paramétrage

Attribut relatif au champ

de saisie de l’IHM

Accesseur du champ de saisie

Mutateur du champ de saisie

Sommaire1 Qu’est-ce que JSF ?2 Historique.3 Quoi de plus que les autres ?4 Exemple.5 Détail du fonctionnement. – Configuration

La configuration : faces-config.xml

Fichier de ressources par défaut

Navigation

La configuration : web.xml

Nom de l’application

Mapping de la servlet

Page d’accueil

Servlet utilisée

Extension des pages

Sommaire1 Qu’est-ce que JSF ?2 Historique.3 Quoi de plus que les autres ?4 Exemple.5 Détail du fonctionnement. – Synthèse

Respect du concept M.V.C.

Réponse retournée

au client

Requête issue

du client

Controler

FacesServlet

faces-config.xml

Controler

Respect du concept M.V.C.Respect du concept M.V.C.Respect du concept M.V.C.

Les convertisseurs

• Permet la conversion des données :– IHM vers ManagedBean,– ManagedBean vers IHM.

• Exemples de convertisseurs :– Conversion de date,– Conversion de nombre.

• Il est facile de créer son propre convertisseur.

PersonneBean

Les convertisseurs

MaPage

Prénom :

Enregistrer

Date de naissance :

Les validateurs

• Vérifier la validité des données converties.• Applicable sur l’ensemble des composants de

saisies.• 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,– …

Les validateursMaPage

Mot de passe :

Identifiant :

Soumettre

MaPage

Mot de passe :

Identifiant :

Soumettre

Erreur

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é.

Le rendu

HTMLInputTextRenderer.java

maPage.xhtml

maPage.html

Le cycle de vie

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

Le cycle de vie

ApplyRequests

RestoreView

Process Validations

UpdateModelValues

InvokeApplication

RenderResponse

Reconstruction de l’arborescence 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

Création de composants.

• Qu’est-ce que c’est ?– Assemblage de plusieurs composants de base.– Création de ses propres composants.

• A quoi ça sert ?– Faciliter et uniformiser de développement d’IHM.– Répondre aux besoins de l’utilisateur final.

• We can do it !– Dans la plupart des cas, pas besoin de connaître un langage obscur pour confectionner son propre composant.

• Java,• Xhtml + Facelets,• HTML, Javascript, JSTL si nécessaire.

C’est moi qui l’ai fait !

Identifiant :

Composants de base

Mon composant

C’est moi qui l’ai fait ! (suite…)

Attributs

Et AJAX ?

• Les implémentations JSF2 supportent nativement AJAX.

• Les librairies supplémentaires proposent des compléments :– MyFaces– ICEfaces – JBoss Richfaces

Et Ajax : l’exemple.

Balise AJAX

Lien ManagedBean

Champ de saisie

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.

Questions / Réponses

Présentation de JSF

Documents

Programmation Web Avancée Architecture MVC et …learn.heeere.com/2016-pwa-6a41/export-lesson-03.pdf · Java : JavaEE, JSF, Spring, JPA, ... 25 / 25 − Rémi Emonet − Programmation

Crud Jsf Jpa

Anton Parks - Résumé des Chroniques (3 tomes) par Jsf

Actions de fonds communs de placement des séries A, … · 1 Prospectus simplifié offrant des actions de fonds communs de placement des séries A, B, Jfar, Jsf et U des Catégories

Hibernate et JSF

JEE 5 - JSF F.Pfister (francois.pfister@ema.fr). 2 institut eerie 2007-2008 Les technologies du web Servlets JSP MVC Model 1 : servlets + JSP MVC Model

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

Sommaire Présentation du candidat Présentation de l’entreprise Présentation du projet:

MANUFACTURER OF INNOVATIONS · W efekcie zapewniamy naszym partnerom biznesowym produk - ty spełniające najwyższe standardy. JSF SILICONE story started in 1996. We focus on continuous

Introduction à JSF - s5ad9be3930661896.jimcontent.com · 2.2 Installer netBeans 4.1 ... 6.3 Navigation dynamique ... Cliquez avec le bouton droit sur le dossier Web Pages puis New

Introduction to JSF · Using JSF Control Panel · Controls menu ¸ run mode ¸ generator type ¸ generator parameters ¹ pythia e º vent type ¹ zh ¸ save parameters · Next Event

Présentation du Centre Socio-culturel JSF...Centre Socioculturel JSF- Route Emile Renouf – la Tour des Marronniers-14600 Honfleur Tel: 02.31.89.53.25 – Présentation 2011 Présentation

JSF - Javaserver faces - No-IPremy-manu.no-ip.biz/Java/TPs/pdf/JSF.pdf · 2013-04-27 · JSF - Javaserver faces Pages et composants : Le framework JSF doit envoyer une page sur le

Jsf post test

Introduction JSF

Présentation du Centre Socio-culturel JSF · Centre Socioculturel JSF- Route Emile Renouf – la Tour des Marronniers-14600 Honfleur Tel: 02.31.89.53.25 – Présentation 2011

Anton Parks – Les Chroniques du Ğirkù ... · (Résumé par Jsf, NewsOfTomorrow, télécharger en PDF) Représentations ... Position dominante des Kingú parmi ... voulait faire

JSF 2 Maxime Lefrançois (maxime.lefrancois@inria.fr),maxime.lefrancois@inria.fr Adapté du cours de Michel Buffa et Richard Grin 1

CATALOGUE DE FORMATIONS · 2017-10-28 · ... Développer avec le Framework JSF Expertise 3 Jours ... Compréhension des architectures des applications et des frameworks Java JEE

Développement Web en J2EE (Servlet & JSP) Rappels J2EE et Web Application Servlets JSP et JSTL MVC et JSF