JSF Seam

Java Server Faces
adopting the standard
Roi Aldaag
Consultant, AlphaCSP
2
Copyright AlphaCSP Israel 2008 – Web Framework Playoff Seminar
Agenda
 Introduction
 Architecture
 Configuration
 Features
 Pros & Cons
3
Introduction
Not so long ago, if you “Googled“

the word JSF, you probably would
have come across …
4
Introduction
The F-35 Joint Strike Fighter (JSF)

…
5
Introduction
Today you’d find…
JavaServer Faces Technology
6
Introduction :: What is JSF?
 What is JSF ?
 Specification
 UI framework
 Component based
 Server side
 Java web applications
7
Introduction :: Motivation
9 Billion Reasons for JSF…
8
 JCP Standard
JSF 1.0/1.1 JSR 127 May 2005

JSF 1.2 JSR 252 May 2006
JSF 2.0 JSR 314 Q4 2008 ?
/ JEE6
9
 Vendor adoption
 JSF RI
 MyFaces
10
 Popularity
 Commercial Projects
 Open Source Projects
 Market
 Documentation
11
 IDE integration
 Visual tool support
 Drag & Drop
 Auto-complete
12
 Tools
 Component Libraries
 IceFaces
 RichFaces
 ADF / Trinidad
 Tomahawk
 Extensions
 Facelets
 Ajax4Jsf
 DinoFaces
13
 View Technology
 JSP / Servlet
 Other template engines
 Facelets
 JSFTemplating
 Multiple rendering output
from same pages
14
Introduction :: What is Seam?
 What is Seam ?
 A lightweight framework for JEE5
 Unifies JSF and EJB models
(Web Beans / JSR 299)
 Integrates JSF, POJOs, JPA, jBMP, Drools
 Annotation / EL based
 Extends JSF
 JBoss OS (LGPL)
 Release at 2006
 Current version 2.0.2 SP1
15
Introduction :: What is Seam?
 Misconceptions
 Can be used without EJB3
 Does not need a container
 Has a small footprint
 Easy integration
16
Introduction :: Why JSF+Seam?
 Why JSF + Seam?

 JSF has some weaknesses…
 Seam extends and enhances JSF
 Reduces boilerplate code
 Annotations
 RESTful URLs
 JSF Lifecycle
 Contextual state management
 Ajax Remoting
 Exception Handling
 Simple Integration
 EJB3 / jBMP/ Drools / Spring
17
Introduction :: Seam in action
18
Agenda
 Introduction
 Architecture
 Configuration
 Features
 Pros & Cons
19
Architecture :: JSF MVC
Controller
 Model Config
(faces-config.xml)
 View Request Events

(ValueChangeEvent,
ActionEvent)
Event Listeners &
Front Servlet Action Handlers
 Controller
(FacesServlet) (ValueChangeListener,
ActionListener)
Component
Tree Component Business
(UIComponent) Model Objects
(Java Beans) (Managed Beans)
UIViewRoot
Delegates
UIForm (Convertors,
Validators,
Renderers)
Response UIPanel
UIInput UIInput
Resources
(JSP,
XML,
Properties)
View Model
20
Controller
Model
Config
(faces-config.xml)
 POJO’s
Request Events
(ValueChangeEvent,
ActionEvent)
Event Listeners &
Front Servlet Action Handlers
(FacesServlet) (ValueChangeListener,
ActionListener)
Component
UIViewRoot
Delegates
UIForm (Convertors,
Validators,
Renderers)
Response UIPanel
UIInput UIInput
Resources
(JSP,
XML,
Properties)
View Model
21
Controller
Controller
Config
(faces-config.xml)
 Front Servlet
Request Events
(ValueChangeEvent,
ActionEvent)
Event Listeners &
 Configuration Front Servlet

(FacesServlet)
Action Handlers
(ValueChangeListener,
ActionListener)
 Event Listeners
Component
UIViewRoot
Delegates
UIForm (Convertors,
Validators,
Renderers)
Response UIPanel
UIInput UIInput
Resources
(JSP,
XML,
Properties)
View Model
22
Controller
View
Config
(faces-config.xml)
 Component Tree
Request Events
(ValueChangeEvent,
ActionEvent)
Event Listeners &
 Component Model Front Servlet

(FacesServlet)
Action Handlers
(ValueChangeListener,
ActionListener)
 Delegates
 Resources Component
Tree
(UIComponent)
Component
Model
Business
Objects
UIViewRoot
Delegates
UIForm (Convertors,
Validators,
Renderers)
Response UIPanel
UIInput UIInput
Resources
(JSP,
XML,
Properties)
View Model
23
Architecture :: Component Tree
JSF tags Component Tree Markup
...
UIViewRoot
>f:view< HTML
>h:form<
>"h:panelGrid columns = "2< UIForm
>/h:inputText<
>/h:inputSecret< WML
>panelGrid/<
UIPanel
>h:form/<
>f:view/<
JSP XML
.. UIInput UIInput
24
Architecture :: JSF Lifecycle
JSF Lifecycle Request

Restore View
2. Restore view
3. Apply request values Apply Request
Values
4. Process validations
5. Update model values Process Validation
6. Invoke application
Update Model
7. Render response Values
Invoke Appilcation
Render Response
Response
25
Architecture :: Seam Lifecycle
Seam Lifecycle Request

Restore View
Restore
Conversation
2. Restore view
3. Restore Conversation Apply Request
Values
Apply Page
Parameters
4. Apply Page Parameters

5. Apply request values Process Validation
6. Process validations
Update Model
7. Update model values Values
Process Data Model
8. Invoke application Selection
Invoke Appilcation
9. Process Selection Invoke Page Action
10. Store Conversation

Render Response Store Conversation
11. Render response Response
26
Architecture :: Seam Concepts
Seam Concepts
2. Three Tier
3. POJOs and annotations
4. IoC and bijection
5. Contextual state management
6. Interceptors
27
Agenda
 Introduction
 Architecture
 Configuration
 Features
 Pros & Cons
28
Configuration :: JSF
faces-config.xml
29
Configuration :: Seam
faces-config.xml
30
Configuration :: JSF
web.xml
31
Configuration :: Seam
web.xml
32
Agenda
 Introduction
 Architecture
 Configuration
 Features
 Pros & Cons
33
Features :: Demo JSF Project
jsfLogin.jsp jsfMasterDetail.jsp
/webproj
src
managed
WebRoot
WEB-INF
LoginBean.java MasterDetailBean.java
XML
JSP
XML
JSP
web.xml faces-config.xml
34
Features :: Demo Seam Project
/webproj
src
managed
WebRoot
WEB-INF LoginBean.java MasterDetailBean.java

XML
XML
classes
JSP
seam.properties lib
components.xml JSP
jboss-seam.jar web.xml faces-config.xml
jboss-seam-ui.jar
35
Features :: Demo Login page
jsfLogin.jsp
UIViewRoot
UIForm
UIPanel
UIPanel UIPanel
UIOutput UICommand
UIInput
UIOutput
UIInput
36
Features :: JSF Value Binding
LoginBean.java faces-config.xml
Managed Bean
jsfLogin.jsp
Unified EL
37
Features :: JSF Method Binding
LoginBean.java jsfLogin.jsp
Invoke Application
Phase
38
Features :: JSF State Management
User
Dependency Injection
39
Features :: Seam State Management
 Contextual state management

 Bijection
 @In - Injection
 @Out – Outjection
 Dynamic, contextual, bidirectional
 Context Scope
 Event < Page < Conversation <
Business Process < Session < Application
 Conversation
 Temporary conversation
 Long-running conversation
 ConversationId
40
Features :: Seam State Management
MasterDetailBean.java
41
Features :: JSF Page Flow
LoginBean.java
faces-config.xml
42
Features :: Seam Page Flow
 Page Actions
 HTTP GET
 Bookmarking
 RESTful URLs
HTTP POST
HTTP GET
43
Features :: Seam Page Flow
<<Start State>>
 Page Flow start
JBoss Business Process Management (jBPM)

<<Page>>
 login
Used to define process workflow / page flow

true
 <<Decision>>
User
 Define transition between pages authenticated ?

false
 Define navigation rules for each page <<Page>>

contacts
 Flow is based on events and conditions

<<End State>>
 Back button
end
 In conversation mode, back button is disallowed

 Undefined transition
 Seam blocks actions from “stale” pages
 Redirects to relevant page
44
Features :: JSF Validations
jsfMasterDetail.jsp
45
Features :: Seam Validations
jsfMasterDetail.jsp
org.hibernate.validator.Email@
46
Features :: JSF Error Handling
javax.servlet.ServletException:
javax/servlet/jsp/tagext/JspIdConsumer
47
Features :: Seam Error Handling
48
Features :: Seam Error Handling
Exception Annotations
49
Features :: Demo MasterDetail page
jsfMasterDetail.jsp
50
Features :: Demo MasterDetail page
jsfMasterDetail.jsp - continued
HtmlDataTable
HtmlColumn HtmlColumn
HtmlOutputText HtmlOutputText
51
Features :: JSF Ajax
 Ajax: Page Wide

 Page wide support (region, zone)
 Add support to existing components
 Sub view processing
 Partial tree rendering
 Normal lifecycle
 Partial page refresh
 Example:
 Ajax4Jsf, Dynamic Faces
52
Features :: JSF Ajax
 Ajax: Component Wide

 Ajaxified components
 Client validations
 Client component interaction
 Custom lifecycle
 Example:
 RichFaces, IceFaces, ADF (Trinidad)
53
Features :: Seam Ajax
 Ajax Remoting
 Similar to DWR
 Access seam components from JS
 JavaScript APIs
 Seam.Component
 Seam.Remote
 Expose server side components
 @WebRemote
 Compatible with Ajax4Jsf
 Dojo / GWT integration
54
Features :: Documentation
 JSF
 Specification
 Forums
 Books
 Seam
 Reference
 Forums
 Books
55
Agenda
 Introduction
 Architecture
 Configuration
 Features
 Pros & Cons
56
Pros & Cons
 Seam Sweet spots

 Seam Gen (RoR)
 Security (Role / Rule based)
 Spring Integration
 Integrated testing FW (TestNG)
57
Pros & Cons
 JSF Shortcomings
 Too much wiring
 HTTP GET / REST is hard
 Complicated Lifecycle
 Slow learning curve
 Writing new components
 Poor exception handling
58
References
 JSF
 http://www.jcp.org/en/jsr/detail?id=252
 http://jcp.org/en/jsr/detail?id=314
 http://myfaces.apache.org/
 Seam
 http://www.jboss.com/products/seam
 http://www.seamframework.org/
59
Thank
You !
60

JSF Seam

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

JSF Seam

Enviado por

Direitos autorais:

Formatos disponíveis

Java Server Faces

adopting the standard

Not so long ago, if you “Googled“

The F-35 Joint Strike Fighter (JSF)

Today you’d find…

JavaServer Faces Technology

9 Billion Reasons for JSF…

JSF 1.0/1.1 JSR 127 May 2005

 Why JSF + Seam?

 View Request Events

 Configuration Front Servlet

 Component Model Front Servlet

JSF tags Component Tree Markup

JSF Lifecycle Request

Seam Lifecycle Request

4. Apply Page Parameters

10. Store Conversation

11. Render response Response

WEB-INF LoginBean.java MasterDetailBean.java

jboss-seam.jar web.xml faces-config.xml

 Contextual state management

 Page Flow start

JBoss Business Process Management (jBPM)

Used to define process workflow / page flow

 Define transition between pages authenticated ?

 Define navigation rules for each page <<Page>>

 Flow is based on events and conditions

 In conversation mode, back button is disallowed

 Ajax: Page Wide

 Ajax: Component Wide

 Seam Sweet spots

Você também pode gostar