A Complete Tour of JSF 2

1. A Complete Tour of JavaServer Faces 2.0 Jim Driscoll [email_address] Andy Schwartz [email_address]

2. What's new?

3. Almost Everything

4. Faces Expert Group Sun – Ed Burns, Roger Kitain (Spec leads)

5. Oracle

6. Apache

7. IceFaces

8. RichFaces

9. RedHat / Seam

10. Book Authors

11. Many more

12. All of the Faces of Faces at Sun R Ed Burns Jim Driscoll Roger Kitain Ryan Lubke

13. Most of the Faces of the EG Andy Schwartz Dan Allen Alexandr Smirnov Ken Paulsen Martin Marinschek Pete Muir Kito Mann Joe Ottinger Ted Goddard Neil Griffin Jason Lee David Geary Mike Freedman Gavin King R Jeremy Grelle Keith Donald Ed Burns Jim Driscoll Roger Kitain Ryan Lubke

14. Some Faces of the Faces Community Andy Schwartz Dan Allen Jacob Hookom Alexandr Smirnov Ken Paulsen Martin Marinschek Matthias We ßendorf Pete Muir Alexander Jesse Imre O ßwald Yara Senger Lincoln Baxter III Adam Winer Craig McClanahan Kito Mann Rick Hightower Joe Ottinger Ted Goddard Neil Griffin Jason Lee Stan Silvert David Geary Mike Freedman Gavin King Hazem Saleh Çağatay Çivici Dennis Byrne Roger Keays Amy Fowler Max Katz R Jeremy Grelle Keith Donald

15. Community Ideas Innovation happens everywhere

16. Most ideas were proven in the community before adoption

17. Some approaches (i.e., Ajax) required a good deal of merging

18. Highlights on each feature

19. Features, features

20. Facelets

21. Facelets Almost exactly the same as existing Facelets technology

22. JSP still supported, but... All new features will be in Facelets

23. Facelets now the preferred View Declaration Language Designed for JSF from the beginning

24. Facelets XHTML based – document validation

25. Better error handling, including line numbers

26. Library prefixes as namespaces

27. EL directly in page: #{bean.propertyname} Templating made easy ui:composition, ui:define, ui:insert

28. ui:include, ui:repeat

29. Composite Components

30. This...

31. Becomes this...

32. Or maybe this:

33. Composite Components Enable True Abstraction Create a true, reusable, component from an arbitrary region of a page

34. Built by composing other components Full support for using attached objects in the using page, and mapping them to arbitrary targets within the composite component Action methods

35. Validators, etc

36. Composite Components Builds on top of Resources and Facelets

37. Heavily leverages naming conventions Resource dir

38. Library name is directory name

39. Tag name is file name Essentially special-case templating

40. Composite Component In file ctx-root/resources/simpleout/out.xhtml: <composite:interface> <composite:attribute name="value" required="true"/> </composite:interface> <composite:implementation> <h:outputText value="#{cc.attrs.value}" style="background-color: yellow"/> </composite:implementation>

41. Composite Component <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:ez="http://java.sun.com/jsf/composite/simpleout"> .... <ez:out value="Test Value"/> ....

42. Ajax

43. Ajax Inspiration: ADF Faces, RichFaces, IceFaces, DynamicFaces

44. Two entry points: Declarative: <f:ajax> tag, uses AjaxBehavior

45. Programmatic ajax: resource library javax.faces , resource name jsf.js , JavaScript namespace jsf.ajax. jsf.ajax.request function

46. Ajax Declarative ajax: useful to ajaxify non ajax pages Add ajax behaviors “invisibly”

47. Supports many Ajax usecases JavaScript Ajax API usage pattern jsf.ajax.request() JavaScript function

48. Integrate with existing Ajax widgets Simplify lifecycle view: execute and render

49. Ajax Tag Example <h:outputText id="out1" value="#{count.count}"/> <h:commandButton value="Count"> <f:ajax render=”out1”/> </h:commandButton>

50. Partial State Saving

51. Partial State Saving Inspired by Trinidad state saving

52. Save only the state that's changed since creation of the component tree

53. Per-view state size up to 4X smaller than before

54. Default for pages written with Facelets

55. Of interest to Java custom component authors

56. All standard components implement this feature - your composite components will automatically take advantage of it.

57. Partial State Saving PartialStateHolder behavioral interface, extends existing StateHolder . PartialStateHolder.markInitialState() StateHelper , from UIComponent , does most of the work: replace ivars with keys within StateHelper No longer need custom saveState/restoreState() implementations

58. Simplify Custom Components public class MyInput extends UIComponentBase { private enum Keys { name } public String getName() { return getStateHelper().get(name); } public void setName(String nameParam) { getStateHelper().put(name, nameParam); } }

59. View Parameters

60. View Parameters Inspired by Page Parameters from JBoss Seam

61. Provides a way to map request parameters to special components within the view

62. <f:metadata>

63. <f:viewParam>

64. View Parameters <f:metadata> <f:viewParam name="foo" value="#{bean.foo}"/> </f:metadata> page1.xhtml?foo=bar bean.foo will equal “bar”

65. View Parameters UIViewParameter extends UIInput

66. All attached objects valid for UIInput are valid – validation and conversion

67. Breaks the tyranny of POST

68. Lays the foundation for Bookmarkable pages

69. System Events

70. System Events Influenced by JSFTemplating Inspired by Solaris Dtrace, Linux strace, etc. Publish/Subscribe event bus for things that happen during the JSF Lifecycle

71. Adds to event listening abilities: FacesEvent/FacesListener

72. PhaseEvent/PhaseListener

73. SystemEvent/SystemEventListener

74. System Event Types

75. System Events Listeners can be registered at three scopes component UIComponent.subscribeToEvent()

76. view UIViewRoot.subscribeToEvent()

77. application Application.subscribeToEvent() Publish is always Application.publishEvent()

78. Declarative System Events <h:inputText> <f:event type="preValidate" listener="#{bean.doSomePreValidation}"/> </h:inputText>

79. Resources

80. Resources Avoid need for separate Filter or Servlet.

81. Resources are logically related to components, treat them that way.

82. Load from Classpath, or filesystem

83. Full support for “Library” concept, I18N, Versioning

84. Resources Java API @ResourceDependency or @ResourceDependencies annotation on UIComponent , Renderer , Validator , Converter , ClientBehavior attributes for resource name, library name

85. attribute for target: head, body, form

86. Built in support for CSS, Image, JavaScript resources

87. Resources Markup API <h:head> , <h:body> Used for resource relocation targets <h:outputScript> , <h:outputStylesheet> Attributes for resource name, library name

88. Attribute for target: head, body, form

89. Smart includes, useful for composite components

90. Resource EL #{resource['<resource>']}

91. #{resource['<library>:<resource>']}

92. Examples of use <a href="#{resource['header.jpg']}" />

93. <h:graphicImage value="#{resource['corp:header.jpg']}" />

94. Behaviors

95. Behaviors A Behavior is an interface and invents a new type of “attached object” which takes part in decode/encode.

96. ClientBehavior extends Behavior

97. Define things that happen in the view, in the browser

98. Currently only one standard ClientBehavior implementation: AjaxBehavior

99. New interface: ClientBehaviorHolder , implemented by all components in javax.faces.component.html

100. Special ClientBehaviorRenderer , does not extend Renderer . getScript() , decode()

101. View Traversal

102. View Traversal 1.2: UIComponent.invokeOnComponent() Single component in context VisitContext.createVisitContext()

103. UIComponent.visitTree(VisitContext) Multiple components in context Used on Ajax requests for partial traversal

104. Used by new StateManagementStrategy

105. More features Annotations

106. Navigation

107. Exceptions

108. Validation

109. EL

110. Scopes

111. Project Stage

112. Annotations @ManagedBean

113. @*Scoped (Session, Request, etc)

114. @ManagedProperty

115. @FacesComponent

116. @FacesConverter

117. etc.

118. With implicit Navigation, may eliminate need for faces-config.xml in many cases

119. Navigation Bookmarkable Pages Uses View Parameters to ensure request params are validated before rendering page

120. New components <h:link> , <h:button> , cause the browser to submit GET request, contrast with <h:command{Button|Link}>

121. <f:param> add GET params

122. <h:button outcome=”next” value=”Go” includeViewParams=”true”/> Inverse mapping of view params

123. Navigation Implicit Navigation If you don’t want all that <navigation-rules> stuff, you can put the navigation logic straight in the page. Conditional Navigation – if statements

124. ConfigurableNavigationHandler Query navigation rules at run-time

125. Exceptions ExceptionHandler can be decorated

126. all interesting exceptions flow through the exception handler!

127. new exception type: UpdateModelException ValidatorException contains multiple FacesMessages

128. EL #{component} , #{cc} (composite component) : get the “currently” processed component / composite component

129. #{component.clientId}

130. #{component.messageList}

131. EL Make ActionEvent param optional for action-listeners

132. For EE6, EL method invocation supports parameters makes f:setPropertyActionListener obsolete

133. Validation Integration with JSR 303: Bean Validation @NotEmpty private String name;

134. default validator: javax.faces.Bean – automatically applied to all input fields Default-validator: hook up a validator for all instances of EditableValueHolder

135. preValidate/postValidate system events

136. New Validation Tags <f:validateBean> Beans validation tag <f:validateRequired> Required field <f:validateRegexp> Regular expression validation

137. New Scopes “ conversation” comes from Java Contexts and Dependency Injection (JSR 299) nee “Weld”

138. Flash: inspired by Ruby on Rails accessible from EL or ExternalContext

139. useful for storing data for use on the “next” request

140. preserves FacesContext-messages across redirects

141. New Scopes View: persists as long as user interacts with the same view managed-beans can be put in view-scope Custom Scopes

142. Project Stage Inspired by Rails

143. Development Better error reporting, debugging Production Better performance

144. Using JSF 2.0 Now Project Mojarra FCS in a few weeks

145. https://javaserverfaces.dev.java.net/

146. Color coded JavaDocs http://javaserverfaces.dev.java.net/docs/2.0/ New in 2.0

147. Changed in 2.0

148. Deprecated in 2.0 (JSP) M

149. Blogs for more detail http://andyschwartz.wordpress.com/2009/07/31/whats-new-in-jsf-2/

150. http://www.java.net/blogs/driscoll/

151. http://blogs.sun.com/rlubke/

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

153. http://www.java.net/blogs/rogerk/

154. Further Reading http://javaserverfaces.dev.java.net/docs/2.0

155. David Geary's writeup: http://www.ibm.com/developerworks/java/library/j-jsf2fu1/index.html Java EE Tutorial (out soon)

156. Several additional books will be out this year

157. A Complete Tour of JavaServer Faces 2.0 Jim Driscoll [email_address] Andy Schwartz [email_address]

A Complete Tour of JSF 2

More Related Content

What's hot (20)

Viewers also liked (8)

Similar to A Complete Tour of JSF 2 (20)

Recently uploaded (20)

A Complete Tour of JSF 2

Editor's Notes