Erstellen Sie ein Gästebuch mit DreamweaverMX (3)
Autor:Eve Cole
Aktualisierungszeit:2009-05-31 21:07:14
OK, der nächste Schritt ist die E-Mail- und Homepage-Adresse, die sich geringfügig von der vorherigen Methode unterscheiden, wie in den Abbildungen (7-18) und (7-19) dargestellt.
7-18
7-19
Bitte beachten Sie auch, dass es eine Reihenfolge gibt: Wählen Sie zunächst das Bild des Postfachs aus und klicken Sie dann im Eigenschaftenfenster unten auf die Schaltfläche „Link“. Wenn Sie auf dieses Bild klicken, wird das in Abbildung (7-20) gezeigte Dialogfeld angezeigt, das angibt, wo eine Verbindung hergestellt werden soll.
7-20
Früher bestand unsere Funktion darin, eine Verbindung zu einer lokalen Seite herzustellen, aber in DW MX können wir eine Verbindung zu einer dynamischen Seite herstellen, indem wir „Datenquellen“ auswählen. Hier nehmen wir das E-Mail-Feld aus dem Datensatz und denken daran, „mailto:“ voranzustellen. Warum fügen wir das hier hinzu? Dies liegt daran, dass es sich bei diesem „mailto“ um ein HTML-Tag handelt, d. h. es wird eine Verbindung mit OUTLOOK geöffnet, um die E-Mail zu senden.
Denken Sie gleichzeitig daran, diesem E-Mail-Bild das Alt-Attribut hinzuzufügen, d. h. die E-Mail-Adresse von alt="<%=(guestbook.fields.item("f_name").value)%> ist <%=( „guestbook.fields.item(" f_email").value)%>, klicken Sie hier, um ihm/ihr eine E-Mail zu senden.
Die Verbindungsmethode der Homepage-Adresse ist in Abbildung (7-21) dargestellt.
7-21
Denken Sie nach dem Binden der Verbindung daran, das Alt-Attribut zum Bild hinzuzufügen. Ändern Sie es in alt="<%=(guestbook.fields.item("f_name").value)%>. Die E-Mail-Adresse lautet <%=(guestbook .fields.item( "f_homepage").value)%>, klicken Sie hier, um ihm/ihr eine Nachricht zu senden“
Ja, es ist ein bisschen langweilig hier, aber komm schon, der Sieg winkt uns entgegen. :) :)
Sehen Sie sich den aktuellen Effekt an, wie in Abbildung (7-22) dargestellt.
7-22
Als Nächstes müssen Sie Links hinzufügen, um auf das Thema zu antworten, es zu bearbeiten und zu löschen und es dynamisch zu gestalten. Das hier verwendete Serververhalten besteht darin, zur Detailseite zu springen (Gehe zur Detailseite). Zuvor haben wir die Antwortseite (rep.asp), die Bearbeitungsseite (edit.asp) und die Löschseite (del.asp) eingerichtet. Hier wird nicht näher erläutert, wie die einzelnen Verbindungen hergestellt werden. Der Effekt ist in der Abbildung (7) dargestellt -23, 7-24, 7-25).
7-23
7-24
7-25
Nachdem Sie die oben genannten drei Schritte ausgeführt haben, müssen Sie noch eines bedenken: Was ist, wenn wir viele Nachrichten haben? ? Hier müssen wir den Wiederholungsbereich (Wiederholungsbereich) im DW MX-Serververhalten verwenden und die gesamte große Tabelle auswählen, in der die Meldung „Anwendung -> Serververhalten -> Wiederholungsbereich“ angezeigt wird, wie in Abbildung (7-26) dargestellt. .
7-26
Wir definieren es so, dass 14 Datensätze pro Seite angezeigt werden, was etwas einfacher aussieht, und klicken auf die Schaltfläche „OK“.
Wenn ich diesen Schritt erreiche, muss ich eine Frage berücksichtigen. Woher wissen durchsuchende Benutzer, wie viele Nachrichtendatensätze ich habe? ? Tatsächlich hat DW MX dies beim Erstellen des Datensatzes bereits für uns berücksichtigt, wie in Abbildung (7-27) dargestellt.
7-27
Erster Datensatzindex: Der erste Datensatz im Index.
Letzter Datensatzindex: Der letzte Datensatz im Index.
Gesamtdatensätze: die Summe aller Datensätze.
Bei diesen müssen wir sie lediglich auf die Seite ziehen und entsprechenden erklärenden Text hinzufügen, wie in Abbildung (7-28) dargestellt.
7-28
Wenn Sie hartnäckig bleiben, werden Sie Erfolg haben! Wir benötigen auch eine Führungsleiste, da wir zuvor den Wiederholungsbereich verwendet haben, wie in Abbildung (7-29) gezeigt.
7-29
Einfügen -> Anwendungsobjekte -> Datensatznavigationsleiste (Einfügen -> Anwendungsobjekte -> Datensatznavigationsleiste). Nach dem Klicken wird ein Dialogfeld wie in Abbildung (7-30) angezeigt.
7-30
Recordset: Wählen Sie hier den Datensatz aus, in dem navigiert werden soll.
Anzeige mit: Wählen Sie hier die Anzeigemethode der Navigationsleiste aus, Text ist Text, Bilder sind Bilder, hier wählen wir Bilder aus.
Klicken Sie auf die Schaltfläche „OK“. Der Anzeigeeffekt ist wie in Abbildung (7-31) dargestellt.
7-31
Möglicherweise ist sie zu groß. Nachdem Sie diese Tabelle ausgewählt haben, ändern Sie ihre Breite = „50 %“ im Eigenschaftenfenster. Der endgültige Effekt ist in der Abbildung (7-32) dargestellt ) angezeigt.
7-32
Verbinden Sie nun für die letzte Verbesserungsstufe „Neues Thema veröffentlichen“ mit der Seite „new.asp“, verbinden Sie das folgende „Admin-Portal“ mit der Seite „login.asp“ und verwenden Sie ein Serververhalten für „Abmelden“. Super vorbereitet vom Benutzer. Wie in Abbildung (7-33) dargestellt.
7-33
Benutzerauthentifizierung: Benutzerauthentifizierung.
Benutzer abmelden: Der angemeldete Benutzer meldet sich ab.
Nach dem Klicken erscheint ein Dialogfeld wie in Abbildung (7-44) dargestellt.
7-44
Abmelden, wann: Abmelden, Link angeklickt: Abmelden, wenn auf diesen Link geklickt wird. Seite lädt: Beenden, wenn die Seite geschlossen wird.
Wenn Sie fertig sind, gehen Sie zu: Zu welcher Seite nach dem Beenden gewechselt werden soll. Hier legen wir fest, dass wir zur Startseite von index.asp wechseln.
Außerdem ist der oben angezeigte {Session.MM_username} tatsächlich für Superuser vorbereitet. Wenn Sie nicht angemeldet sind, wird „Willkommen“ angezeigt. Wenn ein Superuser angemeldet ist, wird „Willkommen XX!“ angezeigt. Hier müssen wir eine Sitzungsvariable erstellen, wie in Abbildung (7-34) gezeigt. Was das Problem dieser Sitzungsvariablen betrifft, werden wir sie in den folgenden Kapiteln ausführlich vorstellen. :) :)
7-34
7-35
Nach dem Klicken wird ein Dialogfeld wie in Abbildung (7-35) angezeigt. Geben Sie MM_Benutzernamen in das Dialogfeld ein. Diese MM_username-Variable wird von DW MX automatisch generiert, nachdem das Verhalten des Anmeldeservers angewendet wurde (wir werden sie später ausführlich vorstellen). Ziehen Sie es außerdem vor das Ausrufezeichen zwischen „Willkommen!“. Ah, lasst uns zusammen brüllen~~~~~~Den schwierigsten Teil endlich geschafft, Glückwunsch, hehe...