JSF - Java Server Faces mit CDI

Name: JSF - Java Server Faces mit CDI
Rating: 4.2 (135 reviews)

Entwickle professionelle formularbasierte Webseiten mit dem Model-View-Controller-Pattern der JSFs

Highest Rated

Created byChristoph Tornau

Last updated 12/2017

German

What you'll learn

...Formular-basierte Webapplikationen in hoher Effizienz entwickeln.
...mit Java Server Pages (JSF) umgehen.
...auch hochgradig komplexe Webapplikationen systematisch entwickeln.

Course content

14 sections • 81 lectures • 7h 18m total length

Idee der Java Server Faces (JSFs)4:20
Java Server Faces (JSFs) als eine Weiterentwicklung der Java Server Pages (JSPs), welche vor allen Dingen Vorteile bei der Verarbeitung von formularbasierten Webseiten beinhalten.
Über den Autor und Nutzen dieses Kurses5:22
Über den Autor des Kurses sowie seinen Nutzen für den Kursteilnehmer.
Features der Java Server Faces (JSFs)3:32
Unterschiedliche Möglichkeiten, welche von den Java Server Faces angeboten werden, um die Entwicklung von webbasierten Enterprise-Applikationen zu unterstützen.
Hands On: Übersicht über unser Praxisprojekt10:56
Die gezeigte Buchverwaltung werden wir innerhalb des Kurses zusammen aufbauen. Am Ende des Kurses bist Du in der Lage, diese Buchverwaltung entsprechend Deinen Zwecken anzupassen, sei es sie zur Büchereiverwaltung auszubauen oder auf Objekte gemäß Deinen Anforderungen umzubauen.
Das Model-View-Controller-Pattern und die Java Server Faces (JSF)5:56
Das Model-View-Controller-Pattern (MVC) in seiner allgemeinen Form und wie es innerhalb der Java Server Faces zur Anwendung kommt.
Lebenszyklus eines Requestes in den Java Server Faces (JSFs)7:51
Durchgang durch den Lifecycle eines Requestes, wie er serverseitig von den Java Server Faces (JSFs) verarbeitet wird, bis er wieder zum Client als Response zurückgeschickt wird.

Konfiguration des Java-Server-Faces-Servlets in der web.xml2:26
Bereitstellung einer web.xml, in welcher das Faces-Servlet konfiguriert wird, damit Java Server Faces (JSFs) innerhalb der Anwendung dadurch verfügbar werden.
Die faces-config.xml2:06
Über die faces-config.xml erhält das Faces-Servlet seine Konfigurationen.
Die erste Java-Server-Face3:51
Eine erste simple Java-Server-Face (JSF), welche die Header des Requestes anzeigt.
HTML-Formularelemente in Java Server Faces6:27
Überblick darüber, welche HTML-Elemente innerhalb von Java Server Faces (JSFs) genutzt werden können.
Backing Beans2:41
Die zu einer Java Server Faces (JSF) gehörige Backing Bean, welche sich im Backend befindet und das Model hinter der Java Server Faces wiederspiegelt.

Überblick über das Vorgehen2:53
Der Schlachtplan, wie wir Java Server Faces (JSFs) zum Laufen bekommen wollen, wird vorgestellt. Auch wird unser Beispielprojekt einer Buchverwaltung kurz eingeführt.
Wie kann man das Eclipse-Projekt importieren, um den aktuellen Stand zu sehen?2:32
An den einzelnen Hands-On-Lektionen befindet sich immer eine Buchverwaltung.zip-Datei. In dieser befindet sich der aktuelle Stand. Die Dateien lassen sich einfach in Eclipse importieren und dann dort anschauen.
Maven-Einführung4:15
Das Build-Tool Maven ist in der Lage uns Abhängigkeiten, die wir in unserem Projekt benötigen, konkret gesagt die Bibliotheken, die die Java Server Faces beinhalten, automatisch hineinzuladen und den Build-Prozess standardisiert zu unterstützen.
Installation der Arbeitsumgebung10:53
Die lokale Arbeitsumgebung wird vorbereitet, dazu laden wir Java, Apache Tomcat und Eclipse herunter und installieren diese.
Projekt mit Maven-Konfiguration in Eclipse anlegen14:54
Ein Maven-Projekt wird angelegt und in dieses Projekt mittels des automatischen Nachladens der Libraries die Java Server Faces (JSFs) konfiguriert.
web.xml und faces-config.xml3:08
Sowohl die web.xml wie auch die faces-config.xml werden angelegt.
Der erste Start4:23
Wir starten das Maven-Projekt erstmalig durch, um zu testen, ob auch alles richtig funktioniert.
Backing Bean einfügen4:24
Die Backing-Bean für das Buch wird hinzugefügt.
Die erste Java Server Face (JSF)11:31
Ein Formular zur Entgegennahme der Buchdaten wird erstellt.
Grundlagen der Java Server Faces (JSF)

Aktionen am CommandButton5:31
Dem CommandButton wird ein ActionListener hinzugefügt. ActionListener werden aufgerufen, bevor die eigentliche Action aufgerufen wird.
Listener an Formularfeldern3:52
Wenn sich Werte in den Formularfeldern geändert haben, so werden ValueChangeListener aufgerufen. Diese können entweder als Methode in dem Modell implementiert werden oder jedoch in einer eigenen Klasse.
AJAX-Unterstützung3:56
Mittels AJAX lassen sich geänderte Formularfelder direkt an den Server übertragen und schon während der Benutzer das Formular ausfüllt, Zusatzinformationen innerhalb des Formulares anzeigen.
Lifecycle-Listener4:18
Wir haben den Lifecycle als Lebenszyklus des Requestes kennengelernt, der zum Server geschickt wird und als Response wieder zurück kommt. An die einzelnen Phasen dieses Lifecylces lassen sich Listener hängen, welche aktiviert werden, wenn der Request diese Phase betritt und wieder verlässt.

Eine SelectManyListbox wird hinzugefügt und ein ActionListener angelegt9:17
Demonstration einer SelectManyListbox in unserem Formular und das Hinzufügen einer Action durch einen ActionListener, die vor der eigentlichen Action ausgeführt wird.
Ein ValueChangedListener über eine Methode in der Modell-Klasse wird definiert5:05
Ein ValueChangedListener wird hinzugefügt, der eine Methode in unserem Book-Modell aufruft.
Ein ValueChangedListener mit eigener Klasse wird auf SelectOneListbox angelegt11:15
Hinzufügen eines SelectOneListbox-Feldes und eines ValueChangedListener, der eine Methode in einer neuen Klasse aufruft.
Nutzung eines Ajax-Listeners8:38
Nutzung von AJAX, um innerhalb des Formulares ein Darstellungsfeld für einen String zu ändern.
Listener und Aktionen

Facelets allgemein3:55
Das Templating-System der Java Server Faces (JSF) baut auf sogenannte Facelets auf. Mit diesem System lassen sich Komponenten von Java Server Faces (JSF) wiederverwenden.
Namespace für Facelets3:45
Eine neuer Namespace für Facelets wird vorgestellt.
Einfügen von XHTML-Dateien in XHTML-Dateien3:49
Einfaches includieren einer XHTML-Datei in eine andere XHTML-Datei.
Composition-Tag4:50
Das Zusammensetzen einer Seite aus mehreren Bausteinen, wobei das Gerüst der Seite in einem Template definiert wird, alle Bausteine jedoch mit einem Composition-Tag innerhalb einer Datei definiert werden.
Decorate-Tag3:08
Das Composite-Tag entfernt die umgebenden Elemente und beschränkt sich darauf, die in ihm definierten Teile einer Seite in das Template einzufügen. Das Decorate-Tag geht den umgekehrten Weg und entfernt die umliegenden Elemente nicht.
Durchreichen von Parametern2:59
Von jeder Seite können Parameter in includierte Seiten durchgereicht werden.
Auskommentieren von Teilen3:20
Inhalte von normalen XHTML-Kommentaren werden als auskommentierte Inhalte einer XHTML-Seite zum Client transportiert und können so geheimes Wissen über die Seite offenbaren. Das <t:remove>-Tag sorgt dafür, dass die Inhalte vollständig entfernt werden.
Template-Fragmente wiederholen5:58
Das <t:repeat>-Tag sowie das <h:dataTable>-Tag können dazu benutzt werden, um Tabelleninhalte in einer JSF-Seite anzuzeigen.

Template definieren15:44
Erstellen der Template-XHTML-Datei inklusive der Platzhalter und ihrer Standardtexte.
Nutzen des Templates in der bisherigen index.xhtml7:17
Verwendung der Template-Datei, um die index.xhtml aufzuräumen.
Einfügen einer Liste von Büchern mit <h:dataTable>11:51
Nutzen von <h:dataTable>, um eine Liste von Büchern in der Seite anzuzeigen. Dazu wird die alte index.xhtml in eine create.xhtml kopiert und die index.xhtml angepasst, so dass sie eine DataTable beinhaltet. Ein neues Modell, das BookShelf, wird eingefügt und dieses in der <h:dataTable> genutzt.

Begriffsdefinition der Internationalisierung und Lokalisierung3:14
Welchen Vorgang bezeichnet man als Internationaliserung (I18N) und welchen als Lokalisierung (L10N)?
Properties-Dateien4:24
Nutzen von Properties-Dateien, die die lokalisierten Sprachstrings beinhalten.
Referenzierung der properties-Datei(en) und Einbau in eine JSF-XHTML-Datei5:24
Einbindung der properties-Datei(en) in das System und Referenzierung innerhalb der XHTML-Java Server Faces.

messages.properties hinzufügen3:49
Die message.properties werden angelegt. Zusätzlich wird die deutsche messages_de.properties in das Englische übersetzt.
Konfiguration in der faces-config.xml2:30
Die Lokalisierung wird in der faces-config.xml konfiguriert.
Ersetzen der Sprachzeichenketten in den XHTML-Seiten7:00
Die zu übersetzenden Strings aus den XHTML-Dateien werden in die message_de.properties eingetragen und in die message_en.properties übersetzt. Das Projekt wird im Chrome-Browser getestet, indem die dortigen Spracheinstellungen genutzt werden.
Facelets und Internationalisierung

Phasen, in welchen die Konvertierung und Validierung stattfindet2:49
Einführung in die Konvertierung und Validierung insbesondere in die Phase des Lifecycles, in welchen diese stattfinden.
Konvertierungen: Zahlenkonvertierung6:20
Die drei Typen von Zahlenkonvertierungen.
Konvertierungen: Datumskonvertierung2:22
Die Möglichkeit Java-Date-Objekte zu erzeugen und anzuzeigen.
Konvertierungen: Nutzung einer eigenen Klasse5:08
Individuelle Konvertierungen durch die Nutzung einer eigenen Klasse.
Validierungen: required-Attribut2:38
Nutzung des required="true"-Attributes, um die Befüllung bestimmter Eingabefelder zu erzwingen.
Validierungen: Einfache Validatoren4:19
Validatoren für Wertebereiche von Variablen und Stringlängen sowie Validatoren basierend auf Regular-Expressions.
Validierungen: Individuelle Validatorklasse5:11
Bereitstellen einer Klasse, die die Validierung durchführt.
Validierungen: Individuelle Validierungsmethode in der Backing Bean2:31
Bereitstellen einer Methode, die die Validierung durchführt.
Validierungen: Externe Validierung durch Annotationen in der Bean6:25
Die Validierung in der Backing-Bean mit externen Annotationen, die von Seiten der Persistenz zur Verfügung gestellt werden.
requiredMessage und validatorMessage6:16
Festlegen von Fehlernachrichten, die ausgegeben werden, wenn ein erforderliches Attribut fehlt oder durch die Validierung durchfällt.

Requirements

Grundlagen in der Java-Programmierung
Basiskenntnisse in der Webentwicklung

Description

Innerhalb des Webs begegnet man einer Vielzahl an Formularen, in welchen Benutzer ihre Daten hinterlassen oder diese auch zum Editieren anzeigen lassen, um Dienste in Anspruch zu nehmen. Banking wird mit einem Überweisungsformular bewerkstelligt. Im Onlineshop müssen zum Abschluss des Bestellvorganges Adresse und Bankverbindung in einem Formular hinterlassen werden. Selbst jede Email oder jeder Blogeintrag wird über ein Formular verfasst.

Formulare in HTML haben jedoch ihre Tücken. Zum einen entstehen durch eine unsaubere Programmierung Sicherheitslücken, zum anderen ist es ein leidiger routinemäßiger Prozess die Daten im Formular mit Daten im Backend synchron zu halten, um die Daten dann auch verarbeiten zu können. Zusätzlich müssen Eingabedaten validiert und eventuell auch in andere Formate konvertiert werden. Moderne Webseiten bieten Möglichkeiten schon während der Eingabe mit Hilfe von AJAX-Requests an den Server zu reagieren und die Webseite und damit die Formulare entsprechend anzupassen.

Um all diese Prozesse zu vereinfachen, wurden die Java Server Faces (JSF) entwickelt. Sie dienen dazu mit Hilfe des Model-View-Controller-Patterns den View vom Model zu trennen und einen standardisierten sicheren Prozess für die Verarbeitung von Eingaben zu definieren. Dabei werden die Java Server Faces nicht zu unrecht als eine Erweiterung oder sogar Ersetzung der Java Server Pages (JSPs) bezeichnet.

Dieser Kurs führt in die professionelle Entwicklung in die Java Server Faces (JSF) ein. Dabei beginnt er bei den Grundlagen und endet damit, dass Java Server Faces auch mit der Context and Dependency Injection (CDI) genutzt werden. Der Kurs wird von einem Praxisprojekt begleitet. Am Ende des Kurses ist der Student / die Studentin in der Lage, umfangreiche Java-Server-Faces-(JSF)-Projekte selbst aufzusetzen sowie selbständig zu warten.

Who this course is for:

Lernende, die sich mit der Entwicklung von umfangreichen Formular-basierten Webprojekten entweder beruflich oder privat beschäftigen möchten.
Entwickler, die die Schwierigkeiten der Entwicklung von Formular-basierten Applikationen mit Servlets und JSPs erkannt haben.

JSF - Java Server Faces mit CDI

What you'll learn

Explore related topics

Course content

Einführung in die Java Server Faces (JSF)6 lectures • 38min

Die erste Java Server Face (JSF)5 lectures • 18min

Hands on: Ein erstes JSF-Projekt erstellen9 lectures • 59min

Aktionen, Listener und der Lifecycle4 lectures • 18min

Hands On: Aktionen starten4 lectures • 34min

Facelets, das Templatesystem von JSF8 lectures • 32min

Hands On: Templates mit Facelets3 lectures • 35min

Internationalisierung und Lokalisierung3 lectures • 13min

Hands On: Internationalisierung3 lectures • 13min

Konvertierung und Validierung10 lectures • 44min

Requirements

Description

Who this course is for: