jsf-seam

2Copyright AlphaCSP Israel 2008 – Web Framework Playoff Seminar

Java Server FacesJava Server Facesadopting the standardadopting the standard

Roi AldaagConsultant, AlphaCSP


AgendaAgenda

Introduction Architecture Configuration Features Pros & Cons


Introduction Introduction

Not so long ago, if you “Googled“the word JSF, you probably would have come across …



The F-35 Joint Strike Fighter (JSF) …



Today you’d find…

JavaServer Faces Technology


Introduction :: What is JSF? Introduction :: What is JSF?

What is JSF ? Specification UI framework Component based Server side Java web applications


Introduction :: MotivationIntroduction :: Motivation

9 Billion Reasons for JSF…



JCP Standard

JSF 1.0/1.1 JSR 127 May 2005

JSF 1.2 JSR 252 May 2006JSF 2.0 JSR 314 Q4 2008 ?

/ JEE6


Introduction :: Motivation Introduction :: Motivation

Vendor adoption JSF RI MyFaces



Popularity Commercial Projects Open Source Projects Market Documentation



IDE integration Visual tool support Drag & Drop Auto-complete



Tools Component Libraries

IceFaces RichFaces ADF / Trinidad Tomahawk

Extensions Facelets Ajax4Jsf DinoFaces



View Technology JSP / Servlet Other template engines

Facelets JSFTemplating

Multiple rendering output from same pages


Introduction :: What is Seam? 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


Introduction :: What is Seam? Introduction :: What is Seam?

Misconceptions Can be used without EJB3 Does not need a container Has a small footprint Easy integration


Introduction :: Why JSF+Seam?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


Introduction :: Seam in actionIntroduction :: Seam in action


AgendaAgenda



Architecture :: JSF MVCArchitecture :: JSF MVC

Front Servlet(FacesServlet)

Controller

Event Listeners &Action Handlers

(ValueChangeListener,ActionListener)

Config(faces-config.xml)

Events(ValueChangeEvent,

ActionEvent)

ModelView

Component Model

(Java Beans)

Delegates(Convertors,Validators,Renderers)

Resources(JSP,XML,

Properties)

Component Tree

(UIComponent)

Business Objects

(Managed Beans)

Request

Response

UIViewRoot

UIForm

UIInput UIInput

UIPanel

Model

View

Controller




Controller





ActionEvent)

ModelView

Component Model

(Java Beans)


Resources(JSP,XML,

Properties)

Component Tree

(UIComponent)

Business Objects

(Managed Beans)

Request

Response

UIViewRoot

UIForm

UIInput UIInput

UIPanel

Model POJO’s



Controller





ActionEvent)

ModelView

Component Model

(Java Beans)


Resources(JSP,XML,

Properties)

Component Tree

(UIComponent)

Business Objects

(Managed Beans)

Request

Response

UIViewRoot

UIForm

UIInput UIInput

UIPanel

Controller Front Servlet

Configuration

Event Listeners





Controller





ActionEvent)

ModelView

Component Model

(Java Beans)


Resources(JSP,XML,

Properties)

Component Tree

(UIComponent)

Business Objects

(Managed Beans)

Request

Response

UIViewRoot

UIForm

UIInput UIInput

UIPanel

View Component Tree

Component Model

Delegates

Resources


UIViewRoot

UIForm

UIInput UIInput

UIPanel

...<f:view>< h:form>

< h:panelGrid columns = "2>"< h:inputText>/< h:inputSecret>/

/< panelGrid>/< h:form>/<f:view>

..

...<f:view>< h:form>

< h:panelGrid columns = "2>"< h:inputText>/< h:inputSecret>/

/< panelGrid>/< h:form>/<f:view>

..

HTMLHTML

JSP

WMLWML

XMLXML

Architecture :: Component TreeArchitecture :: Component Tree

MarkupComponent TreeJSF tags


Architecture :: JSF LifecycleArchitecture :: JSF Lifecycle

JSF Lifecycle1. Restore view2. Apply request values3. Process validations4. Update model values5. Invoke application6. Render response

Restore View

Apply Request Values

Process Validation

Update Model Values

Invoke Appilcation

Render Response

Request

Response


Architecture :: Seam LifecycleArchitecture :: Seam Lifecycle

Seam Lifecycle1. Restore view2. Restore Conversation3. Apply Page Parameters4. Apply request values5. Process validations6. Update model values7. Invoke application8. Process Selection9. Store Conversation10. Render response

Restore View

Apply Request Values

Process Validation

Update Model Values

Invoke Appilcation

Render Response

Request

ResponseStore Conversation

Invoke Page Action

Process Data Model Selection

Apply Page Parameters

RestoreConversation


Architecture :: Seam ConceptsArchitecture :: Seam Concepts

Seam Concepts1. Three Tier2. POJOs and annotations3. IoC and bijection4. Contextual state management5. Interceptors


AgendaAgenda



Configuration :: JSFConfiguration :: JSF

faces-config.xml


Configuration :: SeamConfiguration :: Seam

faces-config.xml


Configuration :: JSFConfiguration :: JSF

web.xml


Configuration :: SeamConfiguration :: Seam

web.xml


AgendaAgenda



Features :: Demo JSF ProjectFeatures :: Demo JSF Project

LoginBean.java MasterDetailBean.java

jsfLogin.jsp jsfMasterDetail.jsp

faces-config.xmlweb.xml

/webproj

src

WebRoot

WEB-INF

managed

XML

XMLJSP

JSP


Features :: Demo Seam ProjectFeatures :: Demo Seam Project

LoginBean.java MasterDetailBean.java


faces-config.xmlweb.xml

/webproj

src

WebRoot

WEB-INF

managed

lib

classes

XML

XML

JSP

JSP

seam.properties

jboss-seam.jar

jboss-seam-ui.jar

components.xml


Features :: Demo Login pageFeatures :: Demo Login page

jsfLogin.jsp

UIViewRoot

UIPanel

UIOutput

UIPanel

UIInput

UIForm

UIOutput

UIInput

UICommand

UIPanel


LoginBean.java

Features :: JSF Value BindingFeatures :: JSF Value Binding

jsfLogin.jsp

faces-config.xml

Unified EL

Managed Bean


LoginBean.java

Features :: JSF Method BindingFeatures :: JSF Method Binding

jsfLogin.jsp

Invoke ApplicationPhase


Features :: JSF State ManagementFeatures :: JSF State Management


User

Dependency Injection


Features :: Seam State ManagementFeatures :: 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


Features :: Seam State ManagementFeatures :: Seam State Management

MasterDetailBean.java


LoginBean.java

Features :: JSF Page FlowFeatures :: JSF Page Flow


faces-config.xml


Features :: Seam Page FlowFeatures :: Seam Page Flow

Page Actions HTTP GET Bookmarking RESTful URLs

HTTP POST

HTTP GET


Features :: Seam Page FlowFeatures :: Seam Page Flow

Page Flow JBoss Business Process Management (jBPM) Used to define process workflow / page flow Define transition between pages Define navigation rules for each page Flow is based on events and conditions

Back button In conversation mode, back button is disallowed Undefined transition Seam blocks actions from “stale” pages Redirects to relevant page

<<Start State>>start

<<Page>>login

<<Decision>>User

authenticated ?

<<Page>>contacts

true

<<End State>>end

false


Features :: JSF ValidationsFeatures :: JSF Validations


jsfMasterDetail.jsp


Features :: Seam ValidationsFeatures :: Seam Validations

jsfMasterDetail.jsp


@org.hibernate.validator.Email


Features :: JSF Error HandlingFeatures :: JSF Error Handling

javax.servlet.ServletException: javax/servlet/jsp/tagext/JspIdConsumer


Features :: Seam Error HandlingFeatures :: Seam Error Handling


Features :: Seam Error HandlingFeatures :: Seam Error Handling

Exception Annotations


Features :: Demo MasterDetail pageFeatures :: Demo MasterDetail page

jsfMasterDetail.jsp



Features :: Demo MasterDetail pageFeatures :: Demo MasterDetail page

jsfMasterDetail.jsp - continued

HtmlDataTable

HtmlColumn HtmlColumn

HtmlOutputText HtmlOutputText


Features :: JSF AjaxFeatures :: 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


Features :: JSF AjaxFeatures :: JSF Ajax

Ajax: Component Wide Ajaxified components Client validations Client component interaction Custom lifecycle Example:

RichFaces, IceFaces, ADF (Trinidad)


Features :: Seam AjaxFeatures :: 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


Features :: DocumentationFeatures :: Documentation

JSF Specification Forums Books

Seam Reference Forums Books


AgendaAgenda



Pros & ConsPros & Cons

Seam Sweet spots Seam Gen (RoR) Security (Role / Rule based) Spring Integration Integrated testing FW (TestNG)


Pros & ConsPros & Cons

JSF Shortcomings Too much wiring HTTP GET / REST is hard Complicated Lifecycle Slow learning curve Writing new components Poor exception handling


ReferencesReferences

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/


Thank Thank You !You !

jsf-seam

Documents