<\/p>\n
Immer öfter werden im Internet Informationsinhalte aus Datenbanken generiert. Angefangen beim Ausgangspunkt einer jeden Internetrecherche (den Suchmaschinen) bis hin zu hoch komplexen E-Business-Anwendungen (E-Shops), bauen immer mehr Internetangebote auf Datenbanken als strukturierte Informationsquelle. Eine einfache Möglichkeit, die Informationen Ihrer Datenbank in das Inter- oder Intranet zu stellen, bietet die Anwendung Dreamweaver Ultradev der Firma Macromedia. <\/b><\/p>\n
Dreamweaver bietet die Möglichkeit, ohne tiefgreifende Programmierkenntnisse HTML-Seiten zu erstellen. Dreamweaver Ultradev ist die erweiterte Fassung der aktuellen Version 3 des Dreamweaver. Für den Anwender, der Informationen aus seiner Datenbank im Internet veröffentlichen möchte, bietet die Ultradev-Version des Dreamweaver das benötigte Handwerkzeug. Im folgenden Beitrag erfahren Sie anhand eines einfachen Beispiels, wie Sie mit dieser Anwendung Webseiten erstellen, mit denen Sie den Zugriff auf Ihre Datenbank via Internet ermöglichen.<\/p>\n
Dreamweaver Ultradev unterstützt drei unterschiedliche Serversysteme: ASP-Server, JSP-Server sowie ColdFusion-Server. Die Beispiele im vorliegenden Beitrag beziehen sich auf das Erstellen von Active Server Pages, d. h., dass Sie einen ASP-fähigen Server benötigen. Für Sie als Windows-Anwender kommen z. B. der Internet Information Server oder der Personal Web Server infrage. Wenn Sie noch nicht über einen der beiden Internet Server verfügen, können Sie den Personal Web Server kostenlos von der Microsoft-Webseite herunterladen.<\/p>\n
Wenn Sie eine Webseite für den Zugriff auf Ihre Datenbank erstellt haben und diese nun auf einem Internetserver zum Einsatz bringen möchten, beachten Sie Folgendes: In den Beispielen erstellen Sie ausschließlich ASP-Seiten. Damit die dynamischen Webseiten mit Ihrem Webserver zusammenarbeiten, muss der Webserver ASP-fähig sein.<\/p>\n
Bevor Sie beginnen, die Seiten zur Veröffentlichung der Daten einer Datenbank mit Dreamweaver zu erstellen, sind einige Vorbereitungen zu treffen. Sofern Sie das nicht bereits erledigt haben, müssen Sie zunächst einmal Dreamweaver Ultradev sowie den Personal Web Server oder den Internet Information Server installieren. Anschließend erstellen Sie ein Verzeichnis, in dem Sie die Datenbank und die ASP-Seiten ablegen. Sie werden die Datenbank und die Internetseiten wahrscheinlich nicht direkt auf dem Webserver speichern, sondern die Seiten an Ihrem eigenen Rechner oder Netzwerk erstellen. Daher müssen Sie dem Personal Web Server oder dem Internet Information Server noch mitteilen, in welchem Verzeichnis die entsprechenden Daten zu finden sind, und die erforderlichen Freigaben erteilen. Schließlich definieren Sie einen so genannten DSN. Er enthält alle Informationen über die zu verbindende Datenbank, die für den Zugriff via Netz erforderlich sind.<\/p>\n
Informationen zur Installation von Dreamweaver Ultradev entnehmen Sie der Online-Hilfe der Anwendung. <\/p>\n
ASP-Seiten enthalten Anweisungen, die das Aussehen und den Inhalt von Webseiten bestimmen und die eine Interaktion zwischen dem Anwender und der Webseite ermöglichen. Die Anweisungen werden in der Regel von dem Rechner ausgeführt, der die Seite zur Verfügung stellt – also der Webserver oder der Rechner, auf dem Sie die Seiten erstellen und testen. Dazu sind spezielle Anwendungen erforderlich. Wenn der Personal Web Server auf dem entsprechenden Rechner installiert und gestartet ist, haben Sie bereits eine Voraussetzung erfüllt. Nun müssen Sie noch ein geeignetes Verzeichnis erstellen. Gehen Sie dazu wie beschrieben vor:<\/p>\n
![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic001.png\")
<\/p>\n
<\/b><\/p>\n
Bild 1: Die Optionen des Personal Web Managers<\/span><\/b><\/p>\n <\/b><\/p>\n Bild 2: Hier fügen Sie Ihrem Web ein Verzeichnis hinzu.<\/span><\/b><\/p>\n Wenn Sie Dreamweaver Ultradev das erste Mal starten, werden Sie möglicherweise zunächst einmal von der Menge der Fenster überrascht. Deshalb werden hier die nötigsten Fenster und Objekte der Arbeitsumgebung kurz vorgestellt. Das wichtigste Element ist das Fenster zum Ge-stalten des Seitenlayouts (siehe Bild 3), das so genannte Dokumentenfenster. Hier geben Sie die Inhalte der Seiten ein. Außerdem können Sie von hier aus alle weiteren wichtigen Fenster öffnen. Dazu verwenden Sie die Schaltflächen im rechten unteren Bereich des Fensters. Mit den Schaltflächen können Sie die folgenden Objekte von Dreamweaver öffnen:<\/p>\n Schalt-fläche<\/b><\/p>\n<\/td>\n Bezeichnung<\/b><\/p>\n<\/td>\n Funktion<\/b><\/p>\n<\/td>\n<\/tr>\n Sitemap <\/p>\n<\/td>\n Hier können Sie die einzelnen Seiten der zu bearbeitenden Site organisieren.<\/p>\n<\/td>\n<\/tr>\n Datenbindungen<\/p>\n<\/td>\n Hier legen Sie die einzelnen Informationen bezüglich der Datenbindung fest.<\/p>\n<\/td>\n<\/tr>\n Serververhalten<\/p>\n<\/td>\n Hier legen Sie fest, welche Aktionen der Server beim Anzeigen der Seite während der Laufzeit automatisch ausführen soll.<\/p>\n<\/td>\n<\/tr>\n HTML-Quelle<\/p>\n<\/td>\n In diesem Fenster können Sie den HTML-Quelltext betrachten und editieren.<\/p>\n<\/td>\n<\/tr>\n<\/table>\n Tab. 1: Wichtige Schaltflächen zum öffnen der Objekte von Dreamweaver<\/b><\/p>\n Weitere, zum Arbeiten relevante und wichtige Befehle, die Sie in der Menüleiste finden können, werden Ihnen im Laufe dieses Beitrags vorgestellt.<\/p>\n <\/b><\/p>\n Bild 3: Das Dokumentenfenster<\/span><\/b><\/p>\n Um die gesamten Webseiten mit Dreamweaver Ultradev optimal bearbeiten zu können, ist es erforderlich, die Webseiten des Internetauftritts in eine Site einzubinden. Dazu müssen Sie zunächst einmal eine Site mit Hilfe des Programms erstellen und deren Eigenschaften festlegen und definieren:<\/p>\n Makromedia Ultradev bietet die Möglichkeit, die aktuelle Webseite als Vorschau im Browser oder mit der so genannten Live-Data-Ansicht zu betrachten. Für beide Varianten müssen Sie im Register Anwendungsserver-Infos unbedingt noch folgende Angaben machen:<\/p>\n Geben Sie als Live Data-URL-Präfix den Namen des Rootverzeichnisses (also z. B. http:\/\/localhost\/) gefolgt von dem Alias-Namen des neu angelegten Verzeichnisses, also beispielsweise InternetDB, an. Zusammengesetzt ergibt sich etwa http:\/\/localhost\/InternetDB\/.<\/p>\n Anschließend können Sie den Dialog mit OK und das Fenster Sites definieren mit Fertig schließen.<\/p>\n Die Site ist nun erstellt. Im rechten Teil des Site-Fensters sollten Sie nun das Verzeichnis mit der ausgewählten Datenbank vorfinden.<\/p>\n Wenn Sie einen ODBC-Datenbanktreiber verwenden – wovon auszugehen ist, da Sie mit Microsoft Access arbeiten – müssen Sie zunächst einen so genannten DSN (Data Source Name) definieren. Der DSN enthält alle Informationen, die für den Zugriff auf die entsprechende Datenbank erforderlich sind – beispielsweise den Ort der Datenbank, die genaue Bezeichnung des Datenbanktreibers oder eventuelle Passwörter. Hierzu müssen Sie zunächst den ODBC-Datenquellen-Administrator starten. Abhängig vom Betriebssystem können Sie ihn auf unterschiedliche Weise aktivieren. Unter Windows 2000 beispielsweise finden Sie den Aufruf im Startmenü unter Start ( Programme ( Verwaltung ( Datenquellen (ODBC). Informationen zu den anderen Betriebssystemen finden Sie in der entsprechenden Online-Hilfe.<\/p>\n Nachdem Sie den Datenquellen-Administrator geöffnet haben, wechseln Sie in das Register System-DSN (siehe Bild 4) und betätigen die Schaltfläche Hinzufügen. Im folgenden Fenster wählen Sie den gewünschten Treiber, im vorliegenden Fall den Microsoft Access-Treiber, per Doppelklick aus.<\/p>\n <\/b><\/p>\n Bild 4: Der Datenquellen-Administrator<\/span><\/b><\/p>\n Im nächsten Fenster, dem ODBC Microsoft Access Setup, legen Sie die gewünschte Datenbank fest, auf die Sie per Webseite zugreifen möchten. Geben Sie hier einen Datenquellennamen ein und legen Sie im Dialog Datenbank auswählen, den Sie über die Schaltfläche Auswählen anzeigen, die Datenbank fest. Da sich die folgenden Beispiele ausnahmslos auf die im Lieferumfang von Access enthaltene Datenbank Nordwind beziehen, sollten Sie diese Datenbank hier angeben. Mit der Schaltfläche Erweitert öffnen Sie einen weiteren Dialog, in welchem Sie Anmeldenamen, Passwort und weitere Eigenschaften festlegen können. Hier sind allerdings keine weiteren Anpassungen erforderlich.<\/p>\n <\/b><\/p>\n Bild 5: Hier legen Sie die gewünschte Datenbank fest.<\/span><\/b><\/p>\n Damit Sie per Website auf Ihre Datenbank zugreifen können, müssen Sie zunächst – basierend auf dem soeben erstellten DSN – eine Verbindung zur Datenbank definieren. Gehen Sie dazu folgendermaßen vor:<\/p>\n <\/b><\/p>\n Bild 6: Die Definition einer Verbindung<\/span><\/b><\/p>\n <\/b><\/p>\n Bild 7: Wenn diese Meldung erscheint, haben Sie alles richtig gemacht.<\/span><\/b><\/p>\n Durch einen Klick auf Testen können Sie die erstellte Verbindung testen. Im Normalfall erscheint nun die bestätigende Meldung (siehe Bild 7).<\/p>\n Nach den recht umfangreichen Vorbereitungen erstellen Sie nun die erste Seite zur Darstellung einiger Daten der Datenbank Nordwind. Diese erste Seite soll in tabellarischer Form alle Datensätze der Tabelle Lieferanten anzeigen.<\/p>\n Wechseln Sie zunächst in das Dokumentenfenster von Dreamweaver. Sofern Sie hier kein leeres Blatt vorfinden, legen Sie nun eine neue Seite mit dem Menübefehl Datei ( Neu an. Es öffnet sich eine neue Instanz des Dokumentenfensters und es zeigt sich ein leeres Blatt. Interessant ist im Folgenden vor allem der HTML-Quelltext, den Sie mit der entsprechenden Schaltfläche im unteren, rechten Teil des Dokumentenfensters anzeigen können.<\/p>\n Bevor Sie die Daten der Tabelle Lieferanten auf der Seite anzeigen können, müssen Sie zunächst eine Datensatzgruppe festlegen. Dazu öffnen Sie zunächst das Fenster Datenbindungen mit der entsprechenden Schaltfläche oder dem Menübefehl Fenster ( Datenbindungen. Da Sie noch keine Datenbindung für die aktuelle Seite festgelegt haben, finden Sie hier eine Anleitung zur allgemeinen Vorgehensweise. Wenn Sie die Plus-Schaltfläche (+) betätigen, finden Sie die benötigten Befehle. Zum Festlegen einer Datensatzgruppe wählen Sie den Befehl Datensatzgruppe (Abfrage) aus.<\/p>\n Im folgenden Dialog Datensatzgruppe können Sie die gewünschte Datensatzgruppe auf zwei Arten definieren. Erstens können Sie die Variante ohne SQL wählen, indem Sie einfach die erforderlichen Angaben machen. Hier können Sie allerdings nur eine Tabelle oder Abfrage aus der Datenbank oder die anzuzeigenden Spalten auswählen sowie einen Filter und eine Sortierung festlegen (siehe Bild 8). <\/p>\n <\/b><\/p>\n Bild 8: Definition einer Datensatzgruppe<\/span><\/b><\/p>\n Zweitens können Sie eine eigene SQL-Abfrage angeben. Dazu betätigen Sie die Schaltfläche Erweitert… und geben die erforderlichen Informationen an (siehe Bild 9). <\/p>\n <\/b><\/p>\n Bild 9: Definition einer Datensatzgruppe via SQL<\/span><\/b><\/p>\n Um sich bei der Eingabe des SQL-Ausdrucks eine Menge Arbeit zu sparen, können Sie zunächst die Tabelle, die gewünschten Spalten sowie den Filter und die Sortierung im einfachen Modus angeben. Wenn Sie dann in den erweiterten Modus wechseln, übernimmt Dreamweaver die Angaben in den SQL-Ausdruck. <\/p>\n RESTRICTCONTENT <\/p>\n Zunächst sollen auf der Seite jedoch nur alle Einträge der Tabelle Personal ausgegeben werden. Deshalb geben Sie einfach Personal als Namen, die soeben erstellte Verbindung connNordwindInternet sowie die Tabelle Personal in den entsprechenden Feldern an (siehe Bild 8). <\/p>\n <\/b><\/p>\n Wenn Sie komplexere Datensatzgruppen verwenden möchten, die z. B. aus mehreren Tabellen zusammengesetzt sind, gibt es zwei Varianten, die Ihre Arbeit wesentlich vereinfachen können:Sie stellen die gewünschte Abfrage bereits in Access zusammen und wählen sie anschließend einfach aus dem Kombinationsfeld Tabellen des Dialogs Datensatzgruppe (einfache Version) aus.<\/p>\n Sie erstellen die Abfrage in Access in der Entwurfsansicht für Abfragen und wechseln dann in die SQL-Ansicht. Hier können Sie dann den SQL-Ausdruck kopieren und in das Feld SQL des Dialogs Datensatzgruppe (erweiterte Version) einfügen. <\/p>\n <\/b><\/p>\n Bild 10: Wie der Test zeigt, funktioniert die Verbindung zu der angegebenen Datensatzgruppe.<\/span><\/b><\/p>\n Wenn Sie auf die Schaltfläche Testen klicken, zeigt Dreamweaver eine Tabelle mit den angegebenen Daten an (siehe Bild 10).<\/p>\n <\/b><\/p>\n Bild 11: Der unterlegte Code definiert die Datensatzgruppe.<\/span><\/b><\/p>\n Nachdem Sie alle Informationen angegeben haben, können Sie das Fenster Datensatzgruppe mit einem Klick auf die OK-Schaltfläche schließen. Daraufhin passieren zwei Dinge:<\/p>\n <\/b><\/p>\n Bild 12: Die neue Datensatzgruppe erscheint in der Liste der Datenbindungen.<\/span><\/b><\/p>\n Die notwendigen Angaben erfolgen in der Skriptsprache VBScript.<\/p>\n <\/b><\/p>\n Bild 13: Die neue Website im Dokumentenfenster<\/span><\/b><\/p>\n Die erste Beispielseite soll alle Datensätze der Tabelle Personal anzeigen. Damit das auch ordentlich aussieht, fügen Sie der Seite mit Hilfe des Dokumentenfensters zunächst einmal eine überschrift hinzu. Anschließend erstellen Sie eine neue Tabelle mit dem Menübefehl Einfügen ( Tabelle. Die Tabelle soll eine Zeile und drei Spalten haben, da nur die Nummer, der Nach- und der Vorname des Mitarbeiters ausgegeben werden soll. Die Seite sollte jetzt etwa wie in (siehe Bild 13) aussehen.<\/p>\n Nun müssen Sie die Felder der Tabelle mit den entsprechenden Feldern der Datenherkunft füllen. Dazu zeigen Sie das Fenster Datenbindungen (z. B. mit den Tasten [Umschalt]+[F10]) an. Wenn Sie auf das Plus-Zeichen (+) klicken, er-weitern Sie den Eintrag Datensatzgruppe (Personal) um die dazugehörenden Datenfelder (siehe Bild 14). <\/p>\n <\/b><\/p>\n Bild 14: Das Fenster Datenbindungen zeigt alle Felder der vorhandenen Datensatzgruppen an.<\/span><\/b><\/p>\n Nun müssen Sie die gewünschten Einträge aus dem Fenster Datenbindungen in die vorbereitete Tabelle der ASP-Seite einfügen (siehe Bild 15).<\/p>\n <\/b><\/p>\n Bild 15: Die Tabelle ist mit Verweisen auf die Datenquelle gefüllt.<\/span><\/b><\/p>\n Speichern Sie die ASP-Seite nun unter dem Namen Personal.asp in das vorbereitete Verzeichnis. <\/p>\n Jetzt ist der große Moment gekommen: Sie können sich Ihre erste selbst erstellte Webseite mit Datenbankinhalt im Browser ansehen. <\/p>\n Die Seite kann nur vom Browser selbst aus aufgerufen werden. Das hat den Hintergrund, dass sonst die entsprechenden Anwendungen zum Ausführen der ASP-Anweisungen nicht aufgerufen werden. <\/p>\n Geben Sie also in das Adressfeld des Browsers die folgende Adresse ein:<\/p>\n Das Ergebnis sieht nun etwa wie in (siehe Bild 16) aus.<\/p>\n <\/b><\/p>\n Bild 16: Die ersten Daten via Internet.<\/span><\/b><\/p>\n Leider zeigt die Seite nur einen Datensatz an. Wenn mehr als ein Datensatz angezeigt werden soll, müssen Sie eine Schleife einbauen, um die Ausgabe zu wiederholen. Glücklicherweise nimmt Dreamweaver Ihnen den Großteil der Arbeit ab. Gehen Sie dazu folgendermaßen vor<\/p>\n <\/b><\/p>\n Bild 17: Festlegen der Anzahl der gleichzeitig anzuzeigenden Datensätze<\/span><\/b><\/p>\n Um die aktuelle Seite im Dokumentenfenster im Browser anzuzeigen, müssen Sie die Adresse nicht jedes Mal von Hand eingeben. Dreamweaver Ultradev bietet auch die Möglichkeit einer Vorschau. Um die Vorschau anzuzeigen, betätigen Sie einfach die Taste [F12].<\/p>\n Falls die anzuzeigende Tabelle mehr Datensätze enthält als im Dialog Bereich wiederholen angegeben, zeigt die Webseite trotzdem nur die angegebene Anzahl Datensätze an. Um zu den anderen Datensätzen zu wechseln, benötigen Sie entsprechende Navigationselemente. Gehen Sie wie folgt vor, um ein Navigationselement einzufügen:<\/p>\n Wenn Sie die Seite nun im Browser anzeigen lassen, finden Sie an den entsprechenden Stellen die Navigationselemente in Form von Links (siehe Bild 18). Natürlich können Sie sich auch schmucke Schaltflächen erstellen und sie an die Stelle der recht langweiligen Links positionieren. Das Aktivieren eines Links führt zur Ausführung einer VBScript-Funktion. Die Funktion aktualisiert die Seite mit den gewünschten Werten.<\/p>\n <\/b><\/p>\n Bild 18: Eine dynamische Tabelle mit Navigationselementen<\/span><\/b><\/p>\n Access deaktiviert manche Navigationselemente in Abhängigkeit vom aktuellen Datensatz. So deaktiviert es z. B. die Schaltflächen Nächster Datensatz und Letzter Datensatz, wenn der letzte Datensatz bereits erreicht ist. Dreamweaver bietet die Möglichkeit, die entsprechenden Navigationselemente zu verbergen.<\/p>\n Gehen Sie dabei folgendermaßen vor, um beispielsweise das Navigationselement Erster zu verbergen:<\/p>\n <\/b><\/p>\n Bild 19: Festlegen der Bedingungen für das Verbergen eines Bereiches<\/span><\/b><\/p>\n Wenn Sie nun die Seite im Browser betrachten, sind die entsprechenden Navigationselemente ausgeblendet.<\/p>\n Mit der Webseite, die Sie soeben erstellt haben, können Sie bereits die Namen der Mitarbeiter abrufen. Wenn Sie weitere Informationen wie z. B. die Adressdaten anzeigen wollen, ist eine Tabelle möglicherweise nicht mehr die richtige Darstellungsart, da die Breite schnell die Bildschirmbreite überschreitet. Daher sollten Sie der Seite nun eine Funktion hinzufügen, mit der Sie die Details zu einem bestimmten Datensatz anzeigen können.<\/p>\n Dazu müssen Sie einmal die Detailseite erstellen, die alle gewünschten Informationen des ausgewählten Datensatzes anzeigt.<\/p>\n Erstellen Sie also zunächst eine neue Seite, indem Sie im Dokumentenfenster den Menübefehl Datei ( Neu verwenden. Die neue Seite verbinden Sie auf die bekannte Art und Weise mit der Tabelle Personal als Datensatzgruppe.<\/p>\n Da Sie möglicherweise auch änderungen an den Daten vornehmen möchten, legen Sie die Daten direkt in Form von Textfeldern in einem Formular an. Gehen Sie dabei folgendermaßen vor:<\/p>\n <\/b><\/p>\n Bild 20: Das Formular zur Anzeige der Detaildaten<\/span><\/b><\/p>\n Wenn Sie alles richtig gemacht haben, finden Sie im Browserfenster nach Betätigung der Taste [F12] den Anblick aus Bild 21.<\/p>\n <\/b><\/p>\n Bild 21: Das Formular zur Eingabe der Detaildaten<\/span><\/b><\/p>\n Die Detailseite zeigt aber nun bei jedem Aufruf nur den ersten Datensatz der Datensatzgruppe an. Sie müssen ihr noch mitteilen, dass bei einem Aufruf unterschiedliche Personalnummern angefordert werden könnten. Das tun Sie folgendermaßen:<\/p>\n <\/b><\/p>\n Bild 22: Geben Sie hier den Parameter des anzuzeigenden Datensatzes an.<\/span><\/b><\/p>\n Speichern Sie die Seite nun unter dem Namen PersonalDetail.asp ab und kehren Sie zu der Seite Personal.asp zurück, die das komplette Personal anzeigt. Damit Sie hier einen Mitarbeiter auswählen können, um seine Detaildaten anzuzeigen, setzen Sie nun einen Link auf das Feld Personal-Nr. Wenn man auf die Personalnummer klickt, soll die Seite PersonalDetail.asp geöffnet werden und die Detailinformationen zum ausgewählten Mitarbeiter ausgeben. Gehen Sie in folgenden Schritten vor:<\/p>\n <\/b><\/p>\n Bild 23: Diese Eigenschaften werden beim Wechsel zu einer Detailseite benötigt.<\/span><\/b><\/p>\n Nun können Sie die Seite im Browser anzeigen. Die Personalnummern sollten als Link farbig gekennzeichnet sein. Wenn Sie auf einen der Links klicken, ruft die aktuelle Seite beispielsweise die Detailseite mit der folgenden Adresse auf:<\/p>\n Der Wert hinter dem Fragezeichen wird an die aufgerufene Seite übermittelt. Die aufgerufene Seite durchsucht die Datenbank nach dem Datensatz mit der angegebenen Personalnummer.<\/p>\n Nachdem Sie nun erfahren haben, wie Sie Daten auswählen und anzeigen können, fehlt noch die Bearbeitung der Daten. Dazu gehören im Wesentlichen drei Operationen: das Hinzufügen, das Bearbeiten und das Löschen eines Datensatzes.<\/p>\n Sie werden im Folgenden die verschiedenen Operationen anhand der Seite PersonalDetail.asp kennen lernen. Bevor Sie damit anfangen, müssen Sie dem Formular auf der Seite noch eine Schaltfläche hinzufügen. Außerdem weisen Sie nun der Seite noch einen Namen zu.<\/p>\n Positionieren Sie die Einfügemarke irgendwo innerhalb der rot markierten Formularumrandung. Unten links im Fensterrahmen erscheinen daraufhin einige HTML-Tags. Klicken Sie hier auf den Tag <Form>. Daraufhin wird das komplette Formular markiert und das Eigenschaftsfenster zeigt die Eigenschaften des Formulars an. Falls Sie das Eigenschaftsfenster nicht sehen können, aktivieren Sie es mit den Tasten [Strg]+[F3]. Weisen Sie dem Formular beispielsweise den Namen frmPersonal zu.<\/p>\n Fügen Sie dem Formular dann aus dem Objektfenster eine Schaltfläche hinzu, beispielsweise in das Feld neben der Tabellenüberschrift. Wenn die Schaltfläche aktiviert ist, können Sie auch seine Eigenschaften ändern. Geben Sie der Schaltfläche den Namen btnNeu und weisen Sie der Eigenschaft Beschriftung den Wert Neuer Datensatz zu.<\/p>\n Bevor Sie der Datenbank über das Netz einen neuen Datensatz hinzufügen können, sind folgende Vorbereitungen zu erledigen:<\/p>\n Auf der Seite Personal.asp müssen Sie dazu einen Link installieren, der zum Aufrufen einer weiteren Webseite und zur Eingabe des neuen Datensatzes dient. Gehen Sie folgendermaßen vor:<\/p>\n <\/b><\/p>\n Bild 24: Auswahl einer Seite für den neuen Link<\/span><\/b><\/p>\n Nun erstellen Sie die Seite zur Eingabe eines neuen Datensatzes. Da die Seite zur Eingabe eines neuen Datensatzes fast genauso wie die Seite zur Detailansicht eines Datensatzes aussieht, bauen Sie die Seite darauf auf.<\/p>\n <\/b><\/p>\n Bild 25: Diese Einträge müssen Sie entfernen.<\/span><\/b><\/p>\n Nachdem Sie den Dialog geschlossen haben, können Sie das Formular zur Dateneingabe von der Seite Personal.asp über den Link Neu aufrufen und in der Seite PersonalNeu.asp einen neuen Datensatz eingeben.<\/p>\n Das ändern eines Datensatzes erfolgt auf der Detailseite. Zum ändern eines Datensatzes benötigen Sie zunächst eine neue Schaltfläche, um die änderungen nach der Eingabe ausführen zu lassen. Geben Sie der Schaltfläche den Namen btnAendern und die Beschriftung Daten ändern. Anschließend gehen Sie wie folgt vor:<\/p>\n Bild 26: Eigenschaften des einzufügenden Datensatzes<\/span><\/b><\/p>\n <\/b><\/p>\n Bild 27: Angaben zur Aktualisierung des Datensatzes<\/span><\/b><\/p>\n Falls Sie die im Beispiel angegebene Tabelle Personal aus der Datenbank Nordwind verwendet haben, erscheint beim Testen der Aktualisierung vermutlich eine Fehlermeldung. Der Fehler wird durch eine kleine Eigenart von Access verursacht, die von Dreamweaver nicht berücksichtigt wird. In Access ist es nämlich möglich, Feldnamen zu verwenden, die einen Bindestrich (-) enthalten. SQL kann solche Feldnamen aber nicht verarbeiten und macht beispielsweise aus dem Feldnamen Personal-Nr zwei Parameter, nämlich Personal und Nr. Access selbst reagiert darauf, indem es alle Feldnamen automatisch in eckige Klammern einfasst (z. B. [Personal-Nr]). Kommen solche Feldnamen in VBA-Code vor, ist der Entwickler dazu angehalten, den Ausdruck einzuklammern. Wenn Dreamweaver den SQL-Ausdruck erstellt, fügt es aber keine eckigen Klammern hinzu.<\/p>\n Um das Problem zu beheben, gibt es drei Möglichkeiten:<\/p>\n Um des vorliegenden Problems Herr zu werden, beschränken Sie sich hier am besten auf den zweiten Vorschlag. Dazu müssen Sie im HTML-Code der Seite PersonalDetail.asp zwei Zeilen ändern, die Sie im Fenster HTML-Quelle am schnellsten per Such-Anweisung finden. In den beiden Zeilen nehmen Sie die folgenden Ergänzungen vor (die zu ergänzenden Zeichen sind fett und unterstrichen hervorgehoben):<\/p>\n <\/b><\/p>\n Wenn Sie diese änderungen durchgeführt haben, funktioniert die Aktualisierung der Daten. Möglicherweise können auch beim Löschen oder Anlegen eines Datensatzes ähnliche Fehler auftauchen. In dem Fall müssen Sie einfach die entsprechenden eckigen Klammern im VBScript ergänzen, damit die SQL-Abfrage funktioniert.<\/p>\n Wenn Sie mit den standardmäßig vorhandenen Serververhalten arbeiten und nicht selbst mit VBScript programmieren möchten, müssen Sie zum Löschen eine weitere Detailseite erstellen. <\/p>\n Das Löschen eines Datensatzes aus einem wiederholten Bereich wie auf der Hauptseite Personal.asp ist leider nicht ohne Weiteres möglich.<\/p>\n Zunächst fügen Sie der Hauptseite eine weitere Tabellenspalte hinzu, am besten rechts von den bestehenden Spalten. Klicken Sie in das neue Feld und fügen Sie das Serververhalten Zu Detailseite wechseln hinzu. Geben Sie im Dialog Zu Detailseite wechseln im Feld Detailseite den Wert PersonalLoeschen.asp ein. Das Feld URL-Parameter durchlaufen erhält den Wert ID. Aktivieren Sie außerdem die Option URL-Parameter.<\/p>\n Anschließend erstellen Sie die neue Seite PersonalLoeschen.asp.<\/p>\n Fügen Sie der Seite wie gewohnt zunächst die gewünschte Datensatzgruppe hinzu. Gehen Sie in diesen Schritten vor:<\/p>\n Sie können den Mechanismus zum Löschen nun bereits ausprobieren. Wie Sie wahrscheinlich erwartet haben, folgt erneut eine Fehlermeldung, da im SQL-Ausdruck der Feldname Personal-Nr nicht in eckige Klammern gesetzt wurde.<\/p>\n Sie müssen die Klammern noch manuell hinzufügen. Im Folgenden ist die fehlerhafte Zeile mit hervorgehobenen Ergänzungen angegeben:<\/p>\n Nun funktioniert das Löschen. Falls der Anwender den Datensatz doch nicht löschen will, bekommt er eine weitere Schaltfläche angeboten, mit der er ohne Veränderungen zu der vorherigen Seite zurück wechseln kann.<\/p>\n Nun können Sie den ausgewählten Datensatz löschen oder auch zur Auswahl zurückkehren (siehe Bild 28).<\/p>\n <\/b><\/p>\n Bild 28: Löschen eines Datensatzes<\/span><\/b><\/p>\n Dreamweaver Ultradev bietet sowohl Anfängern als auch versierten Programmierern einen einfachen Einstieg in die Erstellung von Internetseiten, die den Zugriff auf Datenbanken ermöglichen. Die vorhandenen so genannten Serververhaltensweisen bieten dabei ausreichende Möglichkeiten zum Anzeigen, Erstellen, Bearbeiten und Löschen von Daten. Auch das Suchen nach bestimmten Daten ist – obwohl hier nicht beschrieben – möglich.<\/p>\n Neben den vorhandenen Serververhalten gibt es einen ständig wachsenden Pool von weiteren Anwendungen. Sie können von der Webseite <\/p>\n http:\/\/www.macromedia.com kostenlos heruntergeladen werden.<\/p>\n Auf der Heft-CD haben wir für Sie eine 30 Tage Testversion des Dreamweaver Ultradev. Sie finden diese im Verzeichnis Software <\/p>\n Für erfahrene Entwickler bietet sich die Möglichkeit, die durch die unterschiedlichen Serververhalten generierten VBScript-Anwendungen zu variieren und an besondere Anforderungen anzupassen.<\/p>\n","protected":false},"excerpt":{"rendered":" Immer öfter werden im Internet Informationsinhalte aus Datenbanken generiert. Angefangen beim Ausgangspunkt einer jeden Internetrecherche (den Suchmaschinen) bis hin zu hoch komplexen E-Business-Anwendungen (E-Shops), bauen immer mehr Internetangebote auf Datenbanken als strukturierte Informationsquelle. Eine einfache Möglichkeit, die Informationen Ihrer Datenbank in das Inter- oder Intranet zu stellen, bietet die Anwendung Dreamweaver Ultradev der Firma Macromedia. In diesem Beitrag erfahren Sie, wie Sie mit Dreamweaver Ultradev Internetseiten für den Zugriff auf Datenbankinhalte erstellen.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[66012000,662000,44000026,44000030],"tags":[],"class_list":["post-55000003","post","type-post","status-publish","format-standard","hentry","category-66012000","category-662000","category-Interaktiv","category-Internet"],"yoast_head":"\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic002.png\")
<\/p>\n\n
\n \n \n \n \n <\/td>\n \n \n \n <\/td>\n \n \n \n <\/td>\n \n \n \n <\/td>\n \n \n ![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic003.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic004.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic005.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic006.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic007.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic008.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic009.png\")
<\/p>\nPraxis-Tipp<\/h3>\n
\n‚]<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic010.png\")
<\/p>\nPraxis-Tipp<\/h3>\n
![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic011.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic012.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic013.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic014.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic015.png\")
<\/p>\nhttp:\/\/localhost\/internetdb\/personal.asp<\/pre>\n
![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic016.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic017.png\")
<\/p>\nEinfügen von Navigationssteuerelementen<\/h2>\n
![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic018.png\")
<\/p>\nVerbergen nicht benötigter Navigationselemente<\/h2>\n
![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic019.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic020.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic021.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic022.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic023.png\")
<\/p>\nhttp:\/\/localhost\/InternetDB\/PersonalDetail.aspid=4<\/pre>\n
Hinzufügen eines Datensatzes<\/h2>\n
![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic024.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic025.png\")
<\/p>\nändern eines Datensatzes<\/h2>\n
![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic026.png\")
<\/p>\n![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic027.png\")
<\/p>\nLöschen eines Datensatzes<\/h2>\n
![](\"..\/fileadmin\/_temp_\/{96E6B107-0D34-46AF-A296-216190B6B003}\/pic028.png\")
<\/p>\nHinweis<\/h3>\n