Kapitel Sechs: Implementierung der BLOG-Benutzerregistrierungsseite von Doking.
Jemand hat herausgefunden: Wo sollten Benutzer Notizen und Antworten posten? Mit dieser Frage beschäftigen sich die Kapitel 6 und 7. In diesem Kapitel wird hauptsächlich die Implementierung der Benutzerregistrierungsseite erläutert.
6.1.1 Änderung der Vorlage bkblog.dwt.aspx Seite
(1) Öffnen Sie die Vorlage bkblog.dwt.aspx, fügen Sie die Tabelle Lefttab in die linke Spalte ein, fügen Sie das Formular Yhlogfrm in die erste Zeile ein und fügen Sie die ein Tabelle logtab in der Form Yhlogfrm und fügen Sie relevante Textfelder, Textbereiche und Schaltflächen ein. Das Ergebnis ist in Abbildung 6-1-1 dargestellt:
Abbildung 6-1-1 Benutzer-Login-Design in der Vorlage
(2) Benennen Sie das Textfeld entsprechend dem Autor Logname; benennen Sie das Textfeld entsprechend dem Passwort Logpass und ändern Sie den Typ in „Passwort“ und ändern Sie die Aktion „Registrieren“. Schaltfläche auf „Keine“ ;Ändern Sie die Aktion der Schaltfläche „Anmelden“ in „Formular senden“.
(3) Wählen Sie die Schaltfläche „Registrieren“, fügen Sie im Bereich „[Verhalten]“ ein Verhalten zur URL hinzu und geben Sie im Popup-Dialogfeld den Link „../yhinlog.aspx“ ein, wie in Abbildung 6 dargestellt -1-2 :
Abbildung 6-1-2 Verhalten zum Aufrufen einer URL hinzufügen
(4) Speichern Sie die Vorlage und aktualisieren Sie alle Webseiten.
6.1.2 Design der Registrierungsseite
(1) Erstellen Sie eine neue dynamische ASP.NET VB-Seite yhinlog.aspx, die von der Vorlage bkblog.dwt.aspx generiert wird, fügen Sie das Formular Yhinfrm in den bearbeitbaren Bereich des Hauptteils ein und fügen Sie dann das ein Bilden Sie Yhinlog und führen Sie entsprechende Designs aus. Das Ergebnis ist in Abbildung 6-1-3 dargestellt:
Abbildung 6-1-3 Design der Tabelle yhinlog
(2) Wählen Sie das Textfeld aus, das dem Benutzernamen entspricht, wechseln Sie zum Beschriftungsfeld, erweitern Sie „CSS/Barrierefreiheit“, geben Sie YHNAME in die ID ein, erweitern Sie „Nicht klassifiziert“, geben Sie runat ein. server , ändern Sie das Textfeld YHNAME in ein Serversteuerelement, wie in Abbildung 6-1-4 dargestellt:
Abbildung 6-1-4 Ändern Sie die Beschriftung des Textfelds
(3) usw. Das Textfeld, das dem Passwort entspricht, heißt YHPASS, das Textfeld, das der Passwortbestätigung entspricht, heißt REPASS, das Textfeld, das dem QQ-Code entspricht Benennen Sie das Textfeld mit YHQQ und das entsprechende Textfeld mit der E-Mail. Benennen Sie das Textfeld mit YHEMAIL, benennen Sie das entsprechende Textfeld auf der Startseite mit YHINDEX und ändern Sie alle Textfelder in Serversteuerelemente.
(4) Wählen Sie das Formular Yhinfrm aus, ändern Sie es in ein Serversteuerelement und speichern Sie yhinlog.aspx.
6.1.3 Vervollständigen Sie das Design der Registrierungsseite
(1) Erstellen Sie eine neue dynamische Webseite yhlogok.aspx aus der Vorlage bkblog.dwt.aspx, fügen Sie ein Tabellenlogo mit drei Zeilen und einer Spalte in den bearbeitbaren Hauptbereich ein, geben Sie den Text „Willkommen“ in die zweite Zeile ein und klicken Sie Klicken Sie im ASP.NET-Kontextmenü auf „Daten binden“, klicken Sie dann auf „Getrimmtes Formularelement“, bewegen Sie den Cursor an die in Abbildung 6-1-5 gezeigte Position und geben Sie „YHNAME“ ein.
Abbildung 6-1-5 Fügen Sie das zugeschnittene Formularelement ein
(2). Kehren Sie zur Entwurfsansicht zurück, geben Sie den Text „Donking's BLOG!“ ein und entwerfen Sie das Tabellenlogo. Das Ergebnis ist in Abbildung 6-1-6 dargestellt:
Abbildung 6-1-6 Tabellenlogo-Design
(3) Wählen Sie die Schaltfläche „Home“ aus, fügen Sie im Bereich [Verhalten] ein Verhalten hinzu, um zur URL zu gelangen, und geben Sie im Popup-Dialogfeld den Link als „Index“ ein .aspx“, speichern Sie yhlogok.aspx
Um zu verhindern, dass Benutzer falsche Registrierungsinformationen eingeben, müssen Benutzerregistrierungsinformationen standardisiert und überprüft werden.
(1) Öffnen Sie yhinlog.aspx, öffnen Sie das ASP.NET-Kontextmenü und klicken Sie auf [Weitere Tags], wie in Abbildung 6-2-1 dargestellt:
Abbildung 6-2-1 ASP.NET-Kontextmenü
(2) Erweitern Sie „ASP.NET Label“ → „Validation Server Control“ in der Popup-Labelauswahl, wählen Sie „asp:RequiredFieldvalidator“ im rechten Fensterrahmen aus und klicken Sie auf „ Klicken Sie auf die Schaltfläche „Einfügen“, wie in Abbildung 6-2-2 unten dargestellt:
Abbildung 6-2-2 Tag-Selektor
(3) Fügen Sie im Popup-Tag-Editor ein Validierungssteuerelement für das Textfeld YHNAME hinzu und füllen Sie die Elemente wie in Abbildung 6-2-3 gezeigt aus:
Abbildung 6-2-3 RequiredFieldValidator-Tag-Editor
(4) Öffnen Sie die Tag-Auswahl, fügen Sie das ASP.NET-Verifizierungsserver-Steuerelement → CompareValidator-Steuerung ein, fügen Sie ein Vergleichsverifizierungssteuerelement mit dem REPASS-Textfeld für das Textfeld YHPASS hinzu und füllen Sie die entsprechenden Felder aus Informationen wie in Abbildung 6-2-4 dargestellt:
Abbildung 6-2-4 CompareValidato-Tag-Editor
(5) Fügen Sie das ASP.NET-Verifizierungsserver-Steuerelement → Rangevalidator-Steuerelement ein, fügen Sie ein Überprüfungssteuerelement für das Textfeld YHQQ hinzu und geben Sie die relevanten Informationen ein, wie in Abbildung 6-2-5 dargestellt:
Abbildung 6-2-5 Bereichsvalidator-Tag-Editor
(6) Fügen Sie das ASP.NET-Validierungsserver-Steuerelement → Validator-Steuerelement für reguläre Ausdrücke ein, fügen Sie ein Validierungssteuerelement für das Textfeld YHEMAIL hinzu und füllen Sie die verschiedenen Elemente aus, wie in Abbildung 6-2 gezeigt -6, wobei der Validierungsausdruck die Formel lautet:w+([-.]w+)*@w+([-.]w+)*.w+([-.]w+)*
Abbildung 6-2-6 Tag-Editor für den Validator für reguläre Ausdrücke
(7) Fügen Sie das ASP.NET-Verifizierungsserver-Steuerelement → Validator-Steuerelement für reguläre Ausdrücke ein, fügen Sie ein Verifizierungssteuerelement für das Textfeld YHINDEX hinzu und füllen Sie die verschiedenen Elemente aus, wie in Abbildung 6 dargestellt. 2-7, in dem die Verifizierung Der Ausdruck lautet: http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?
Abbildung 6-2-7 Validator für reguläre Ausdrücke Der Tag-Editor
(8) sollte über eine Validierungskontrolle verfügen, um doppelte Benutzernamen zu verhindern, die von Benutzern registriert werden.
①Fügen Sie den Datensatz yhinlog hinzu, stellen Sie ihn auf Filter ein, das Filterfeld ist YHNAME und die Parametervariable ist die Formularvariable YHNAME. Die Einstellungen sind in Abbildung 6-2-8 dargestellt:
Abbildung 6-2-8 Fügen Sie den Datensatz yhinlog ein.
② Fügen Sie das ASP.NET-Verifizierungsserver-Steuerelement → CustomValidator-Steuerelement ein, fügen Sie ein Überprüfungssteuerelement für das Textfeld YHINDEX hinzu und füllen Sie die verschiedenen Elemente aus, wie in Abbildung 6-2-9 gezeigt. einschließlich der Client-Verifizierungsfunktion lautet:
<%# IIf(yhinlog.RecordCount>0,FALSE,TRUE) %>
Abbildung 6-2-9 Benutzerdefinierter Validator-Tag-Editor
(9) Speichern Sie yhinlog.aspx und durchsuchen Sie es im IE. Wenn das in Abbildung 6-2-10 gezeigte Dialogfeld angezeigt wird, bedeutet dies, dass sich im Stammverzeichnis von keine Unterverzeichnisse befinden Die dklog-Site verfügt außerdem nicht über die zur Überprüfung der Steuerelemente erforderliche JS-Skriptbibliothek. Bei der Installation des .NET Frameworks wurde das Installationsprogramm in das Stammverzeichnis der Standardsite c:Inetpubwwwroot kopiert. Kopieren Sie das Unterverzeichnis aspnet_client in c:Inetpubwwwroot in das Stammverzeichnis der dkblog-Site OK!
Abbildung 6-2-10 Die erforderliche JS-Skriptbibliothek kann nicht gefunden werden.
(1) Öffnen Sie yhinlog.aspx, fügen Sie das Serververhalten [Datensatz einfügen] hinzu und fügen Sie die relevanten Daten des Formulars zum hinzu Datentabelle YH. Die Einstellungen sind in Abbildung 6-3-1 dargestellt:
Abbildung 6-3-1 Serververhalten „[Datensatz einfügen] hinzufügen“
(2) ASP.NET unterstützt die Übertragung der gb2312-Kodierung nicht. Wechseln Sie zur Codeansicht und suchen Sie:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>
Löschen Sie den Code ResponseEncoding="gb2312" und es ist in Ordnung:
<%@ Page Language ="VB" ContentType="text/html"%>
(3) Speichern, durchsuchen und übermitteln Sie die Benutzerregistrierungsinformationen im IE und öffnen Sie die YH-Tabelle in Access. Sie können feststellen, dass sich alle übermittelten chinesischen Informationen in ?? geändert haben. . Was zu tun? Keine Sorge, das liegt daran, dass TASP.NET die Übertragung der GB2312-Kodierung nicht unterstützt. Öffnen Sie yhinlog.aspx, wechseln Sie zur Codeansicht und suchen Sie die erste Codezeile:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>
Ändern Sie es in:
<%@ Page Language= "VB" ContentType="text/html" %>
Das heißt, ResponseEncoding="gb2312" entfernen. Auch andere Webseiten werden nach dieser Methode modifiziert, um Fehler in den chinesischen Übermittlungsinformationen zu verhindern.
