Einsatz und Grenzen von Java Server Faces 2€¦ · Java Magazin 01/2009 (Jan Groth, Frank Ratzlow)...

www.mwea.de

Einsatz und Grenzen von Java Server Faces 2.0 Einsatz und Grenzen von Java Server Faces 2.0

Kai Wähner

München

09. September 2010

www.mwea.de

Einordnung von JSF in JEE

9/11/2010 Seite 2Einsatz und Grenzen von Java Server Faces 2.0 (Kai Wähner)

www.mwea.de

Einordnung von JSF in JEE


www.mwea.de

"Überblick" über JSF


www.mwea.de

Ziel: ÜBERBLICK über JSF geben


www.mwea.de

Keine Erläuterung aller Details des JSF-Standards


Bullet Point Boot Camp

www.mwea.de

Keine Quellcode-Beispiele


www.mwea.de

1. Überblick über JSF

2. Verfügbare Addons

3. Grenzen von JSF

Agenda


www.mwea.de

1. Überblick über JSF2. Verfügbare Addons

3. Grenzen von JSF

Agenda


www.mwea.de

JSF ist ein Web-Framework �Was ist das?


A web application framework is a software framework that is designed to support the development Web applications.

The framework aims to alleviate the overhead associated with common activities performed in Web development..

(Wikipedia)

www.mwea.de

Model-View-Controller (MVC) Pattern


www.mwea.de

Überblick über JSF


Faces Servlet

Renderer

XUL

JSP

XHTML Converter

Validator

Managed Bean

faces-

(optional)

faces-config.xml(optional)

HTTP-Request

HTTP-Response

(AJAX)

Component A

Component A

Component B

Component B

Component C

Component C

Validator

ConverterConverter

www.mwea.de

JSF und MVC


Faces Servlet

Renderer

XUL

JSP

XHTML Converter

Validator

Managed Bean

faces-

(optional)


HTTP-Request

HTTP-Response

(AJAX)

Component A

Component A

Component B

Component B

Component C

Component C

Validator

ConverterConverter

View

www.mwea.de

JSF und MVC


Faces Servlet

Renderer

XUL

JSP

XHTML Converter

Validator

Managed Bean

faces-

(optional)


HTTP-Request

HTTP-Response

(AJAX)

Component A

Component A

Component B

Component B

Component C

Component C

Validator

ConverterConverter

Model

www.mwea.de

JSF und MVC


Faces Servlet

Renderer

XUL

JSP

XHTML Converter

Validator

Managed Bean

faces-

(optional)


HTTP-Request

HTTP-Response

(AJAX)

Component A

Component A

Component B

Component B

Component C

Component C

Validator

ConverterConverter

Controller

www.mwea.de

MVC - View


<?xml version='1.0' encoding='UTF-8' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"xmlns:h="http://java.sun.com/jsf/html"><h:head><title>"Hello World"-Beispiel</title>

</h:head>

<h:body><p>Aktuelles Datum: </p><h:outputText value="#{helloBean.now}" />

<h:button value="Zur zweiten Seite“ action="#{helloBean.secondPage}"</h:body>

</html>

www.mwea.de

package de.mwea.waehner.helloworld.beans;

import javax.faces.bean.ManagedBean;

import javax.faces.bean.RequestScoped;

// Annotations statt Konfiguration in faces-config.xml

@ManagedBean(name="helloBean") // Default-Name: helloWorldManagedBean

public class HelloWorldManagedBean {

public HelloWorldManagedBean() {}

public java.util.Date getNow() { return new java.util.Date();}

public String getSecondPage() { return "secondPage.xhtml"; } // auch Navigation möglich

}

MVC – Model und Controller


www.mwea.de

JSF Life Cycle


RequestRequest

ResponseResponse

Apply Request Values

Apply Request Values

Restore View

Restore View

Process ValidationsProcess Validations

Update Model Values

Update Model Values

Invoke Application

s

Invoke Application

s

Render ResponseRender

Response

No Query Data

Conversion or Validation Errors

www.mwea.de

Design-Konzepte � Multi-Page


Waren-katalogWaren-katalog

WarenkorbWarenkorb

StartseiteStartseite

Kunden-verwaltungKunden-verwaltung

Suche Artikel

Wähle Artikel aus

Bestelle Artikel

www.mwea.de

Design-Konzepte � Server-zentrisch


ServerServerClientClient

Request

Response: GUI + Daten

Bei jedem Request:

www.mwea.de

Design-Konzepte � Komponenten-basiert


ButtonButton

Complex ComponentComplex ComponentRadioButtonsRadioButtons

Dropdown-Box

Dropdown-Box

ButtonButton

TableTable

www.mwea.de

Design-Konzepte: Server-seitige Validierung


Standard-Validierung vs. Bean-Validation (JSR-303)

www.mwea.de

Was ist eigentlich neu bei JSF 2.0?


Standardisiertes Ressourcen-Management

Facelets(kein JSR!)

Zusätzliche Scopes

AJAX

Annotations

Einfachere Komponenten-entwicklung

Weniger Konfiguration

www.mwea.de

Standard JSF Tags

Managed Beans,

Navigation,

Facelets,

Data Tables,

Converter,

Validation,

Composite Components,

Event Handling,

Custom Components,

Converters and Validators.

Weitere Details (d.h. Codebeispiele) zu JSF?


www.mwea.de

1. Überblick über JSF

2. Verfügbare Addons3. Grenzen von JSF

Agenda


www.mwea.de

Verfügbare Addons: Komponenten-Bibliotheken


www.mwea.de

Beispiel "RichFaces"


AJAX-Erweiterungen

AJAX-Erweiterungen

Dynamische

Ressourcen-Verwaltung

Dynamische

Ressourcen-Verwaltung

Client-side ValidationClient-side Validation

Eigene Komponenten

noch einfacher

Eigene Komponenten

noch einfacher

Viele Komponente

n

Viele Komponente

n

www.mwea.de

Verfügbare Addons: JBoss Seam


www.mwea.de

JBoss Seam


Seam 2 vs. Seam 3

www.mwea.de

JBoss Seam – Rückblick: Seam 2 (JSF 1.2)


„Mit JBoss Seam liegt ein Framework vor, das das Gebot der Leichtgewichtigkeit mit dem klassischen Java EE Stack kombinieren will. Es verspricht, die einzelnen Java-EE-Komponenten mit einem speziellen „Klebstoff“ zu verbinden und so für den Entwickler die Grenzen zwischen den einzelnen Technologien zu verwischen.“

Java Magazin 01/2009 (Jan Groth, Frank Ratzlow)

www.mwea.de

JBoss Seam – Rückblick: Seam 2 (JSF 1.2)


JBoss

JBoss LGLP-

LizenzLGLP-Lizenz

100% JEE-

konform

100% JEE-

konform

JSF 1.2 + EJB 3.0 / POJO + JPA 1.0 / Hibernate

+ jBPM

JSF 1.2 + EJB 3.0 / POJO + JPA 1.0 / Hibernate

+ jBPM

seam-genseam-gen

Seam-Kontext über alle Schichten

(GUI – Logik –DB)

Seam-Kontext über alle Schichten

(GUI – Logik –DB)

www.mwea.de

JBoss Seam – Vorschau: Seam 3 (JSF 2.0)


„Wenn Java EE 6 das Haus baut, dann sorgt Seam 3 für die Möbel“

Dan Allen (Seam-Comitter) im Java Magazin 08/2010

www.mwea.de



„Problem“: Vieles von Seam 2 in Java EE 6 integriert

� Context and Dependency Injection (JSR-299)

� Bean Validation (JSR-303)

� neue JSF 2.0 Features

www.mwea.de



Frage: Wieso wird dann

überhaupt noch Seam 3 benötigt?

www.mwea.de



Auszug aus Seam 3:

� JEE 6 Web-Profil als technisches Minimum

� seam-gen fast komplett neu

� „Seam 2 Bridge“

� PDF-Erzeugung

� BPM-Integration

� Arquillian: „An end to end testing solution“

www.mwea.de

JBoss Seam – Wann soll es eingesetzt werden?


Seam ist geeignet für:

�Entwicklung einer vollständigen Webanwendung

Seam ist nicht geeignet für:

� Entwicklung einzelner Module

� Integration mit anderen Frameworks

www.mwea.de

JBoss Seam – Pitfall


„Ich habe mit Seam angefangen. Ich habe aber gar keine Erfahrung mit Web-Entwicklung. Würde mir jemand sagen, wie ich darüber Beispiele und kleine Übungen finden kann?“

Quelle: Ein Java-Forum...

www.mwea.de

JBoss Seam – Pitfall


Hohes Maß an Verständnis sowohl der verwendeten Technologien als auch der Seam-

Konzepte wird unbedingt vorausgesetzt!

„Ich habe mit Seam angefangen. Ich habe aber gar keine Erfahrung mit Web-Entwicklung. Würde mir jemand sagen, wie ich darüber Beispiele und kleine Übungen finden kann?“

Quelle: Ein Java-Forum...

www.mwea.de

Verfügbare Addons: Portal-Integration


<Exkurs_Portal>

www.mwea.de

Portal-Integration - Was ist ein Portal?


Kein Standard!

www.mwea.de

Portal-Integration - Was ist ein Portal?


� Informationen verschiedener Anwendungen auf eine einheitliche Art darstellen

� Informationen, Personen und Prozesse über organisatorische Grenzen hinweg in Unternehmen integrieren

� zusätzlich zu Web-Framework(s)

� Portal-Server

� Portlet-Standard

www.mwea.de

Portal-Integration


www.mwea.de

Portal-Integration - Vorteile eines Portals?


� Integration

� Zusammenarbeit

� Single-Sign-On

� Personalisierung

www.mwea.de

Portal-Integration


</ Exkurs_Portal>

www.mwea.de

Portal-Integration - Wieso JSF bei Portal einsetzen?


Problem generell:

Integration / Migration von Portlet und Web-Framework

www.mwea.de



Problem bei JSF:

JSF Life Cycle vs. Portlet Life Cycle

Problem generell:

Integration / Migration von Portlet und Web-Framework

www.mwea.de



„Portlet Bridge for JSF“

� JSR-301: Portlet 1.0 (JSR-168) + JSF 1.2

� JSR-329: Portlet 2.0 (JSR-286) + JSF 1.2

� JSR-???: Portlet 2.0 (JSR-286) + JSF 2.0

(bisher keine Standardspezifikation gestartet)

Liferay: portletfaces.org

JBoss: PortletBridge 3.0

www.mwea.de

Verfügbare Addons: CaptainCasa


www.mwea.de

CaptainCasa – Was ist das?


100% JSF-kompatibel100% JSF-kompatibel

Zielgruppe: Enterprise-

Anwendungen

Zielgruppe: Enterprise-

Anwendungen

Rich Client + JSF BackendRich Client + JSF Backend

Verschiedene Lizenzierungs-möglichkeiten

Verschiedene Lizenzierungs-möglichkeiten

Eigene PDL und Render-KitEigene PDL

und Render-Kit

www.mwea.de

CaptainCasa – Welche Technologien werden eingesetzt?


HTML-Client als

Alternative

HTML-Client als

Alternative

XML-Layout statt HTMLXML-Layout statt HTML

Ausschluss einiger JSF-Features

Ausschluss einiger JSF-Features

Swing-basierter Client

Swing-basierter Client

Nutzt JSF-Referenz-

implementierung

Nutzt JSF-Referenz-

implementierung

www.mwea.de

CaptainCasa – Wie wird entwickelt?


Video-TutorialsVideo-Tutorials

Einfache Installation /

Keine Konfiguration

Einfache Installation /

Keine Konfiguration

Viele verfügbare Komponente

n

Viele verfügbare Komponente

n

GUI-Builder + Eclipse-Plugin

GUI-Builder + Eclipse-Plugin

www.mwea.de



www.mwea.de

Verfügbare Addons: Viele weitere...


JSF-FlexJSF-Flex

XULFacesXULFaces

J4Fry (u.a. JSF-JPA-Bridge)

J4Fry (u.a. JSF-JPA-Bridge)

JSFUnitJSFUnit PrettyFacesPrettyFaces

MyFaces External Validation

(Server-side)

MyFaces External Validation

(Server-side)

RichFaces Validation (Client-side)

RichFaces Validation (Client-side)

jQuery4jsfjQuery4jsf

OracleADF

OracleADF

www.mwea.de

1. Überblick über JSF2. Verfügbare Addons

3. Grenzen von JSF

Agenda


www.mwea.de

Welche Kriterien für den Vergleich von Web-Frameworks?


www.mwea.de

Kriterien für den Vergleich von Web-Frameworks


InternationalisierungLesezeichen

„Post-Redirect-Problem“

AJAXEinige mehr...

www.mwea.de

Kriterien für den Vergleich von Web-Frameworks


InternationalisierungLesezeichen

„Post-Redirect-Problem“

AJAX

Einige mehr...

www.mwea.de

Unerwünscht: Flame War


www.mwea.de

Kategorisierung von Web-Frameworks


Zeit-

aufwandKurz Lang

CRUD

Klassische Web-

Anwendung

Rich Internet Application

(RIA)Rich Client

Portal

www.mwea.de

Überblick über Web-Frameworks im Java-Umfeld


Grails

JSF

Flex

JavaFX

Tapestry

Wicket

Roma Framework

ZK Framework

GWT

Struts

Spring

MVC

Komplexität hoch

Komplexität gering

Klassische

Web-

anwendungRIA

Lift

www.mwea.de



Grails

JSF

Flex

JavaFX

Tapestry

Wicket

Roma Framework

ZK Framework

GWT

Struts

Spring

MVC

Komplexität hoch

Komplexität gering

Klassische

Web-

anwendungRIA

Lift

CRUD-Client

www.mwea.de



Grails

JSF

Flex

JavaFX

Tapestry

Wicket

Roma Framework

ZK Framework

GWT

Struts

Spring

MVC

Komplexität hoch

Komplexität gering

Klassische

Web-

anwendungRIA

Lift

Klassische Webanwendung

www.mwea.de



Grails

JSF

Flex

JavaFX

Tapestry

Wicket

Roma Framework

ZK Framework

GWT

Struts

Spring

MVC

Komplexität hoch

Komplexität gering

Klassische

Web-

anwendungRIA

Lift

Rich Client

www.mwea.de



Grails

JSF

Flex

JavaFX

Tapestry

Wicket

Roma Framework

ZK Framework

GWT

Struts

Spring

MVC

Komplexität hoch

Komplexität gering

Klassische

Web-

anwendungRIA

Lift

RIA

www.mwea.de



Grails

JSF

Flex

JavaFX

Tapestry

Wicket

Roma Framework

ZK Framework

GWT

Struts

Spring

MVC

Komplexität hoch

Komplexität gering

Klassische

Web-

anwendungRIA

Lift

JSF = Klassische Webanwendung

www.mwea.de



Grails

JSF

Roma Framework

Komplexität hoch

Komplexität gering

Klassische

Web-

anwendungRIA

Lift

JSF + seam-gen= CRUD Client

JSF+

Seam

www.mwea.de



JSF

ZK Framework

GWT

Komplexität hoch

Komplexität gering

Klassische

Web-

anwendungRIA

JSF + CaptainCasa = Rich Client

JSF +

Captain Casa

www.mwea.de



JSF

Flex

JavaFX

Komplexität hoch

Komplexität gering

Klassische

Web-

anwendungRIA

JSF + ??? = RIA

JSF +???

www.mwea.de

"Key-Message" angekommen?


www.mwea.de

Was ist JSF?


JSF

www.mwea.de

Welche Addons gibt es?


JSFSeam

CaptainCasa

PortletBridge

JSFUnitJSF-Flex

Viele weitere....

PrettyFaces

www.mwea.de

Welches Web-Framework einsetzen?


Zeit-

aufwandKurz Lang

CRUD

Klassische Web-

Anwendung

Rich Internet Application

(RIA)Rich Client

Portal

JSFSeam

CaptainCasa

PortletBridge

JSFUnitJSF-Flex

Viele weitere....

PrettyFaces

www.mwea.de

Ziel: Verständlichen Überblick über JSF geben


Grenzen von JSF

Verfügbare Addons

Überblick über JSF

www.mwea.de

Auf Wiedersehen!


Kai WähnerIT-Consultant

Telefon +49 89 544 253 88Mobil +49 151 544 277 [email protected]/blog

MaibornWolff et al GmbH | Theresienhöhe 13 | D-80339 München

Kai WähnerIT-Consultant

Telefon +49 89 544 253 88Mobil +49 151 544 277 [email protected]/blog

MaibornWolff et al GmbH | Theresienhöhe 13 | D-80339 München

Einsatz und Grenzen von Java Server Faces 2€¦ · Java Magazin 01/2009 (Jan Groth, Frank Ratzlow)...

Documents

Transcript of Einsatz und Grenzen von Java Server Faces 2€¦ · Java Magazin 01/2009 (Jan Groth, Frank Ratzlow)...