Download pdf - Java Server Faces 2.0 - Der Standard für moderne und komponentenbasierte Webanwendungen

JSF 2.0Robert Reiz

Tuesday, February 23, 2010

Robert Reiz Dipl. Inf. (FH-Mannheim)

Buch Mail-Travel-Agents auf Linux-Systemen

Java-Projekte seit 2002

JSF-Erfahrung seit 2006

Gründung der PLOIN GmbH Jan. 2008

Trainer bei der GFU seit Dez. 2008

Trainer


Trainer

Comitter

ploinFaces

ploinMailFactory

Blog

http://www.robert-reiz.de


Eine Presentation ist keine Dokumentation!Eine Presentation soll lediglich den Speaker bei seinem

Vortrag unterstützen!


Wer kennt JSF ?


Was ist JSF ?


JSF 1.0 - JSR 127 - May 2004 JSF 1.2 - JSR 252 - May 2006 JSF 2.0 - JSR 314 - Julie 2009

Standards


Restore ViewApply Request

ValuesProcess

Validations

Update Modell Values

Invoke Applications

Render Response

Request

Response

Lifecycle


xmlns:h="http://java.sun.com/jsf/html"xmlns:f="http://java.sun.com/jsf/core"

xmlns:ui="http://java.sun.com/jsf/facelets"

jsf.js

JSF 1.2

JSF 2.0

xmlns:composite="http://java.sun.com/jsf/composite"


<h:selectOneListbox id="edit_workUnit_selectedProject" value="${managedBean[projectItem]}" style="width:200px; height:200px;" required="true"> <f:selectItems value="#{managedBean.projectList}"/></h:selectOneListbox>

<h:commandButton value="Speichern" actionListener="#{managedBean.doLoginListener}" action="#{loginBean.doLogin}" />



Implementierungen

JSF-RI (mojarra)

MyFaces-Core


Flora und Fauna

RichFaces IceFacesADF

TrinidadOrchestra

Tomahawk

PrimeFaces

ploinFacesTobago

Netadvantage

Woodstock

Facelets


Matrix

http://www.jsfmatrix.net/


http://www.jsfmatrix.net

http://www.jsfmatrix.net

Nachteile von JSF 1.X


Nicht Bookmarkfähig -> PostBackPattern Lange XML-Konfiguration Kein Templating mit JSP Kein Resourcen-Handing Kein AJAX Wenig Convention -> Viel Configuration

JSF 1.X


JSF 2.0


XML-Freie Konfig. mit Annotationen Facelets ist der neue Standard

Facelets-Comp. mit Interfaces/Impl. Standartisiertes AJAX Bookable links/buttons

JSF 2.0 - Big changes


Neue Scopes System-events Direkte Navigation ProjectStage Neue Methoden in der FacesContext ....

JSF 2.0 - Small changes


Status Quo JSF 2.0

JSF-RI (mojarra)

MyFaces-Core

RichFacesIceFaces

PrimeFaces

ploinFaces


Annotations


@ManagedBean@RequestScopedpublic class LogInBean {

private static final long serialVersionUID = 199L; private String loginName = "admin"; @ManagedProperty(name = "pass", value="admin") private String password;

private String doNavigate(){ return "/page/welcome";

}

}


Facelets


Nicht 1:1 übernommen Templating 15% schneller als JSP Einfache Komponentenentwicklung Schnittstelle für composite-components

Facelets


layout.xhtml

login.xhtml myData.xhtmlwelcome.xhtml

Facelets - Template


<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:ui="http://java.sun.com/jsf/facelets"><h:head> <link rel="stylesheet" type="text/css" href="../css/layout.css" /></h:head><h:body> <div id="header" align="center"> <ui:insert name="header"> HEADER - ${title} </ui:insert> </div>

<div id="content"> <ui:insert name="content"> Content </ui:insert> </div>

<div id="footer" align="center"> <ui:insert name="footer" > FOOTER </ui:insert> </div>

</h:body></html>

Facelets - Template


Facelets - Template

<ui:composition template="/page/layout.xhtml"> <ui:param name="title" value="LOGIN SITE" /> <ui:define name="content"> ... Hier Inhalt </ui:define></ui:composition>


<html xmlns="http://www.w3.org/1999/xhtml" xmlns:composite="http://java.sun.com/jsf/composite"><head><title>MyComponent</title></head><body>

<composite:interface> <composite:attribute name="title"/> </composite:interface> <composite:implementation> <div style="border: 1px soldi red"> <h1>#{cc.attrs.title}</h1>

... XHTML oder JSF-Komponenten </div> </composite:implementation>

</body></html>

Facelets - Compon.


<html xmlns:gfu="http://java.sun.com/jsf/composite/gfu">

<gfu:myComponent title="Panel-Header" />

Facelets - Compon.


http://java.sun.com/jsf/composite/gfu

http://java.sun.com/jsf/composite/gfu

Clean Code


AJAX


<f:ajax event="keyup" execute="@form" render="form:result" />

AJAX


<h:form id="form"> <h:inputText value="#{welcomeBean.text}" > <f:ajax event="keyup" execute="@form" render="form:result" /> </h:inputText> <h:outputText id="result" value="#{welcomeBean.text}" /></h:form>

AJAX


jsf.ajax.request(source, event, options)

jsf.ajax.response(request, context)

jsf.ajax.addOnEvent(callback)

jsf.ajax.addOnError(callback)

AJAX


Resources


Resources

<h:outputStylesheet name="css/style.css" /><h:outputScript name="jsf.js" libary="javax.faces" target="head" /><h:graphicImage value="#{resource['lib:gfu.gif']}" />


[localePrefix/][libraryName/][libraryVersion/]resourceName[/resourceVersion]

/META-INF/resources/compLib/script/compScript.js

/resources/compLib/1.1/script/compScript.js


Bookable Pages


<h:link outcome="/page/welcome" value="testLink" includeViewParams="true" > <f:param name="userId" value="5" /></h:link>

<a href="/demoJsf2/page/welcome.jsf?userId=5">testLink</a>

Bookable


<h:button outcome="/page/welcome" value="testLink" includeViewParams="true" > <f:param name="userId" value="5" /></h:button>

Bookable

<input type="button" value="testLink" onclick="window.location.href='/demoJsf2/page/welcome.jsf?userId=5'; return false;"/>


Scopes


Application Session Request View Flash Custom None

Scopes


Flows/Conversation


<flow id="loginFlow"> <views> <view>/login.xhtml</view> <view>/page/help/agbLogin.xhtml</view> <view>/page/help/haftungLogin.xhtml</view> </views> <attributes> <attribute>logInOutBean</attribute> </attributes> </flow>

Flows - ploinFaces


Flows - ploinFaces

<flow id="useradministrationFlow"> <views> <view>/page/useradmin.*</view> </views> <attributes> <attribute>useradminBean</attribute> <attribute>secureBean</attribute> </attributes> </flow>


<authoritySource>#{sessionBean.loginUserRole}</authoritySource>

<accessDeniedPage>/page/accessDenied.xhtml</accessDeniedPage>

<flow id="useradministrationFlow"> <views> <view>/page/useradmin.*</view> </views> <attributes> <attribute>useradminBean</attribute> <attribute>secureBean</attribute> </attributes> <includeAuthorities> <authority>Administrator</authority> <authority>GIS</authority> </includeAuthorities> </flow>

Flows - ploinFaces


Clean Code


DEMO


? ? ?
