Présentation de JavaServer Faces

JavaServer Faces JS Bournival

18 juillet 2007

2006Communication interactive et nouvelles technologies / Interactive Communications through New Technologies Page 2

Agenda

Introduction Historique Architecture Concepts clés Cycle de vie d’une requête Expression language Traction dans l’industrie Références Questions

JavaServer Faces?

JSF est la spécification d’un cadre d’application pour la couche de présentation d’une application web. JSF fait partie, aussi de la spécification globale de JEE 5.

JSR 127: spécification initiale résultant en l’implémentation de JavaServer Faces 1.1

JSR 252: spécification de JSF 1.2, corrigeant plusieurs problèmes, et ajoutant certaines nouvelles fonctionnalités

JSR 314: spécification de JSF 2.0 … à suivre.

Buts recherchés et Historique

RAD Rapid Application Development

RIA Rich Internet Application

Permettre, pour les développeurs, de facilement lier, dans un contexte stateful, des composants backend, avec des évènements émanant de l’interface-utilisateur.

Buts recherchés et Historique

… it is also aimed directly at solving many of the common problems

encountered when writing applications for HTML clients that communicate via HTTP […] These applications are typically form-based, and are comprised of one or more HTML pages with which the user interacts to complete a task or set of tasks.

- Craig McClanahan, Ed Burns, & Roger Kitain

Java Specification Request (JSR) 127

Architecture vue d’en haut

Markup generation

Stateful UI component model

Client-side event model

Conversion & validation

Navigation

Synchronisation avec les backing beans

JSF framework

Backing beans

Model objects(logique applicative)

Servlet container

Base de données

Service web

Niveaux d'abstractions

Les concepts clé

Les 8 éléments à maîtriser dans JSF UICOMPONENT RENDERER VALIDATOR BACKING BEANS CONVERTER EVENTS & LISTENERS MESSAGES NAVIGATION

Les concepts clé (1/8)

UICOMPONENT Abstraction et encapsulation de fonctionnalités pour un

composant possédant un état, et une représentation graphique

ViewRoot

InputText Check box OutputText

VIEW STATE

RENDERED VIEW

Option 1

submit

Entrer le texte

RENDERER renderer par défaut: HTML 4.01 direct implementation model VS. delegated implementation model Organisé render kits

HtmlCommandButton

Soumet-moi!

CONVERTER prend en charge encoding-decoding converters de base fournis par JSF

<f:convertNumber />

<f:convertDateTime />

<h:inputText value="#{user.balance}"> <f:convertNumber type="currency" currencyCode="KZT"/></h:inputText>

<h:inputText value="#{user.dateOfBirth}"> <f:convertDateTime pattern="MM/dd/yyyy (hh:mm a)"/></h:inputText>

Petits exemples boboches mais qui disent tout:

VALIDATOR directement dans l'implémentation du composant via une méthode d'une backing bean via une classe validateur générique

<h:inputText value="#{user.name}"> <f:validateLength minimum=“13"/></h:inputText>

<h:inputText value="#{user.creditCard}"> <f:validator validatorId=“com.nurun.CreditCardValidator"/></h:inputText>

BACKING BEANS Lier la valeur d'un composant à

un attribut d'une backing bean Attacher un composant à un

attribut d'une backing bean Déclaration dans le fichier de

configuration de JSF Lien avec composantes

d'affaires (EJB3, Spring) Niveau de portée Application,

Session ou Requête

Option 1

submit

Entrer le texte

public String faitKekchose() { if (true) {

return ‘success’; } else {

// nothing }}

<h:commandButton action=“#{myBean.faitKekchose}“ … />

EVENTS & LISTENERS Types

• value change events• action events• data model events• phase events

Les listeners sont appelés lors de la soumission Peut se présenter sous la forme d’une classe, ou simplement d’une

méthode d’une backing bean

<h:inputText value="#{myBean.name}" valueChangeListener="#{myBean.react}" />

Petit exemple:

MESSAGES Erreurs d'application, ou de validation Composants pouvant ajouter des messages Rien de très magique ici, se compare aisément aux tags du style <html:errors/> de Struts

FacesContext context = FacesContet.getCurrentInstance();

context.addMessage(null, new FacesMessage("blah.");

<h:messages style=“color: blue“ />

Dans la vue:

Dans la backing bean:

NAVIGATION Déclaration des règles de navigation dans le fichier de configuration

de JSF, faces-config.xml Basé sur des outcome sous la forme de chaîne de caractères Rien de nouveau ici pour les habitués de Struts

<navigation-rule>

<from-view-id>/welcome.jsp</from-view-id>

<navigation-case>

<from-outcome>success</from-outcome>

<to-view-id>/response.jsp</to-view-id>

</navigation-case>

</navigation-rule>

Exemple dans faces-config.xml:

Le cycle de vie d'une requête

6 phases forment le cycle de vie d’une requête JSF

Soumettre

Un clic est né

Restore View

Le cycle de vie d'une requête (1/6)

Restore View Construction ou mise à jour de l'arbre logique de

composants

Restore View

ViewRoot

Soumettre

Un clic est né

Restore View Apply Request Values

Apply Request Values

Apply Request Values Insertion des valeurs dans chacun des composants de

l'arbre

ViewRoot

POST /path/view.faces HTTP/1.0

From: someone@somewhere.com

User-Agent: HTTPTool/1.0

Content-Type: application/x-www-form-urlencoded

Content-Length: 32

Myform:mycomponent=bonhomme+carnaval& …

HTTP POST request

Soumettre

Un clic est né

Restore View Apply Request Values Process Validations

Process Validations

Process Validations JSF demande à chacun des composants de se

convertir et de se valider (validateur externes etc.)

"tue jan 3 2007 11:25:21.234 EST"

java.util.Date

Render Response

Soumettre

Un clic est né

Update Model Values

Update Model Values Insertion des valeurs dans le modèle (backing bean et

autres objets du modèle)

ViewRoot

Attribute 1Attribute 2

Backing Bean

Soumettre

Un clic est né

Update Model ValuesInvoke Application

Invoke Application

Invoke Application Exécute la méthode action (ou autre listener

enregistré) appelé par l'évènement par défaut déclenché par les composants de type «command» (lien ou bouton)

actionMethodlisteningMethod

Backing Bean

Hit me boy!

Soumettre

Un clic est né

Update Model ValuesInvoke ApplicationRender ResponsePage HTML rendue

Render Response

Render Response Affiche la réponse en mettant à contribution le

mécanisme de vue utilisé (JSP, Facelets)

ViewRoot

Attribute 1Attribute 2

Backing Bean

Page HTML rendue

JSF EL

EL == Expression Language Sont sous la forme #{…} Permet de dynamiquement manipuler les attributs des backing

beans ou objets du domaine, ou encore d'exécuter des opérations simples sans polluer une vue avec des scriplets qui s'intègre mal.

Similaires à JSP/JSTL ${…} Ces expressions sont évalués à l'exécution de la page

JSF EL (suite …)

On peut utiliser le langage d'expression de JSF pour: Insérer des composants dans des objets; Exposer les propriétés d'une JavaBean, d'une Collection, ou de types

simples; Référencer des méthodes (action, listener, validation, …); Exécuter des opérations logiques ou mathématiques; En plus, sont supportées les propriétés imbriquées.

JSF EL (suite …)

value-binding method-binding

Pour un listener Pour une action Pour un validator Pour un converter

Les composants standards de JSF

Option 1

Clique-moi!

Entrer le texteEntrer plus de texte

Entrer le texte

Je me déroule

Option 1

Option 3

Option 2

Item 1Item 2Item 3

Je suis ici pour que tu me cliques!

**********

Implémentations de la spécification

Sun RI 1.2

Apache MyFaces 1.1 (1.2 pas encore release)

Librairies de composants

Oracle ADF Faces ICEFaces JBoss RichFaces JBoss Ajax4JSF Apache Tomahawk Apache Sandbox Apache Trinidad And many more …

Outils

Eclipse JSF Tools (WTP 2.0) IBM RAD NetBeans Sun Java Studio Creator RHDS / Exadel MyEclipse IDE Oracle JDeveloper BEA Workshop for JSF

Références

Livres JavaServer Faces in Action Core JSF

Sites Webs JCP.org JSR 127 JCP.org JSR 252 jsfcentral.com

Blogs Kito Mann (http://weblogs.java.net/blog/kito75/) Ed Burns (http://weblogs.java.net/blog/edburns/) Craig Mclanahan (http://blogs.sun.com/craigmcc/)

Questions?jean-sebastien.bournival@nurun.com

Ext. 2112

Présentation de JavaServer Faces

Technology

JavaServer Faces Kapitel 4: JavaServer Faces im Detail fileGrundlage der Folien Bernd M¨uller JavaServer Faces Ein Arbeitsbuch f¨ur die Praxis Hanser-Verlag ISBN 3-446-40677-8 34,90

Desenvolvimento WEB com JavaServer Faces - Aula 02

JavaServer Faces. Wydanie II

JavaServer Faces

Utilização da tecnologia JavaServer Faces para ... · JavaServer Faces (JSF). O JSF é, conforme o site oficial da Oracle (2012), “um framework de componentes de interface de

Produtividade com JavaServer Faces

JavaServer Faces Peter Norrhall. 2007-02-07JavaServer Faces Internet - Möjliggöraren

Studienarbeit - swa.informatik.uni-hamburg.de · Diese Arbeit befasst sich mit dem Framework - JavaServer Faces. Hauptziel ist es, den Einsatz von JavaServer Faces für die Weiterentwicklung

J2EE —— 第 17 章 JavaServer Faces 技术

Algaworks Dwjsf Desenvolvimento Web Com Javaserver Faces 2a Edicao (1)

Introdução ao JavaServer Faces

Tutorial Aplikasi Web JavaServer Faces(JSF) dengan · PDF fileTutorial ini menunjukkan bagaimana membuat aplikasi web Java dengan framework JavaServer Faces ... dan aplikasi web anda

Beykoz Meslek Yüksekokulu - (JavaServer Faces) JSF

JavaServer Faces i Eclipse Galileo. Tworzenie aplikacji · 68 JavaServer Faces i Eclipse Galileo. Tworzenie aplikacji WWW 2.1. Modelowanie interfejsu uytkownika przy wykorzystaniu

JavaServer Faces - Desenvolvendo aplicações web com produtividade

Introducción a JavaServer Faces...1.Introducción a JSF JavaServer Faces es el framework propuesto por la especificaciónJava EE para definir las interfaces de usuario de las aplicaciones

Seminário JavaServer Faces

JavaServer Faces - seraphim.unifei.edu.br · JSF (JavaServer Faces) É uma especificação Java e não um produto proprietário –Especificado pelo JCP 252 Define um modelo de programação

Struts oder JavaServer Faces WA5 - OIO

Algaworks Dwjsf Desenvolvimento Web Com Javaserver Faces 2a Edicao