The document discusses JavaServer Faces (JSF), a Java specification for building user interfaces for web applications. It provides an overview of JSF's core design principles, components, managed beans, bindings and configuration. Key topics covered include the JSF lifecycle, navigation, internationalization, AJAX support via libraries like Ajax4JSF, and Facelets as an alternative view technology to JSP.

1. JavaServer Faces 1.2 Peter Antman, CTO, 2007 Mogul

3. A specification , several implementations

4. A user interface (UI) framework for Java Web applications

5. Designed much like a “fat” UI framework such as Swing and SWT

6. First RI released 2002

7. 1.0 specification released March 2004, not part of J2EE

8. 1.2 spec released spring 2006

9. 1.2 is part of J2EE 1.5

10. Is taking of (maybe)

12. Missmatch with JSP fixed (new JSP ViewHandler and tag base class)

13. Works with JSTL forEach

14. Multiple windows and back-button problems fixed

22. Not tied to any specific view technology

23. By design geared at server side execution

24. Building blocks <f:view> <h:form> <h:outputText value=&quot;#{test2.value}&quot; <h:inputText value=&quot;#{test2.value}&quot; <h:commandButton action=&quot;#{test2.valueUpdated}&quot; </h:form> Submit UIForm <navigation-rule> <navigation-case> <from-outcome>login <to-view-id>/login.jsp Browser JSP Component Tree <faces-config> faces-config Request Response value binding method binding 1. Restore View 2. Apply Request Values 3. Process Validation 4. Update Model Values 5. Invoke Application 6. Render Response UIViewRoot UIOutput UIInput Converter Validator ActionEvent getValue() setValue() valueUpdated() UICommand <managed-bean> <managed-bean-name>test2 <managed-bean-class>Test2 <managed-bean-scope>session RenderKit Navigation Handler Faces Servlet

28. Ad an id to enclosing element

29. Nest validator

30. Use a message for the element where any errors will appear <h:inputText id=&quot;in&quot; value=&quot;#{test2.value}&quot;> <f:validateLength minimum=&quot;2&quot; maximum=&quot;4&quot;/> </h:inputText> <h:message for=&quot;in&quot; />

33. Also possible to do ones own Converters

35. f:attribute

36. f:convertDateTime

37. f:converter

38. f:convertNumber

39. f:facet

40. f:loadBundle

41. f:param

42. f:selectItem

43. f:selectItems

44. f:subview

45. f:validateDoubleRange

46. f:validateLength

47. f:validateLongRange

48. f:validator

49. f:valueChangeListener

50. f:verbatim

51. f:view

53. h:commandButton

54. h:commandLink

55. h:dataTable

56. h:form

57. h:graphicImage

58. h:inputHidden

59. h:inputSecret

60. h:inputText

61. h:inputTextarea

62. h:message

63. h:messages

64. h:outputFormat

65. h:outputLabel

66. h:outputLink

67. h:outputText

68. h:panelGrid

69. h:panelGroup

70. h:selectBooleanCheckbox

71. h:selectManyCheckbox

72. h:selectManyListbox

73. h:selectManyMenu

74. h:selectOneListbox

75. h:selectOneMenu

76. h:selectOneRadio

78. Must be defined in faces-config

79. Used through value- and method bindings

80. Created by container

81. In- and outjection through EL

82. Inter bean references through EL

83. May use J2EE annotations for life cycle callback, resource and EJB reference injection

84. Not yet any annotations to skip faces-config

94. The supported locales configured

96. Use converters such as DateTimeConverter to handle localized input

98. According to doc a “default” bundle should be possible to use, i.e myBundle.properties. That is not my experience. A default en locale but a swedish one available gives the following: curl -v -H &quot;Accept-Language:fr&quot; < Content-Language: en Meddelande 1 <input (from myBundle_sv)

100. specify a variable to make bunde available in as a Map

103. https://ajax4jsf.dev.java.net/nonav/ajax/ajax-jsf/

104. Extension to JSF that adds Ajax support

105. implemented using a component library that adds AJAX capability to existing pages without writing any JavaScript code

106. Define events that will be invoked “ajax”-style

107. Define JSF component that are target of event (repaint)

109. oscache-2.3.2

110. commons-logging-1.1

111. commons-collection-3.2

112. commons-digester-1.8

113. commons-beanutils-1.7.0

114. Ajaxifyed JSF page <%@page contentType=&quot;text/html&quot;%> <%@page pageEncoding=&quot;UTF-8&quot;%> <%@ taglib uri=&quot;https://ajax4jsf.dev.java.net/ajax&quot; prefix=&quot;a4j&quot;%> <%@ taglib uri=&quot;http://java.sun.com/jsf/core&quot; prefix=&quot;f&quot; %> <%@ taglib uri=&quot;http://java.sun.com/jsf/html&quot; prefix=&quot;h&quot;%> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;> <f:view> <h:form> <h:outputText id=&quot;out&quot; value=&quot;#{test2.value}&quot;/> <h:inputText id=&quot;in&quot; value=&quot;#{test2.value}&quot;> <a4j:support event=&quot;onkeyup&quot; reRender=&quot;out&quot; /> </h:inputText> <h:message for=&quot;in&quot;/> </h:form> </f:view>

115. Ajax webpage

117. Facelets, an alternative to JSP

118. May use JSF 1.2 in a non JSP 2.1 container

119. Pure XML

120. Compiles XML to a JSF tree

121. Easier Tag handlers

122. May use EL such as #{myBean.value} almost anywhere

125. ui:insert and ui:include

127. Facelets template <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;> <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xmlns:ui=&quot;http://java.sun.com/jsf/facelets &quot;> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot; /> <title>Demo</title> <style type=&quot;text/css&quot;> body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; } </style> </head> <body> <h1> < ui:insert name=&quot;title&quot; >Default Title</ui:insert> </h1> <p> < ui:insert name=&quot;body&quot; >Default Body</ui:insert> </p> </body> </html>

128. Facelets example <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;> <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xmlns:ui=&quot;http://java.sun.com/jsf/facelets &quot; xmlns:h=&quot;http://java.sun.com/jsf/html &quot;> <body> < ui:composition template=&quot;/template.xhtml &quot;> <ui:define name=&quot;title&quot;> Message: #{myBean.value} </ui:define> <ui:define name=&quot;body&quot;> <h:form id=&quot;helloForm&quot;> <h:inputText type=&quot;text&quot; id=&quot;userNo&quot; value=&quot;#{myBean.value}&quot;/> <br/> <h:commandButton type=&quot;submit&quot; id=&quot;submit&quot; action=&quot;success&quot; value=&quot;Submit&quot; /> <br/> <h:message showSummary=&quot;true&quot; showDetail=&quot;false&quot; style=&quot;color: red; font-weight: bold;&quot; id=&quot;errors1&quot; for=&quot;userNo&quot;/> </h:form> </ui:define> </ui:composition> </body> </html>

130. Add your own ActionListener

131. Work with ValueChangeListeners

132. Use the PhaseListener API

133. Write your own UI components

134. Create new RenderKit

136. http://www.exadel.com/tutorial/jsf/jsftags-guide.html

137. http://myfaces.apache.org

138. http://www.theserverside.com/news/thread.tss?thread_id=33326

140. * How does it work (life cycle, managed beans, ...)?

141. * Where is the connection between JSP and JSF?

142. * How does JSF compare to eg Struts or Shale?

143. * What are Facelets and why does it make sense to use it?

144. * What tool support exists for JSF?

145. * How to test/debug JSF?

146. * JSF and Ajax

147. Seam

148. * Seam experiences

149. * Why the buzz

150. Design

151. * Designing EJB 3/J2EE applications

152. Tool

153. * Maven 2 vs Ant

155. * Test roundripp timing

156. * Cactus vs Embedded

157. * Tool support

158. * POJO

159. * Persistence (DBUnit)'

160. * Integrations tests

161. * GUI testing

162. Production

163. * JBoss4/JBoss5 problems

164. * MyFacec/Faces RI

165. * Support for J2EE 1.5

166. mogul .slut på presentation Kontakt: [email_address]