Modul 2: Erweiterte Funktionen hinzufügen

In diesem Modul lernen Sie, wie Sie erweiterte Funktionen einsetzen, um das Format Ihrer Webseiten zu ändern, eine Funktion hinzuzufügen, über die Benutzer Dateien in die Datenbank hochladen können und Regeln einzurichten, die Benutzer automatisch zu einer bestimmten Seite weiterleiten. Darüber hinaus lernen Sie die Vorgehensweise für die Automatisierung bestimmter administrativer Aufgaben wie z.B. die Erstellung von Schlüsseln.

Lernziele

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

Benötigte Zeit

Dieses Modul sollte ungefähr 1 Stunde und 30 Minuten in Anspruch nehmen. Wenn Sie im Rahmen der Arbeit mit diesem Lerntext noch andere Aspekte dynamischer Websites erkunden möchten, könnte es länger dauern, bis Sie fertig sind.

Voraussetzungen

Wenn Sie 'Modul 1: Webseiten mit Datenverbindungen erstellen' bereits vollständig bearbeitet haben, können Sie den Rest dieses Abschnitts über Voraussetzungen überspringen und mit Lerneinheit 2.1: Datentabelle formatieren beginnen.

Wenn Sie bei der Bearbeitung dieses Lernprogramms mit Modul 2 beginnen, ohne vorher Modul 1 bearbeitet zu haben, müssen Sie zunächst die erforderlichen Ressourcen importieren und den Zielserver und die Datenbankverbindung einrichten.

Gehen Sie folgendermaßen vor, um die erforderlichen Ressourcen zu importieren:

Das Projekt importieren. Wechseln Sie zur Perspektive 'Web' (Fenster > Perspektive öffnen > Web).
Stellen Sie in der Sicht 'Projektexplorer' der Perspektive 'Web' sicher, dass Ihr Projekt 'ClassifiedsTutorial' der folgenden Abbildung entspricht:

Gehen Sie folgendermaßen vor, um den Zielserver einzurichten:

Klicken Sie in der Sicht 'Projektexplorer' mit der rechten Maustaste auf ClassifiedsTutorial, und wählen Sie Eigenschaften aus.
Klicken Sie in der Liste der Eigenschaften auf Server.
Wählen Sie in der Liste 'Standardserver' den Server aus, den Sie standardmäßig verwenden möchten. Klicken Sie auf Anwenden.
Klicken Sie in der Liste der Eigenschaften auf Ziellaufzeiten.
Wählen Sie in der Liste 'Laufzeiten' die Laufzeit aus, die dem von Ihnen ausgewählten Server entspricht. Klicken Sie auf OK.

Wenn der Server, den Sie verwenden möchten, in der Liste der Ziellaufzeiten nicht aufgeführt ist, schließen Sie die Workbench, und installieren Sie den Server, den Sie verwenden möchten. Nachdem Sie den Server installiert haben, befolgen Sie die Anweisungen für die Einrichtung des Zielservers.

Anmerkung: Wenn in der Standardserverliste keine Server angezeigt werden, obwohl Sie Serverlaufzeiten installiert haben, ist es möglich, dass der Server konfiguriert werden muss. Sie können folgendermaßen vorgehen, um einen Server zu konfigurieren:

Klicken Sie mit der rechten Maustaste auf die Datei all_records.jsp, und klicken Sie anschließend auf Ausführen als > Auf Server ausführen.
Wählen Sie Neuen Server manuell definieren aus.
Wählen Sie einen Server aus, den Sie installiert haben.
Befolgen Sie die Anweisungen im Assistenten, um den Server zu konfigurieren. Wenn Sie den Server das erste Mal ausführen, erhalten Sie möglicherweise einen Fehler. Um den Fehler zu beheben stellen Sie den Zielserver wie vorangehend beschrieben ein, starten den Server in der Sicht 'Server' erneut und laden die Webseite in den Browser.

Wenn Sie jetzt die vorangehend beschriebenen Schritte für die Einstellung eines Zielservers erneut ausführen, werden Sie feststellen, dass es sich bei dem Standardserver um den Server handelt, den Sie soeben konfiguriert haben. Wenn ein Server installiert aber nicht konfiguriert ist, wird er nicht in der Liste der Server, aus denen Sie ein Standardziel auswählen können, angezeigt.

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.

Gehen Sie folgendermaßen vor, um die Datenbankverbindung einzurichten:

Klicken Sie in der Sicht 'Projektexplorer' mit der rechten Maustaste auf ClassifiedsTutorial, und wählen Sie Eigenschaften aus. Das Fenster 'Eigenschaften für ClassifiedsTutorial' wird geöffnet.
Klicken Sie auf JDBC-Verbindungen.
Klicken Sie in den JDBC-Verbindungseigenschaften auf Neu. Das Fenster 'Neue JDBC-Verbindung' wird geöffnet.
Klicken Sie auf Eine neue Verbindung erstellen und anschließend auf Weiter.
Erweitern Sie in der Liste Datenbankmanager auswählen die Option Derby, und wählen Sie anschließend 10.1 aus.
Klicken Sie im Feld 'Datenbankposition' auf Durchsuchen, und wählen Sie<arbeitsbereichsposition>\ClassifiedsTutorial\WebContent\\database aus, wobei <arbeitsbereichsposition> das Verzeichnis Ihres aktuellen Arbeitsbereichs ist. Klicken Sie auf OK, um das Fenster Nach Ordner durchsuchen zu schließen.
Geben Sie im Feld Klassenposition die Position der JAR oder JARs ein, die die JDBC-Treiberklasse implementieren, oder klicken Sie auf Durchsuchen, um die Position in Ihrem Dateisystem auszuwählen. Nachdem Sie die Position der JAR-Dateien ausgewählt haben, klicken Sie auf Öffnen.
Unter Umständen müssen Sie eine Benutzer-ID eingeben, um auf die Datenbank zuzugreifen. Ein Kennwort ist nicht erforderlich. Der Assistent 'Neue Datenbankverbindung' sollte folgendermaßen aussehen:
Klicken Sie im Assistenten 'Neue JDBC-Verbindung' auf Fertig stellen. Sie kehren zum Fenster Eigenschaften für ClassifiedsTutorial zurück.
Klicken Sie auf Datenbankverbindungen des Projekts konfigurieren. Das Fenster 'Eigenschaften der JDBC-Verbindungen' wird geöffnet.
Klicken Sie auf Bearbeiten neben dem Abschnitt 'Details der Laufzeitverbindung'. Wählen Sie als Laufzeitverbindungstyp Treibermanagerverbindung verwenden aus. Klicken Sie auf Fertig stellen und anschließend auf OK.

Sie können die Dateien im Webprojekt des Lernprogramms durchsuchen. Sie können eine Datei öffnen, indem Sie in der Sicht 'Projekt-Explorer' doppelt darauf klicken. Sie können eine übersichtsartige Darstellung der Beziehungen zwischen den Seiten anzeigen, indem Sie im Projektexplorer doppelt auf Websitenavigation klicken.

Den Großteil Ihrer Arbeit an diesem Lernprogramm werden Sie mit den folgenden Dateien ausführen:

all_records.jsp: Dies ist die Homepage der Site. Hier werden alle Kleinanzeigen in der Datenbank angezeigt.
new_record.jsp: Diese Seite erstellt eine neue Kleinanzeige.
update_record.jsp: Diese Seite ändert die Details einer Kleinanzeige in der Datenbank oder löscht sie komplett.
classifiedTemplate.jtpl: Dies ist die Schablone für die Seiten der Site. Sie enthält Elemente wie die Tabelle und das graue Banner 'Willkommen bei den Kleinanzeigen', die auf jeder Seite enthalten sind. Diese Seite enthält unterhalb des grauen Banners auch zwei Navigationsregisterkarten, die zur Homepage und der Seite für neue Kleinanzeigen führen.

Lektionen in diesem Modul

Lerneinheit 2.1: Datentabelle formatieren
Die Datentabelle auf der Seite 'all_records.jsp' sieht eher zweckmäßig aus. Sie zeigt - wie beabsichtigt - alle Datensätze in der Datenbank und Verbindungen zu den anderen Seiten an, doch ist sie nicht besonders ansprechend. In dieser Übung werden Sie diese Datentabelle verbessern, indem Sie einen Pager, Darstellungsregeln und Bilder der zum Verkauf angebotenen Artikel hinzufügen.
Lerneinheit 2.2: Die Komponente zum Hochladen von Dateien verwenden
In dieser Lerneinheit erfahren Sie, wie Sie Benutzern die Möglichkeit bieten, Bilder für Kleinanzeigen hochzuladen. Diese Funktion ist besonders auf den Seiten 'new_record.jsp' und 'update_record.jsp' von Bedeutung. Die Komponente zum Hochladen von Dateien ermöglicht es Benutzern, ihr jeweiliges Dateisystem zu durchsuchen, eine Datei in die Datenbank hochzuladen und diese Datei sofort in der Datenbank anzuzeigen.
Lerneinheit 2.3: Navigationsregeln verwenden
In dieser Lerneinheit erfahren Sie, wie Navigationsregeln eingerichtet werden, um einen Benutzer der Website auf bestimmte Webseiten zu leiten.
Lerneinheit 2.4: Automatische Schlüsselerstellung verwenden
In der vorherigen Lerneinheit haben Sie Navigationsregeln eingerichtet, um sicherzustellen, dass Benutzer eine eindeutige ID für die neue Kleinanzeige eingegeben haben. Dieser Prozess ist frustrierend und unrealistisch, da Sie nicht wollen, dass die Benutzer Ihrer Site eine eindeutige ID durch Ausprobieren finden müssen. In dieser Lerneinheit richten Sie eine automatische Schlüsselgenerierung ein, so dass die Datenbank jedem neuen Datensatz in der Datenbank automatisch eine eindeutige Nummer zuordnet.
Modul 2: Zusammenfassung
Sie haben 'Modul 2: Erweiterte Funktionen hinzufügen' abgeschlossen.