Chapitre six : Implémentation de la page d'enregistrement des utilisateurs du BLOG de Doking
Quelqu'un a découvert : où les utilisateurs doivent-ils publier des notes et des réponses ? C’est la question que les chapitres 6 et 7 aborderont. Ce chapitre explique principalement la mise en œuvre de la page d'enregistrement des utilisateurs.
6.1.1 Modification du modèle de page bkblog.dwt.aspx
(1) Ouvrez le modèle bkblog.dwt.aspx, insérez le tableau Lefttab dans la colonne de gauche, insérez le formulaire Yhlogfrm dans la première ligne, et insérez le table logtab sous la forme Yhlogfrm et insérez les zones de texte, les zones de texte et les boutons appropriés. Le résultat est présenté dans la figure 6-1-1 :
Figure 6-1-1 Conception de connexion utilisateur dans le modèle
(2) Nommez la zone de texte correspondant au nom de connexion de l'auteur ; nommez la zone de texte correspondant au mot de passe Logpass et modifiez le type en Mot de passe ; modifiez l'action de "S'inscrire" ; bouton "Aucun" ; Changez l'action du bouton "Connexion" en "Soumettre le formulaire".
(3) Sélectionnez le bouton "S'inscrire", dans le panneau [Comportement], ajoutez un comportement à l'URL et dans la boîte de dialogue contextuelle, entrez le lien sous la forme "../yhinlog.aspx", comme indiqué dans la figure 6. -1-2 :
Figure 6-1-2 Ajoutez le comportement d'accès à l'URL
(4) Enregistrez le modèle et mettez à jour toutes les pages Web.
6.1.2 Conception de la page d'inscription
(1) Créez une nouvelle page dynamique ASP.NET VB yhinlog.aspx générée par le modèle bkblog.dwt.aspx, insérez le formulaire Yhinfrm dans la zone modifiable du corps principal, puis insérez le formez yhinlog et effectuez les conceptions associées. Le résultat est présenté dans la figure 6-1-3 :
Figure 6-1-3 Conception du tableau yhinlog
(2) Sélectionnez la zone de texte correspondant au nom d'utilisateur, passez au panneau d'étiquette, développez « CSS/Accessibilité », saisissez YHNAME dans l'identifiant ; développez « Non classé », saisissez runat, server , remplacez la zone de texte YHNAME par un contrôle serveur, comme illustré dans la figure 6-1-4 :
Figure 6-1-4 Modifiez l'étiquette de la zone de texte
(3) et ainsi de suite. La zone de texte correspondant au mot de passe est nommée YHPASS, la zone de texte correspondant à la confirmation du mot de passe est nommée REPASS, la zone de texte correspondant au code QQ est nommée. nommé YHQQ et la zone de texte correspondante à l'e-mail. Nommez la zone de texte YHEMAIL, nommez la zone de texte correspondante sur la page d'accueil YHINDEX et remplacez toutes les zones de texte par des contrôles de serveur.
(4) Sélectionnez le formulaire Yhinfrm, remplacez-le par un contrôle serveur et enregistrez yhinlog.aspx.
6.1.3 Compléter la conception de la page d'inscription
(1) Créez une nouvelle page Web dynamique yhlogok.aspx à partir du modèle bkblog.dwt.aspx, insérez un logo de tableau avec trois lignes et une colonne dans la zone modifiable principale, saisissez le texte "Bienvenue" dans la deuxième ligne et cliquez sur dans le menu contextuel ASP.NET « Lier les données », puis cliquez sur « Elément de formulaire découpé », déplacez le curseur vers la position indiquée dans la figure 6-1-5 et entrez « YHNAME ».
Figure 6-1-5 Insérez l'élément de formulaire découpé
(2) Revenez à la vue de conception, continuez à saisir le texte "Donking's BLOG!" et concevez le logo de la table. Le résultat est présenté dans la figure 6-1-6 :
Figure 6-1-6 Création du logo de la table
(3) Sélectionnez le bouton "Accueil", dans le panneau [Comportement], ajoutez un comportement pour accéder à l'URL, dans la boîte de dialogue contextuelle, saisissez le lien comme "index .aspx", save yhlogok.aspx
Afin d'empêcher les utilisateurs de saisir des informations d'enregistrement incorrectes, les informations d'enregistrement de l'utilisateur doivent être standardisées et vérifiées.
(1) Ouvrez yhinlog.aspx, ouvrez le menu contextuel ASP.NET et cliquez sur [Plus de balises], comme indiqué dans la figure 6-2-1 :
Figure 6-2-1 Menu contextuel ASP.NET
(2) Développez « Étiquette ASP.NET » → « Contrôle du serveur de validation » dans le sélecteur d'étiquette contextuel, sélectionnez « asp:RequiredFieldvalidator » dans le cadre de la fenêtre de droite, puis cliquez sur « Cliquez sur le bouton « Insérer », comme illustré dans la figure 6-2-2 ci-dessous :
Figure 6-2-2 Sélecteur de balises
(3) Dans l'éditeur de balises contextuel, ajoutez un contrôle de validation pour la zone de texte YHNAME et remplissez les éléments comme indiqué dans la figure 6-2-3 :
Figure 6-2-3 Éditeur de balises RequiredFieldValidator
(4) Ouvrez le sélecteur de balises, insérez le contrôle du serveur de vérification ASP.NET → Contrôle CompareValidator, ajoutez un contrôle de vérification par comparaison avec la zone de texte REPASS pour la zone de texte YHPASS et remplissez le champ correspondant. informations comme indiqué dans la figure 6-2-4 illustrée :
Figure 6-2-4 Éditeur de balises CompareValidato
(5) Insérez le contrôle du serveur de vérification ASP.NET → Contrôle Rangevalidator, ajoutez un contrôle de vérification pour la zone de texte YHQQ et remplissez les informations pertinentes comme indiqué dans la figure 6-2-5 :
Figure 6-2-5 Éditeur de balises du validateur de plage
(6) Insérez le contrôle du serveur de validation ASP.NET → Contrôle du validateur d'expression régulière, ajoutez un contrôle de validation pour la zone de texte YHEMAIL et remplissez les différents éléments comme indiqué dans la figure 6-2. -6, dans laquelle l'expression de validation La formule est :w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
Figure 6-2-6 Éditeur de balise de validation d'expression régulière
(7) Insérez le contrôle du serveur de vérification ASP.NET → Contrôle de validation d'expression régulière, ajoutez un contrôle de vérification pour la zone de texte YHINDEX et remplissez les différents éléments comme indiqué dans la figure 6- 2-7, dans lequel la vérification L'expression est : http://([w-]+.)+[w-]+(/[w- ./?%&=]*) ?
Figure 6-2-7 Validateur d'expression régulière L'éditeur de balises
(8) doit disposer d'un contrôle de validation pour éviter les noms d'utilisateur en double enregistrés par les utilisateurs.
①Ajoutez l'ensemble de données yhinlog, définissez-le sur filtre, le champ de filtre est YHNAME et la variable de paramètre est la variable de formulaire YHNAME. Ses paramètres sont illustrés dans la figure 6-2-8 :
Figure 6-2-8 Insérez l'ensemble de données yhinlog
② Insérez le contrôle du serveur de vérification ASP.NET → Contrôle CustomValidator, ajoutez un contrôle de vérification pour la zone de texte YHINDEX et remplissez les différents éléments comme indiqué dans la figure 6-2-9, incluant la fonction de vérification du client est :
<%# IIf(yhinlog.RecordCount>0,FALSE,TRUE) %>
Figure 6-2-9 Éditeur de balises Custom Validator
(9) Enregistrez yhinlog.aspx et parcourez-le dans IE Si la boîte de dialogue illustrée dans la figure 6-2-10 apparaît, cela signifie qu'il n'y a aucun sous-répertoire dans le répertoire racine du. Le site dklog. aspnet_client ne dispose pas non plus de la bibliothèque de scripts JS nécessaire pour vérifier les contrôles. Lors de l'installation du framework .NET, le programme d'installation a été copié dans le répertoire racine du site par défaut c:Inetpubwwwroot. Copiez le sous-répertoire aspnet_client dans c:Inetpubwwwroot dans le répertoire racine du site dkblog, et c'est le cas. D'ACCORD!
Figure 6-2-10 La bibliothèque de scripts JS nécessaire est introuvable
(1) Ouvrez yhinlog.aspx, ajoutez le comportement de serveur [Insérer un enregistrement] et ajoutez les données pertinentes du formulaire au table de données YH. Les paramètres sont présentés dans la figure 6-3-1 :
Figure 6-3-1 Ajout du comportement du serveur [Insérer un enregistrement]
(2) ASP.NET ne prend pas en charge la transmission avec codage gb2312. Basculez vers la vue code et recherchez :
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>
Supprimez le code ResponseEncoding="gb2312" et tout ira bien :
<%@ Page Language ="VB" ContentType="text/html"%>
(3) Enregistrez, parcourez et soumettez les informations d'enregistrement de l'utilisateur dans IE, puis ouvrez la table YH dans Access. Vous pouvez constater que toutes les informations chinoises soumises sont devenues ?? . Ce qu'il faut faire? Ne vous inquiétez pas, c'est parce que TASP.NET ne prend pas en charge la transmission avec codage gb2312. Ouvrez yhinlog.aspx, passez en mode code, recherchez la première ligne de code :
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>
Remplacez-la par :
<%@ Page Language= "VB" ContentType="text/html" %>
Autrement dit, supprimez ResponseEncoding="gb2312". D'autres pages Web sont également modifiées selon cette méthode pour éviter les erreurs dans les informations de soumission en chinois.