JSF2 par la pratique

JSF 2par la pratique

1

vendredi 10 septembre 2010

INTERVENANTDamien GOUYETTE

Expert technique java / JEE. Scrummaster certifié

Plus particulièrement spécialisé dans le développement d'IHM webBlog : http://www.cestpasdur.comTwitter : @cestpasdur

2


http://www.cestpasdur.com




OBJECTIFS DE LA PRÉSENTATION

• Présenter les nouveautés de JSF 2

•Donner des exemples concrets d’utilisation au travers du développement d’un blog

3


4

Historique

• 2004 : JSF 1.0 & 1.1

• 2006 : JSF 1.2

•Octobre 2009 : JSF 2


PLAN DU BLOG

5


DÉCOUPAGE D’UNE PAGE

6


FONCTIONNALITÉS DE FACELET

• Templating & inclusion,

• Création de composant,

•Débogage,

• Répétition.

7


CODE DU MAITRE

8


UN PEU DE TRAITEMENT

9


JSF2 & ANNOTATIONS

•@ManagedBean

•@FacesComponent,

•@FacesRenderer,

•@FacesConverter,

•@FacesValidator.

10


MANAGEDBEAN & ANNOTATION

•@ApplicationScoped,

•@SessionScoped,

•@ViewScoped (new),

•@RequestScoped

•@NoneScoped,

11


UN PEU DE NAVIGATION

12


NAVIGATION : AVANT/APRÈS

13


NAVIGATION CONDITIONNELLE <IF/>

14

<if>#{managedBean.proprieteBooleenne}</if>


AJOUT D’UN COMMENTAIRE

15


PROBLÈME DE DOUBLE SOUMISSION

• Solution : GET

16


REDIRECTION AVEC JSF 2

•Outcome suffixé par ?faces-redirect=true

•<redirect/> dans navigation-rule

17


18

•?faces-redirect=true en suffixe des outcome

•<redirect/> sur la navigation-case

EXEMPLES :


URL BOOKMARKABLES

19


BOOKMARK & JSF

• 3 composants :

• <h:link/>

• <h:button/>

• <f:viewParam/>

20


BOOKMARK & CODE

21


AFFICHAGE D’UNE NOTIFICATION

22


FLASHSCOPE

23


VALIDATION DU COMMENTAIRE

24


VALIDATION : AVANT

25


VALIDATION : APRÈS

26


ANNOTATIONS DISPONIBLES

Contraintes disponibles :

•@CreditCardNumber, @Email, @URL

•@Length, @Range, @Min, @Max,

• @Past, @Future...

27


AJOUT D’UN COMMENTAIRE EN AJAX

28


<F:AJAX/> ATTRIBUTS

execute & render, valeurs possibles :

@all,@none,@form,@this (par défaut)

eventchange, click...

29


LE CODE

30


VALIDATION & AJAX

• Valide le contenu à chaque perte de focus sur un élément.

31


VALIDATION & AJAX 2

32


COMPOSANT COMPOSITE TWITTER

•Nécessite l’ajout de ressources statiques

33


TRAITEMENT DES RESSOURCES

• CSS, javascript, images

• Emplacements

• /resources

• /META-INF/resources

• Structure des resources

• [localePrefix]/[libraryName]/[libraryVersion]/resourceName/[resourceVersion]

• [] = facultatif

• EL : #{resource['<library name>:<resource name>']} (utilisable aussi dans les fichiers JS et CSS)

• Version

• La dernière version disponible (library & resource) est sélectionnée automatiquement

34


TRAITEMENT DES RESSOURCES

• <h:outputScript library="helloworld" name="function.js" target="head"/>ou #{resource["helloworld:function.js"]}

35


LE CODE

36


COMPOSITE COMPONENT ET BACKING BEAN

Associer du code métier java au composant composite

Backing Bean :

implements javax.faces.component.NamingContainer

getFamily() return «javax.faces.component.NamingContainer»

37



38



39


AMÉLIORATION DES PERFORMANCES

• ViewState,

• Ajax

40


PRÊTS POUR JSF2

Librairies de composants• Richfaces 4.0 M2, IceFaces 2.0 béta 1, PrimeFaces 2.0...

Serveurs d'application• Glassfish, Jboss, Tomcat, Jetty

IDE•NetBeans 6.9, Eclipse et JbossTools 3.2 M1, • IntelliJ IDEA...•Génération de code : Archetypes Maven, Richfaces CDK

41


SYNTHÈSE DES NOUVEAUTÉS

42

Nouvelles fonctionnalités Simplifications

Ajax inclus et optimisé Développement de composant facilité

Profils d’utilisation Navigation simplifiée

Externalisation de ressources statiquesRemplacement de la configuration

XML par des annotations

Nouveaux scopes : ViewScope et FlashScope

Support de GET en plus du POST


POUR ALLER + LOIN

• Code source : http://github.com/dgouyette/jugsummercamp

• Refcard JSF2 : http://refcardz.dzone.com/refcardz/javaserver-faces-20

• Le site de la spécification JSR-314 : http://jcp.org/en/jsr/detail?id=314

• Blog Ed Burns, un des spec leader : http://www.java.net/blogs/edburns

• Liste des librairies tierces-parties : http://www.jsfmatrix.net/

• Livre : JavaServerFaces 2: the complete reference

• Le livre d'Antonio Goncalves sur JEE 6 en général: « Beginning Java EE 6 platform with Glassfish

43


http://github.com/dgouyette/jugsummercamp

http://github.com/dgouyette/jugsummercamp

http://refcardz.dzone.com/refcardz/javaserver-faces-20

http://refcardz.dzone.com/refcardz/javaserver-faces-20

http://jcp.org/en/jsr/detail?id=314

http://jcp.org/en/jsr/detail?id=314

http://www.java.net/blogs/edburns

http://www.java.net/blogs/edburns

http://www.jsfmatrix.net

http://www.jsfmatrix.net

QUESTIONS / RÉPONSES

44


JSF2 par la pratique

Technology

Transcript of JSF2 par la pratique