Dynamische Informationen auf Webseiten mit JavaServer Faces anzeigen

Dieses Lernprogramm zeigt Ihnen, wie Sie eine dynamische Website entwerfen können, die die Funktionen des Kleinanzeigenbereichs einer Zeitung bietet. Die Website ist eine vollständige J2EE-Webanwendung, die JSF-Komponenten (JavaServer Faces) und Servicedatenobjekte (Service Data Objects, SDO) verwendet. Diese Anwendung verwendet JSF-Technologie, um dynamische Webseiten zu erstellen, die eine Verknüpfung zu einer Datenbank bieten, in der die Daten der Kleinanzeigen gespeichert sind. Sie können JSF-Komponenten auf Ihre Seiten ziehen, um eine JSF-Webanwendung zu erstellen, die als CRUD-Anwendung bezeichnet wird, da sie Einträge in einer Datenbank erstellen (create), lesen (read), aktualisieren (update) und löschen (delete) kann. Die Benutzer Ihrer Website werden in der Lage sein, diese Funktionen zu verwenden, um die Kleinanzeigen in der Datenbank zu verwalten.

Für dieses Lernprogramm sind möglicherweise bestimmte optional installierbare Komponenten erforderlich. Prüfen Sie die Liste der Systemvoraussetzungen, um sicherzustellen, dass die entsprechenden optionalen Komponenten installiert sind.

Nach Absolvierung dieses Lernprogramms können Benutzer der Website nicht nur zum Verkauf stehende Artikel anzeigen, sondern auch neue Artikel hinzufügen, Details über die Artikel (z.B. den Preis oder die Beschreibung) ändern oder nach einem bestimmten Artikel suchen. Diese Beispielsite ist für Anfänger zwar vereinfacht, die verwendeten Prinzipien und Technologien entsprechen aber denen, die auch für deutlich größere und komplexere Websites verwendet werden.

Lernziele

Dieser Lerntext setzt sich aus zwei Modulen zusammen, die jeweils unterschiedliche Lernziele haben. Sie können entweder nur eins oder beide Module durcharbeiten. Innerhalb jeden Moduls müssen Sie sämtliche Übungen durchführen, damit die Website ordentlich funktioniert.

Modul 1: Webseiten mit Datenverbindungen erstellen

Dieses Modul zeigt Ihnen, wie Sie eine Verbindung mit einer Datenbank einrichten und die Informationen aus dieser Datenbank auf einer Webseite anzeigen können. In diesem Modul werden Sie:

Webseiten mit einer Datenbank verbinden.
Seiten erstellen, die Einträge aus Datenbanken anzeigen, erstellen, bearbeiten und löschen.
Daten von einer Seite zu einer anderen schicken

Modul 2: Erweiterte Funktionen hinzufügen

In diesem Modul lernen Sie leistungsfähige Methoden zur Verwendung von Daten aus einer Datenbank. In diesem Modul werden Sie:

Datenbanksätze auf einer Webseite formatieren
Eine Komponente hinzufügen, über die Sie Daten von einer Webseite zu einer Datenbank hochladen können
Automatisch von Seite zu Seite navigieren
Einige Datenbankverwaltungstasks automatisieren

Wenn Sie bereit sind, beginnen Sie mit Modul 1: Webseiten mit Datenverbindungen erstellen.

Benötigte Zeit

Insgesamt: 3 Stunden und 30 Minuten

Modul 1: 2 Stunden

Modul 2: 1 Stunde und 30 Minuten

Qualifikationsstufe

Fortgeschritten

Zielgruppe

Webanwendungsentwickler, Entwickler von Webbenutzerschnittstellen

Systemvoraussetzungen

Um dieses Lernprogramm durchzuführen, müssen Sie zunächst einen Laufzeitserver installieren und konfigurieren. Dieses Lernprogramm wurde mit den folgenden Servern getestet:

WebSphere Application Server 6.1

Informationen über die Implementierung von SDOs auf Servern, bei denen es sich nicht um WebSphere Application Server handelt finden Sie im Abschnitt Hilfethema: SDOs auf Nicht-WAS-Servern implementieren.

Unter Umständen erfordert dieses Lernprogramm bestimmte Funktionalitäten, die bei der Installation des Produkts nicht eingeleitet wurden. Wenn Sie Benutzerschnittstellenoptionen, die in diesem Lernprogramm beschrieben werden, nicht finden können, stellen Sie sicher, dass Sie die entsprechenden Funktionalitäten aktiviert haben (Fenster > Benutzervorgabe > Funktionalitäten). Für die Durchführung dieses Lernprogramms benötigen Sie die folgenden Funktionalitäten:

Java Developer
Web Developer (typisch)
XML Developer
Database Developer
Enterprise Java Developer
Data

Für die Verwendung dieses Lernprogramms müssen Sie einen Anwendungsserver installiert und konfiguriert haben. Sie können überprüfen, ob eine Serverlaufzeitumgebung verfügbar ist, in dem Sie auf Fenster > Benutzervorgaben klicken, Server erweitern und anschließend auf Installierte Laufzeiten klicken. Sie können dieses Teilfenster verwenden, um Serverlaufzeitdefinitionen hinzuzufügen oder zu entfernen oder installierte Serverlaufzeitdefinitionen zu bearbeiten. Sie haben außerdem die Möglichkeit, Unterstützung für einen neuen Server herunterzuladen und zu installieren.

Voraussetzungen

Um dieses Lernprogramm ausführen zu können, sollten Sie mit Folgendem vertraut sein:

Wesentliche Web-Design-Begriffe, wie z.B. Websites, Webseiten, Browser und Server.
Vorgehensweise bei der Erstellung einer einfachen statischen Webseite.
Die Elemente einer Webseite, wie z.B. Tabellen, Hyperlinks, Formularelemente und Abbildungen.
Datenbankbegriffe, wie z.B. Tabellen, Datensätze, Spalten und Felder.

Es ist außerdem hilfreich, wenn Sie ein Verständnis von Folgendem haben:

Vorgehensweise bei der Verwendung der Perspektiven und Sichten der Workbench.
Vorgehensweise für die Bearbeitung von HTML-Code für eine Webseite.

Erwartete Ergebnisse

Nach Fertigstellung der Webanwendung wird die Homepage der nachfolgenden Abbildung entsprechen. Die Websitenavigation, die über die Schablone der Website zu den Webseiten hinzugefügt wird, bietet Verknüpfungen auf Seiten, auf denen Sie eine neue Anzeige erstellen oder alle Werbeanzeigen anzeigen können. Die Zeilenaktion in der nachfolgend dargestellten Tabelle führt Sie auf eine Aktualisierungsseite, auf der Sie die Informationen ändern können, die einer bestimmten Anzeige zugeordnet sind.
Fertiggestellte Webseite.