Übungsblatt 8: Zugriff auf Datenbanken mittels Web-Formularen

Aufgabe 1: Amazone I

Nachdem Sie erfolgreich eine Tabelle der von Ihrem Internet-Shop anzubietenden Bestseller erstellt haben, besteht Ihr nächstes Ziel darin, dem Internet-Publikum eine Recherche nach Büchern zu ermöglichen.

Abb.1-3: Schrittweise Weiterentwicklung der Anwendung

Dies soll mit Hilfe eines Online-Formulars geschehen. Schreiben Sie zunächst mit CSS eine Benutzeroberfläche mit integriertem Formular, die, wie im Beispiel in Abb. 1 angegeben, eine Recherche auf der Grundlage von Autorennamen gestattet. Die Suchergebnisse werden unter dem Eingabeteil in einem eigenen Ausgabeteil mit Scroll-Funktion ausgegeben.

Für Ihre Kunden ist es natürlich wesentlich bequemer, wenn sie nicht den vollständigen Autorennamen, so wie er in ihrer Datenbank geführt wird, eintippen müssen, um einen Treffer zu erzielen. Erweitern Sie daher Ihr Formular dahingehend, dass auch Fragmente des Autorennamens ausreichen, um den/die Autor/-in zu identifizieren (Abb. 2)

Formatieren Sie Ihre Ausgabe so um, dass die Suchergebnisse tabellarisch mit Hilfe von CSS aufgelistet werden (Abb. 3). Bearbeiten Sie hierzu ggf. das folgende Übungsblatt zum Thema CSS.


Aufgabe 2: Amazone II

Nicht immer fällt einem potentiellen Kunden der Autor eines gesuchten Buches ein. Oftmals erinnert sich dieser nur an ein Fragment des Titels. Aus diesem Grund soll das Formular dahingehend erweitert werden, dass der/die Kund/-in mit Hilfe einer Auswahlliste zwischen dem Autorennamen und Titel des Buches bei der Eingabe der Suchanfrage wählen kann.

Abb.4: Oberfläche mit Auswahlliste

Entsprechend des gewählten Eintrags der Auswahlliste wird dann die MySQL-Suchanfrage auf die zugehörende Spalte der Tabelle gelenkt (Abb. 4).

Oftmals suchen Kunden allgemein Bücher zu bestimmten Themen, an denen sie gerade interessiert sind oder ein Buch von einem bestimmten Autor, von dem nur ein Fragment des Titels bekannt ist. Komplexere Suchanfragen dieser Art lassen sich mit Hilfe eines Web-Formulars realisieren, welches die logische Verknüpfung von Suchbegriffen gestattet. Erweitern Sie Ihr Web-Formular dahingehend, dass jetzt ein weiterer Suchbegriff eingegeben werden kann, der mit dem ersten durch "UND" oder "ODER" verknüpfbar ist. Auch für den zweiten Suchbegriff kann mittels einer Auswahlliste zwischen den Rubriken "Autor" und "Titel" gewählt werden (Abb. 5).

Abb.5: Oberfläche mit ODER-Verknüpfung