12.3 Mit ein wenig HTML erstellen Sie eine fast dynamische

Transcription

12.3 Mit ein wenig HTML erstellen Sie eine fast dynamische
Mit ein wenig HTML erstellen Sie eine fast dynamische Datenquelle
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 NetObjects 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.
12.3 Mit ein wenig HTML erstellen Sie eine
fast dynamische Datenquelle
Dynamisch heißt in diesem Fall, dass Sie, ohne die Webseite zu verändern oder 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
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
300
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.
Mit ein wenig HTML erstellen Sie eine fast dynamische Datenquelle
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
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
302
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.
Mit ein wenig HTML erstellen Sie eine fast dynamische Datenquelle
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