Kapitel 7 Die Implementierung der BLOG-Benutzeranmeldeseite von Doking
ist abgeschlossen. Benutzer können sich nun auf der Website anmelden und Notizen posten und auf Notizen antworten.
Benutzer-Login: Nachdem die Überprüfung korrekt ist, ändert sich das Erscheinungsbild der Seite nach der Benutzer-Login.
(1) Öffnen Sie die Vorlage bkblog.dwt.aspx, fügen Sie die Tabelle yhtab in die linke Spalte ein und gestalten Sie sie wie im schwarzen Kreis in Abbildung 7-1 dargestellt.
(2) Fügen Sie den Datensatz yhlog über die YH-Tabellenabfrage ein, um zu überprüfen, ob die Benutzeranmeldung korrekt ist.
①Stellen Sie den Datensatz yhlog auf Filter ein, wie in Abbildung 7-2 dargestellt.
Abbildung 7-1 Entwurfszeichnung der Tabelle yhtab
Abbildung 7-2 Einfügen des Datensatzes yhlog
② Klicken Sie auf die Schaltfläche „Erweitert“, um in den erweiterten Datensatzmodus zu wechseln, wie in Abbildung 7-3 dargestellt.
Abbildung 7-3 Einfügen des Datensatzes yhlog
③ Klicken Sie auf den Parameter „+“, um das Dialogfeld „Parameter bearbeiten“ zu öffnen, geben Sie den Namen „@Logpas“ ein und wählen Sie „WChar“ als Typ aus, wie in Abbildung gezeigt 7-4.
Abbildung 7-4 Zur Teilnahme an Logpass hinzufügen
④Klicken Sie auf die Schaltfläche „Erstellen“, um das Dialogfeld „Wert generieren“ mit dem Namen „Logpass“ zu öffnen, und wählen Sie „Formularvariable“ als Quelle aus, wie in Abbildung 7-5 dargestellt.
Abbildung 7-5 Dialogfeld „Wert generieren“
⑤ Klicken Sie auf „OK“, um die Einstellungen zu speichern und zum Dialogfeld „Datensatz yhlog“ zurückzukehren. Ändern Sie die SQL-Anweisung. Das Änderungsergebnis ist in Abbildung 7-6 dargestellt.
Abbildung 7-6 Ändern des Datensatzes yhlog
(3) Fügen Sie vor dem Tag <html> den im roten Kreis in Abbildung 7-7 gezeigten Code ein.
Abbildung 7-7 Funktion uselog definieren
(4) Ziehen Sie das Feld YHNAME unter dem Datensatz yhlog in der Vorlage bkblog.dwt.aspx an eine beliebige Position auf der Seite und ziehen Sie dann das Feld YHID unter dem Datensatz yhlog dahinter lautet wie folgt:
<%# yhlog.FieldValue("YHNAME", Container) %><%# yhlog.FieldValue("YHID", Container) %>
Ändern Sie den obigen Code in:
<%# uselog(yhlog.FieldValue(" YHNAME", Container),yhlog .FieldValue("YHID", Container)) %>
(5) Fügen Sie den Datensatz bjre über die ZT-Tabellenabfrage ein und geben Sie die Gesamtzahl der vom Benutzer veröffentlichten Studiennotizen zurück.
① Stellen Sie den Datensatz auf „Filter“ ein, das Filterfeld lautet: YHID und die Filtermethode lautet: Eingabewert, wie in Abbildung 7-8 dargestellt.
Abbildung 7-8 Einfügen des Datensatzes bjre
② Klicken Sie auf „Erweitert“, wechseln Sie in den erweiterten Datensatzmodus und ändern Sie die SQL wie in Abbildung 7-9 gezeigt.
Abbildung 7-9 Ändern Sie den Datensatz bjre
③Klicken Sie auf die Schaltfläche „Bearbeiten“ und ändern Sie YHID im Textfeld in „Sitzung“ („USEID“). Das Ergebnis ist in Abbildung 7-10 dargestellt.
Abbildung 7-10 Bearbeiten der Parameter des Datensatzes
④ Drücken Sie die Taste „OK“ und dann die Taste „OK“, um den Datensatz abzuschließen.
(6) Fügen Sie den Datensatz plre zur HF-Tabellenabfrage ein und geben Sie die Gesamtzahl der vom Benutzer veröffentlichten Studiennotizen zurück. Mit Ausnahme der unterschiedlichen Abfragetabellen sind die anderen Einstellungen mit denen des Datensatzes bjre identisch (Sie können den Datensatz plre zuerst kopieren und einfügen und ihn dann ändern).
(7) Ziehen Sie das Feld Eprl100 unter dem Datensatz bjre hinter „Anmerkung posten:“ in der Tabelle yhtab; ziehen Sie das Feld Eprl100 unter dem Datensatz plre hinter „Antwort posten:“ in der Tabelle yhtab.
(8) Bewegen Sie den Cursor vor „Benutzerinformationen“ in der YHTAB-Tabelle und klicken Sie im ASP.NET-Kontextmenü auf „Daten binden“. Das Ergebnis ist in Abbildung 7-11 dargestellt.
Abbildung 7-11 Gebundene Daten einfügen.
Halten Sie den Cursor auf der roten vertikalen Linie in Abbildung 71 und geben Sie Folgendes ein: session("USENAME")
(9) Kehren Sie zur Entwurfsansicht zurück und erstellen Sie einen Hyperlink zu „Neue Notizen veröffentlichen“ in der Tabelle yhtab : .. /ztfb.aspx
Erstellen Sie einen Hyperlink zu „Informationen ändern“ in der Tabelle yhtab: ../yhsg.aspx
Das Ergebnis ist in Abbildung 7-12 dargestellt.
Abbildung 7-12 Änderung der Tabelle yhtab
(10) Wählen Sie die Tabelle yhtab aus, kehren Sie zur Codeansicht zurück, drücken Sie „Strg+X“ oder wählen Sie „Ausschneiden“ im Menü [Bearbeiten], die alte Methode: Fügen Sie sie in den neu erstellten Notizblock ein oder in einem Word-Dokument.
(11) Kehren Sie zur Entwurfsansicht zurück, wählen Sie die Registerkarte „Tabellenprotokoll“ aus und bewegen Sie den Cursor an die Position der roten vertikalen Linie, wie in Abbildung 7-13 dargestellt.
Abbildung 7-13 Gehen Sie zur Cursorposition
(12) und geben Sie den Code ein, wie im roten Kreis in Abbildung 7-14 dargestellt.
Abbildung 7-14 Code vor dem Label <form> einfügen
(13) Bewegen Sie den Cursor hinter das Yhlogfrm-End-Tag </form> und geben Sie den Code ein, wie im roten Kreis in Abbildung 7-15 dargestellt.
Abbildung 7-15 Code nach dem Tag einfügen </form>
(14) Fügen Sie das in Schritt 7 ausgeschnittene Tabellen-Yhtab vor dem Code <%end if%> und nach <% else %> ein.
(15) Speichern Sie die Vorlage bkblog.dwt.aspx. Öffnen Sie alle Webseiten, die auf der Vorlage bkblog.dwt.aspx basieren, und kopieren Sie die neu hinzugefügten Datensätze yhlog, bjre und plre und fügen Sie sie in die Vorlage bkblog.dwt.aspx unter [Serververhalten] ein. Geben Sie dann den Code wie in Schritt 3 ein und fertig!
(16) Durchsuchen Sie index.aspx im IE-Browser, wie in Abbildung 7-16 vor der Benutzeranmeldung und wie in Abbildung 7-17 nach erfolgreicher Benutzeranmeldung gezeigt. Denken Sie daran, dass ASP.NET die gb2312-Kodierungsübertragung nicht unterstützt. Es wurde im vorherigen Kapitel erwähnt, also zittern Sie nicht in der Zukunft.
Abbildung 7-16 Vor der Benutzeranmeldung
Abbildung 7-17
Erinnerung nach der Benutzeranmeldung: Um den Lesern das Lernen zu erleichtern, ist das Tutorial in Module unterteilt. Tatsächlich müssen alle Funktionen von Anfang an in der Vorlage ausgeführt werden, insbesondere der Datensatz und der Header-Loader, die in die Vorlage eingefügt werden müssen, da diese die Webseite nach späteren Änderungen nicht aktualisieren können.
Nach der Anmeldung können Benutzer zu jeder Studiennotiz Antwortnachrichten posten.
(1) Öffnen Sie hf.aspx, fügen Sie das Formular yhplfrm ein und fügen Sie dann das Server-Textfeld-Steuerelement mit der ID HFNAME ein. Klicken Sie unten auf die Schaltfläche „ID“, und das Ergebnis wird in Abbildung 7-18 angezeigt.
Abbildung 7-18 Relevantes Design der Tabelle Hftab
(3) Binden Sie die Datensitzung („Benutzername“) nach „Name:“ in der Tabelle Hftab (die Methode ist wie in Schritt 8 von 7.1 gezeigt, um den Benutzernamen vor „Benutzerinformationen“ zu binden). ).
(4) Ziehen Sie das Feld ZTNAME unter dem Datensatz Ztre in das Textfeld HFNAME. Ändern Sie im Eigenschaftenfenster des Textfelds HFNAME den Anfangswert:
<%# Ztre.FieldValue("ZTNAME", Container) %>
in:
<%# "RE:"&Ztre.FieldValue("ZTNAME", Container) %>
(5) Wählen Sie die Schaltfläche plbottom aus, klicken Sie mit der rechten Maustaste, wählen Sie die Statusleiste <input # plbottom> aus und wählen Sie im Popup „Beschriftung bearbeiten“ aus -up-Kontextmenü, wie in Abbildung 7-19 gezeigt.
Abbildung 7-19 Auswählen des Schnellbearbeitungs-Tags <input # plbottom>
(6) Ändern Sie im Popup-Schnellbearbeitungs-Tag <input # plbottom> „
disabled="true"“
in „
disabled=<%# iif((session( "USENAME ")<>nothing),false,true) %>
Das Ergebnis ist in Abbildung 7-20 dargestellt.
Abbildung 7-20 Die Verknüpfung <input # plbottom> edit label
legt die Schaltfläche plbottom fest. Sie wird deaktiviert, bevor sich der Benutzer anmeldet, und wird verfügbar, nachdem sich der Benutzer angemeldet hat.
(4) Fügen Sie das Serververhalten zum Einfügen von Datensätzen hinzu, senden Sie den Wert aus dem Formular yhplfrm, wählen Sie die Einfügetabelle als HF aus. Weitere Einstellungen sind in Abbildung 7-21 dargestellt.
Abbildung 7-21 Verhalten des Servers zum Einfügen von Datensätzen hinzufügen
In Abbildung 7-21 können Sie sehen, dass die Felder HFID, HFTIME, YHID und ZTID keine Werte erhalten. Das Feld HFID ist eine automatische Zahl, und die Datenbank fügt dem Datensatz automatisch einen Wert hinzu; für das Feld HFTIME ist in Access ein Standardwert auf date() festgelegt, sodass die Datenbank dem neu hinzugefügten Datensatz automatisch das heutige Datum hinzufügt. Das Feld YHID ist der ID-Code des angemeldeten Benutzers und das Feld ZTID ist die ID der zu veröffentlichenden Notiz. Daher muss der ID-Code des angemeldeten Benutzers im Feld YHID und der ID-Code der zu veröffentlichenden Notiz im Feld ZTID hinzugefügt werden.
(5) Kehren Sie zur Codeansicht zurück und suchen Sie den Code zum Einfügen des Datensatzes (dkconn, HF), wie im schwarzen ausgewählten Teil in Abbildung 7-22 dargestellt.
Abbildung 7-22 Finden Sie den Code zum Einfügen von Datensätzen (dkconn, HF)
(6) Ändern Sie den Code:
CommandText='<%# "INSERT INTO HF (HFNAME, HFTEXT) VALUES (?, ?,)" %>'
in:
CommandText ='<%# "INSERT INTO HF (HFNAME, HFTEXT, ZTID, YHID) VALUES (?, ?, ?, ?)" %>'
(7) Parameter der Reihe nach hinzufügen:
<Parameter Name="@ZTID" Wert = '<%# Ztre.FieldValue("ZTID", Container) %>' Type="Integer" />
<Parameter Name="@YHID" Value='<%# SESSION("USEID") %>' Type= „Integer“ />
Das Ergebnis ist in Abbildung 7-23 dargestellt.
Abbildung 7-23 Änderungsergebnisse beim Einfügen des Datensatzcodes (dkconn, HF)
(8) Vor der Veröffentlichung der Antwortnachricht müssen der Antworttitel und der Antwortinhalt überprüft werden, um die Veröffentlichung von Antwortnachrichten mit leeren Titeln oder leerem Inhalt zu verhindern. Sehen Sie sich die Methode zum Einfügen des RequiredFieldValidato-Validierungssteuerelements in Abschnitt 6.2 an und fügen Sie das RequiredFieldValidato-Validierungssteuerelement dem Textfeld HFNAME bzw. dem Textbereichssteuerelement HFTEXT hinzu.
(9) Wenn der Benutzer eine Antwortnachricht postet, muss die Gesamtzahl der Antworten in den Studiennotizen automatisch um 1 erhöht werden, d. h. das HFZS-Feld unter der ZT-Tabelle muss automatisch um 1 erhöht werden.
① Fügen Sie im Bereich [Serververhalten] das Serververhalten „Aktualisierungsdatensatz“ ein, setzen Sie die Aktualisierungstabelle auf ZT, legen Sie vorübergehend den übermittelten Wert aus der Form yhplfrm fest, vorübergehend festlegen: „HFZS“ erhält den Wert von „HFTEXT“ (as 'Integer') ;Temporäre Annahme: 'ZTID' verwendet 'HFTEXT' als 'Integer', um Datensätze auszuwählen
② Warum sind sie alle temporär? Das bedeutet, dass Dreamweaver zunächst automatisch Code generiert, damit dieser später geändert werden kann. Wechseln Sie zunächst zur Codeansicht, suchen Sie den Originalcode des Aktualisierungsdatensatzes (dkconn,ZT) und suchen Sie den Code:
<Parameter Name="@HFZS" Value='<%# IIf((Request.Form("HFTEXT" ) <> Nothing ), Request.Form("HFTEXT"), "") %>' Type="Integer" />
<Parameter Name="@ZTID" Value='<%# IIf((Request.Form(" HFTEXT") < > Nothing), Request.Form("HFTEXT"), "") %>' Type="Integer" />
Ändern Sie es in:
<Parameter Name="@HFZS" Value='<%# Ztre. FieldValue(" HFZS", Container)+1 %>' Type="Integer" />
<Parameter Name="@ZTID" Value='<%# session("ztanw") %>' Type="Integer" />
(10) Speichern Sie hf.aspx.
Nach der Anmeldung können Benutzer zusätzlich zu Antwortnachrichten auch neue Studiennotizen veröffentlichen.
(1) Erstellen Sie eine neue dynamische Webseite ztfb.aspx, die aus der Vorlage bkblog.dwt.aspx generiert wurde, und fügen Sie eine Tabelle ztfb mit einer Spalte und fünf Zeilen in den bearbeitbaren Hauptbereich ein.
(2) Fügen Sie den Datensatz zthb hinzu, setzen Sie den Filter auf YHID und setzen Sie den Parameter auf die Stufenvariable USENAME. Das Design ist in Abbildung 7-24 dargestellt.
Abbildung 7-24 Hinzufügen des Datensatzes zthb
(3) Ziehen Sie die relevanten Felder unter dem Datensatz in die Tabelle ztfb. Informationen zur Methode finden Sie in Abschnitt 4.2.
(4) Öffnen Sie hf.aspx, kopieren Sie das Formular yhplfrm, fügen Sie es in die fünfte Zeile der Tabelle zthb auf der Webseite ztfb.aspx ein, löschen Sie das Textfeld HFNAME und nehmen Sie die erforderlichen Änderungen vor. Das Ergebnis ist in Abbildung 7 dargestellt. 25.
Abbildung 7-25 Aufbau der Tabelle ztfb
(2) Benennen Sie das Textfeld HFNAME in ZTNAME und den Textbereich HFTEXT in ZTTEXT um.
(3) Lassen Sie die erste, zweite und dritte Zeile der Tabelle zthb die wiederholten Bereiche des Datensatzes zthb sein und fügen Sie dann die Datensatznavigation in die vierte Zeile der Tabelle ein.
(4) Fügen Sie die Listen-/Menü-LMID ein, klicken Sie auf den Listenwert in ihrem Eigenschaftenfenster und geben Sie im Popup-Listenwertdialogfeld die Projektbezeichnung ein als: Designelement, den Wert als: 1, drücken Sie die Taste „OK“. Schlüssel, wie in Abbildung 7-26 dargestellt.
Abbildung 7-26 Dialogfeld „LMID-Listenwert“
(5) Lassen Sie die Liste/das Menü „LMIDl“ ausgewählt, wechseln Sie zur Codeansicht, suchen Sie den ursprünglichen Code der Liste/des Menüs „LMID“, ziehen Sie das Feld „LMID“ unter den Datensatz „menuda“ und ersetzen Sie die Daten durch Wert gleich 1, wie in Abbildung 7-27 dargestellt.
Abbildung 7-27 Ziehen Sie das Feld LMID per Drag & Drop unter das Datensatz-Menü
(6). Ziehen Sie das Feld LM unter das Datensatz-Menü und ersetzen Sie das „Design-Element“. Das Ergebnis ist in Abbildung 7-28 dargestellt.
Abbildung 7-28 Ziehen Sie das Feld LM unter das Datensatz-Menü
(7). Wählen Sie den Code im roten Kreis in Abbildung 7-3-5 aus und definieren Sie ihn als sich wiederholenden Bereich des Datensatz-Menüs. Das Ergebnis wird in angezeigt Abbildung 7-29.
Abbildung 7-29 Definieren Sie den Datensatz-Menuda-Wiederholungsbereich in der Liste
(8), um das Serververhalten „Datensatz einfügen“ hinzuzufügen. Die Einstellungen sind in Abbildung 7-30 dargestellt.
Abbildung 7-30 Serververhalten „Datensatz einfügen“ hinzufügen
(9) Wechseln Sie zur Codeansicht, suchen Sie den Originalcode des Datensatzes einfügen (dkconn, ZT), suchen Sie den Code:
CommandText='<%# „INSERT INTO ZT (LMID, ZTNAME, ZYTEXT) ) VALUES (?, ?, ?)" %>'
Ändern zu:
CommandText='<%# "INSERT INTO ZT (LMID, ZTNAME, ZYTEXT,YHID) VALUES (?, ?, ?, ?)“ %>'
( 10) Parameter hinzufügen:
<Parameter Name="@YHID" Value='<%# session("USEID") %>' Type="Integer" />
Das Ergebnis ist in Abbildung 7-31 dargestellt.
Abbildung 7-31 Der ursprüngliche Code zum Einfügen einer Datensatzänderung (dkconn, ZT)
Das Design der Seite zum Ändern von Benutzerinformationen entspricht grundsätzlich dem Design der Benutzerregistrierungsseite.
(1) Öffnen Sie die Registrierungsseite yhlogok.aspx, speichern Sie sie als yhsg.aspx und nehmen Sie die entsprechenden Änderungen vor. Das Ergebnis ist in Abbildung 7-32 dargestellt.
Abbildung 7-32 Seitendesign yhsg.aspx
(2) Löschen Sie das Serververhalten „Datensatz einfügen (dkconn, YH)“ und fügen Sie den Datensatz yhsg hinzu, wie in Abbildung 7-33 gezeigt.
Abbildung 7-33 Einfügen des Datensatzes yhsg
(3) Binden Sie die relevanten Felder unter dem Datensatz yhsg an das entsprechende Textfeld. Das Ergebnis ist in Abbildung 7-34 dargestellt.
Abbildung 7-34 Binden Sie dynamischen Text an das entsprechende Textfeld
(4) Fügen Sie das Verhalten des Aktualisierungsdatensatzservers hinzu und legen Sie vorübergehend Folgendes fest: „YHID“ und „YHNAME“ als „Ganzzahl“, um Datensätze auszuwählen. Das Ergebnis ist in Abbildung 7-35 dargestellt.
Abbildung 7–35 Verhalten des Aktualisierungsdatensatzservers hinzufügen
(5) Suchen Sie im ursprünglichen Code des Aktualisierungsdatensatzes den Code:
<Parameter Name="@YHID" Value='<%# IIf((Request.Form("YHNAME") < > Nothing), Request.Form("YHNAME"), "") %>' Type="Integer" />
Ändern Sie es in:
<Parameter Name="@YHID" Value='<%# IIf((Not Session( "USEID") ist nichts), Session("USEID"), "") %>' Type="Integer" />
(6) Speichern Sie yhsg.aspx.