12.3 Mit ein wenig HTML erstellen Sie eine fast dynamische Datenquelle

Transkript

1 MS-Excel als externe Quelle Da NetObjects Fusion mit fast allen Datenquellen umgehen kann, geht das natürlich auch mit MS-Excel. Jederzeit können Sie damit eine Tabelle erstellen, die dann als externe Quelle ausgewählt wird. Achten Sie dabei darauf, dass die von Ihnen erstellte Tabelle in der ersten Zeile die Feldnamen über den Spalten stehen hat, denn NetObjects Fusion interpretiert die Feldnamen aus Tabellen immer aus der ersten Zeile. Weiter müssen Sie darauf achten, dass die Tabelle wirklich in der ersten Zeile von Excel beginnt, sonst haben Sie eine Menge Leerfelder, für die Net- Objects Fusion dann automatisch Datenblätter generiert. Wichtig ist ebenfalls die Formatierung Ihrer Tabelle. Haben Sie Zahlenwerte oder Währungsformate in der Tabelle, kann NetObjects Fusion diese nicht auslesen. Das können Sie umgehen, indem Sie diese Werte als Text formatieren Mit ein wenig HTML erstellen Sie eine fast dynamische Datenquelle Dynamisch heißt in diesem Fall, dass Sie, ohne die Webseite zu verändern o- der sogar neu gestalten zu müssen, laufend die aktuellen Daten Ihrer Datenbank im Internet zur Verfügung stellen können. Egal mit welchem Datenbankprogramm Sie Ihre Daten verwalten, damit diese im Internet erscheinen und aktualisiert werden können, brauchen Sie lediglich eine Zusammenfassung Ihres Datenbestands, den Sie zeigen möchten, in eine Tabelle umzuwandeln. In den meisten Fällen wird dies über eine Abfrage erreicht. Ist dies geschehen, veranlassen Sie Ihr Datenbankprogramm, diese Tabelle im Textformat zu exportieren. Als Abstandszeichen können Sie verschiedene wählen, für unser Beispiel wurde das Zeichen [ ] ausgewählt. Bei vielen Datenbankprogrammen können Sie dies auch noch mit einem Makro automatisieren, dann dauert die Aktualisierung nur noch Sekunden. Im Download-Center bei DATA BECKER finden Sie das Ergebnis eines solchen Exports unter Kapitel 12 mit der Bezeichnung SuchDaten.txt. 299

2 Datenbankanbindung: Schnelle Aktualisierung der Inhalte Damit das Ganze auch wirklich funktioniert, erstellen Sie jetzt eine externe HTML-Seite. Diese Seite ist für unser Beispiel Software online. Ziel der Prozedur ist, dass Sie nicht nur statische Daten anzeigen lassen können, sondern gleich noch eine Suchfunktion für den User einbauen, um aus verschiedenen Kategorien wählen zu können. Weiter können Sie das Sortiment laufend aktuell halten, denn Sie brauchen lediglich eine kleine Textdatei via FTP auf Ihre Domain zu stellen und sonst keinerlei Änderungen vorzunehmen. 1 Starten Sie Ihren Windows-Editor und dieser erscheint mit einem leeren neuen Dateifenster. 2 In Ihrem Download-Verzeichnis wählen Sie die Datei Extern.txt. Markieren Sie den Text und kopieren Sie diesen in Ihr Editorfenster. Das eingefügte Skript 3 Klicken Sie auf Datei/Speichern unter und wählen Sie hier die Bezeichnung Externe Seite.html und einen Speicherort, damit Sie die Datei schnell wiederfinden. 4 Kopieren Sie aus Ihrem Download-Verzeichnis die Datei SuchDaten.txt jetzt genau in den Ordner, in dem Sie gerade Externe Seite.html gespeichert haben. 300

3 5 Öffnen Sie mit einem Doppelklick die Datei Externe Seite.html, Ihr Browser startet die Seite und Sie können bereits die Suchfunktion und die Datenbank nutzen. Die funktionierende externe Seite In diesen wenigen Schritten haben Sie eine eigene externe HTML-Seite erstellt, ein JavaScript eingefügt und dieses mit einer Textdatei verbunden. Mit ein wenig Geduld wird es Ihnen sicher gelingen, dieses nach Ihren Wünschen umzugestalten. Damit das Ganze auch auf Ihrer Website funktioniert, binden Sie dies als Beispiel in der Site Software online ein. 1 Starten Sie die Site Software online in der Site-Ansicht. Markieren Sie die symbolisierte Homepage und klicken Sie auf Neue Seite in der Menüleiste. 2 Klicken Sie in der neuen symbolisierten Seite in die Bezeichnung und geben Sie dieser den Namen Datenbank. Mit einem Doppelklick darauf öffnen Sie die Seite Datenbank im Arbeitsbildschirm. 3 Klicken Sie in der Werkzeugleiste auf das Tool Externer HTML-Code und ziehen Sie damit ein Rechteck im Layoutbereich auf. Im Dialogfenster klicken Sie auf Durchsuchen und wählen hier die Datei Externe Seite.html aus Ihrem Verzeichnis. 301

4 Datenbankanbindung: Schnelle Aktualisierung der Inhalte Das Dialogfenster Auf externe HTML-Seite verweisen 4 Lassen Sie alle weiteren Einstellungen unberührt und bestätigen Sie die Seitenauswahl mit einem Kick auf OK. Ihr Rechteck bekommt einen weißen Hintergrund und die Pfadangabe, wo sich die externe Seite befindet. Ziehen Sie diese an den Haltepunkten so, dass sie in etwa den Layoutbereich ausfüllt. Die eingefügte externe Seite im Arbeitsbildschirm 5 Klicken Sie auf die Registerkarte Seiten-Vorschau und Sie sehen, wie sich Ihre externe Seite wunderbar in die Umgebung Ihrer Site einfügt. Wenn Sie hier die Funktion Suche starten aufrufen, erhalten Sie eine Fehlermeldung, weil die dazugehörige Datei mit den Daten noch fehlt. 302

5 Die integrierte externe Seite im Browser-Fenster Soeben haben Sie die externe Seite einfach mit wenigen Klicks in Ihre Website unter NetObjects Fusion MX eingebunden. Funktionieren wird diese auch, sofern Sie die Datei SuchDaten.txt im gleichen Ordner publizieren wie die Seite Datenbank.html. W ürde sich in Ihrer Datenbank etwas ändern, dann erstellen Sie in Sekundenschnelle eine Textdatei und brauchen diese lediglich via FTP in Ihre Domain zu stellen und die vorhandene damit zu überschreiben. Schon erscheinen die neuen Daten online auf Ihrer Website. Sollte an der Suchfunktion etwas zu ändern sein, brauchen Sie das nicht extern in der erstellten HTML-Seite zu machen, sondern im Arbeitsbildschirm klicken Sie diese lediglich doppelt an und der HTML-Editor öffnet sich, um Ihre Anweisungen entgegenzunehmen. 303