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.

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:

IBM WebSphere Application Server Versionen 6.0, 6.1 und 7.0

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.

Darüber hinaus können folgende Kenntnisse hilfreich sein:

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.