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 'Enterprise-Explorer' 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 'Enterprise-Explorer' 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.

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.

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

Klicken Sie in der Sicht 'Enterprise-Explorer' 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. Der Dialog Profil durchsuchen wird geöffnet.
Klicken Sie im Dialog Profil durchsuchen auf Neu. Der Dialog Neues Verbindungsprofil wird geöffnet.
Wählen Sie in der Liste Verbindungsprofiltypen die Option Derby, aus und klicken Sie anschließend auf Weiter. Der Dialog Verbindungsprofil erstellen wird geöffnet.
Geben Sie DerbyDB im Feld Name, wählen Sie Beim Start automatisch verbinden aus und klicken Sie anschließend auf Weiter.
Wählen Sie Derby 10.2 - Embedded JDBC Driver Default im Feld Treiber 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.
Unter Umständen müssen Sie eine Benutzer-ID eingeben, um auf die Datenbank zuzugreifen. Ein Kennwort ist nicht erforderlich.
Tipp: Jede Benutzer-ID kann verwendet werden.
Klicken Sie im Assistenten 'Profil für neue Derby-Verbindung' auf Fertig stellen.
Klicken Sie im Dialog Profil durchsuchen auf DerbyDB 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 'Enterprise-Explorer' doppelt darauf klicken. Sie können eine übersichtsartige Darstellung der Beziehungen zwischen den Seiten anzeigen, indem Sie im 'Enterprise-Explorer' 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.