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

JSF 2.0
Robert Reiz
Tuesday, February 23, 2010

Trainer

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

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 ?


Standards

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


Lifecycle

Request
Apply Request Process
Restore View
Values Validations

Response
Render Invoke Update Modell
Response Applications Values


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

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

jsf.js


<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 IceFaces
ADF Netadvantage Facelets
Tomahawk
Trinidad
Orchestra PrimeFaces

Tobago
Woodstock ploinFaces


Matrix

http://www.jsfmatrix.net/


Nachteile von JSF 1.X


JSF 1.X

Nicht Bookmarkfähig -> PostBackPattern
Lange XML-Konﬁguration
Kein Templating mit JSP
Kein Resourcen-Handing
Kein AJAX
Wenig Convention -> Viel Conﬁguration


JSF 2.0


JSF 2.0 - Big changes

XML-Freie Konﬁg. mit Annotationen
Facelets ist der neue Standard
Facelets-Comp. mit Interfaces/Impl.
Standartisiertes AJAX
Bookable links/buttons


JSF 2.0 - Small changes

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


Status Quo JSF 2.0

JSF-RI ploinFaces

(mojarra)
MyFaces-Core

RichFaces
IceFaces

PrimeFaces


Annotations


@ManagedBean
@RequestScoped
public 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


Facelets

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


Facelets - Template

layout.xhtml

login.xhtml welcome.xhtml myData.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

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


Facelets - Compon.

<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" />


Clean Code


AJAX


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.addOnError(callback)

jsf.ajax.addOnEvent(callback)

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

jsf.ajax.response(request, context)


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']}" />


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

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

[localePreﬁx/][libraryName/][libraryVersion/]resourceName[/resourceVersion]


Bookable Pages


Bookable

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

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


Scopes


Scopes

Application
Session
Request
View
Flash
Custom
None


Flows/Conversation


Flows - ploinFaces

<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

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


Flows - ploinFaces

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


DEMO


???


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

More Related Content

Similar to Java Server Faces 2.0 - Der Standard für moderne und komponentenbasierte Webanwendungen

More from GFU Cyrus AG

Recently uploaded

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