In diesem Lerntext werden Sie eine einfache Anwendung erstellen, die das JavaServer Faces-Programmiermodell verwendet. Indem Sie Java-Klassen zum Erstellen des Faces Client-Datenmodells verwenden und der Seite einfach per Drag-and-Drop Steuerelemente hinzufügen, können Sie auf schnelle Weise eine intelligente Anwendung erstellen. Sie werden eine JSP-Seite (JSP = JavaServer Pages) erstellen, die vier Komponenten enthält: drei Faces Client-Komponenten (ein Datenraster, eine Baumstruktur und ein Diagramm) und eine Faces-Komponente (eine Registeranzeige). Die
zu erstellende Anwendung ist eine einfache Site mit einem Bestandsportfoliomanagement,
die die einzelnen Lagerbestände von Kunden mit verschiedenen Möglichkeiten
überwacht.
Erforderliche Zeit
Zum Ausführen dieses Lerntexts benötigen Sie etwa
1 Stunde und 45 Minuten. Sie können die Module jedoch nach Wunsch auch einzeln durchgehen.
Wenn Sie sich während des Arbeitens mit dem Lerntext mit anderen Facetten von Faces Client vertraut machen wollen,
kann sich die zum Ausführen benötigte Zeit erhöhen.
Voraussetzungen
Um dieses Lernprogramm vollständig ausführen zu können, sollten Sie bereits mit
folgenden Themen vertraut sein:
- Allgemeine Web-Design-Konzepte, z. B. Websites, Seiten, Browser und Server
- Vorgehensweise zum Erstellen einer einfachen statischen Webseite
- Elemente einer Webseite, z. B. Tabellen, Hyperlinks, Formulare und Grafiken
- Datenbankbegriffe, z. B. Tabellen, Datensätze, Spalten und Felder
Nützlich wäre außerdem ein Verständnis für folgende Themen:
- Verwendung von Perspektiven und Sichten in der Workbenchumgebung
- Die Konzepte hinter JSP (JavaServer Pages) und den JavaServer Faces-Technologien
Lernziele
Dieses Lernprogramm ist in drei Module unterteilt.
Sie können nach Wunsch nur eines oder alle Module in beliebiger Reihenfolge durcharbeiten. Jedes
Modul enthält mehrere Übungen, die nacheinander ausgeführt werden müssen.
Modul 1: Faces Client-Komponenten. In diesem Modul machen Sie sich mit den Faces Client-Komponenten vertraut und lernen, wie Sie die einzelnen Komponenten in Ihren Webanwendungen am besten verwenden können. In diesem Modul lernen Sie Folgendes:
- Grundlagen zu Faces Client
- Unterscheidung der drei Komponenten: Datenraster, Baumstruktur und Diagramm
- Durchgehen einer Musteranwendung, die verschiedene Faces Client-Komponenten verwendet
Modul 2: Ein Datenraster verwenden. In diesem Modul lernen Sie, wie Sie eine Faces Client-Datenrasterkomponente zusammen mit clientseitigen Daten verwenden können, ohne die Seite aktualisieren zu müssen. In diesem Modul lernen Sie Folgendes:
- Prüfen der serverseitigen und der clientseitigen Daten
- Einfügen und Konfigurieren einer Datenrasterkomponente
- Binden der Komponente an Clientdaten
- Anpassen der Spalten
- Implementieren der clientseitigen Handler
- Bereinigen der Datenstruktur
- Testen der JSP-Datei auf dem Server
Modul 3: Registeranzeigen-, Baumstruktur- und Diagrammkomponenten hinzufügen. In diesem Modul lernen Sie, wie Sie Daten in Baumstruktur-, Registeranzeigen- und Diagrammkomponenten anzeigen können. In diesem Modul lernen Sie Folgendes:
- Ergänzen der Faces Client-Komponenten mit einer Registeranzeigenkomponente, um mehr als eine Anzeige der Daten zur Verfügung zu stellen
- Einfügen und Konfigurieren einer Faces Client-Baumstrukturkomponente, um hierarchische Daten anzuzeigen
- Einfügen und Konfigurieren einer Faces Client-Diagrammkomponente, um Daten als Kreis-, Balken- oder Kurvendiagramm anzuzeigen
- Testen der JSP-Datei auf dem Server