Bevor Sie beginnen, müssen Sie Übung 2.2: Eine Datentabelle formatieren vollständig bearbeitet haben.
Nachdem nun die Spalte PHOTO angezeigt wird, sollten Sie den Benutzern die Möglichkeit geben, Bilder für die 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.
Da die Verwendung der Komponente zum Hochladen von Dateien auf der Erstellungsseite genauso funktioniert wie auf der Aktualisierungsseite, wird in dieser Übung anhand der Aktualisierungsseite gezeigt, wie das aktuelle Bild für eine Anzeige geändert wird. Wenn Sie möchten, können Sie die gleichen Änderungen auf der Seite 'Neuer Datensatz' vornehmen, wenn Sie mit der Aktualisierungsseite fertig sind.
Sie werden feststellen, dass das Aktualisierungsformular nichts anderes ist als eine HTML-Tabelle mit statischem Text und einigen Eingabekomponenten, die an Spalten im relationalen Datensatz 'update_record' gebunden sind. Sie können das Formular also durch Hinzufügen von Zeilen und Spalten ebenso ändern wie jede HTML-Tabelle. Anhand der nachstehenden Schritte werden Sie eine neue Zeile hinzufügen, in der das aktuelle Photo angezeigt wird.
Das Hinzufügen von Zeilen und Spalten ist komplexer in einer Datentabelle, die eine relationale Satzliste anzeigt. Informationen dazu, wie Spalten einer Datentabelle hinzugefügt werden, finden Sie im Abschnitt Die Standarddatentabelle optimieren in Übung 1.2: Mit der relationalen Satzliste und Datentabellenkomponenten arbeiten.
Im Gegensatz zur vorherigen Übung soll der Benutzer hier das Vollbild ohne Größenbeschränkungen sehen können. Ändern Sie daher in der Ansicht 'Eigenschaften' nicht die Werte für Höhe und Breite.
Die Seite zeigt nun das aktuelle Photo für die Kleinanzeige an, sofern eines vorhanden ist. Ihre Seite sollte folgendermaßen aussehen:
Als Nächstes fügen Sie unten in der Tabelle eine neue Zeile hinzu, die die Komponente zum Hochladen von Dateien enthalten soll.
Ihre Seite sollte folgendermaßen aussehen:
Sie können nun mit Übung 2.4: Navigationsregeln verwenden beginnen.