jsf and 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

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

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

WebRoot

WEB-INF

managed

XMLJSP

Features :: Demo Seam ProjectFeatures :: Demo Seam Project

LoginBean.java MasterDetailBean.java

faces-config.xmlweb.xml

/webproj

WebRoot

WEB-INF

managed

classes

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

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

<<End State>>end

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

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 and seam

jsf lifecycle jsf lifecycle

jsf page flow

jsf state management

jsf mvc controller

seam lifecycle seam

demo jsf project

jsf method binding

jsf value binding

Business

jsf vs. gwt? jsf und gwt!

primefaces:...

jboss world 2009 | dan allen & jay balunas - … · 2 jboss...

jboss enterprise application platform 4.3 seam 2 · pdf...

jsf, facelets, spring-jsf & maven

anatomia do jsf – javaserver faces - rafael ponte · •...

eclipse galileo jboss tools -...

seam and seam classes

seam and web beans -...

iv1201, javaserver faces, javaserver pages...lecture 11:...

jsf and ajax : past present and future - sys-con...

beginning jsf 2 apis and jboss...

doag sig java 2010 - java web framework - java server faces...

seam dev tools reference guide - jboss.org...

jsf and jstl

jsf 2: introduction and overview - custom training...

jsf facelets tags jsf template tags - wordpress.com ·...

javaserver faces (jsf)...

introduction to jboss seam - in relation...

standing seam technology -...