Chapitre 7 La mise en œuvre de la page de connexion utilisateur du BLOG de Doking
a terminé l'enregistrement des utilisateurs. Les utilisateurs peuvent désormais se connecter au site Web, publier des notes et répondre aux notes.
Connexion utilisateur, une fois la vérification correcte, la page change d'apparence après la connexion utilisateur.
(1) Ouvrez le modèle bkblog.dwt.aspx, insérez le tableau yhtab dans la colonne de gauche et concevez-le comme indiqué dans le cercle noir de la figure 7-1.
(2) Insérez l'ensemble de données yhlog sur la requête de la table YH pour vérifier que la connexion de l'utilisateur est correcte.
①Définissez l'ensemble de données yhlog sur filtre, comme indiqué dans la figure 7-2.
Figure 7-1 Dessin de conception de la table yhtab
Figure 7-2 Insérer l'ensemble de données yhlog
② Cliquez sur le bouton « Avancé » pour passer au mode d'ensemble de données avancé, comme indiqué dans la figure 7-3.
Figure 7-3 Insérez l'ensemble de données yhlog
③ Cliquez sur le paramètre "+" pour faire apparaître la boîte de dialogue "Modifier les paramètres", remplissez le nom comme "@Logpas" et sélectionnez "WChar" comme type, comme indiqué dans la figure 7-4.
Figure 7-4 Ajouter pour participer à Logpass
④Cliquez sur le bouton « Créer » pour faire apparaître la boîte de dialogue « Générer une valeur », nommée « Logpass », et sélectionnez « Variable de formulaire » comme source, comme indiqué dans la Figure 7-5.
Figure 7-5 Boîte de dialogue Générer une valeur
⑤ Cliquez sur "OK" pour enregistrer les paramètres et revenir à la boîte de dialogue yhlog de l'ensemble de données. Modifiez l'instruction SQL et le résultat de la modification est présenté dans la figure 7-6.
Figure 7-6 Modifier l'ensemble de données yhlog
(3) Avant la balise <html>, insérez le code indiqué dans le cercle rouge de la figure 7-7.
Figure 7-7 Définir la fonction uselog
(4) Faites glisser le champ YHNAME sous l'ensemble de données yhlog dans le modèle bkblog.dwt.aspx vers n'importe quelle position sur la page, puis faites glisser le champ YHID sous l'ensemble de données yhlog après le code. est le suivant :
<%# yhlog.FieldValue("YHNAME", Container) %><%# yhlog.FieldValue("YHID", Container) %>
Remplacez le code ci-dessus par :
<%# uselog(yhlog.FieldValue(" YHNAME", Container),yhlog .FieldValue("YHID", Container)) %>
(5) Insérez l'ensemble de données bjre sur la requête de table ZT et renvoyez le nombre total de notes d'étude publiées par l'utilisateur.
① Définissez l'ensemble de données sur « Filtre », le champ de filtre est : YHID et la méthode de filtre est : valeur d'entrée, comme indiqué sur la figure 7-8.
Figure 7-8 Insérez l'ensemble de données bjre
② Cliquez sur "Avancé", passez en mode d'ensemble de données avancé et modifiez le SQL comme indiqué dans la figure 7-9.
Figure 7-9 Modifier l'ensemble de données bjre
③Cliquez sur le bouton "Modifier" et remplacez YHID par session("USEID") dans le champ de texte. Le résultat est affiché dans la figure 7-10.
Figure 7-10 Modifier les paramètres de l'ensemble de données bire
④ Appuyez sur la touche « OK », puis appuyez sur la touche « OK » pour terminer l'ensemble de données bire.
(6) Insérez l'ensemble de données plre sur la requête de la table HF et renvoyez le nombre total de notes d'étude publiées par l'utilisateur. À l'exception des différentes tables de requêtes, les autres paramètres sont les mêmes que ceux de l'ensemble de données bjre (vous pouvez d'abord copier et coller l'ensemble de données plre, puis le modifier).
(7) Faites glisser le champ Eprl100 sous l'ensemble de données bjre derrière « Publier une note : » dans la table yhtab ; faites glisser le champ Eprl100 sous l'ensemble de données plre derrière « Publier une réponse : » dans la table yhtab.
(8) Déplacez le curseur devant « Informations utilisateur » dans la table yhtab et cliquez sur « Lier les données » dans le menu contextuel ASP.NET. Le résultat est présenté dans la figure 7-11.
Figure 7-11 Insérer des données liées.
Gardez le curseur sur la ligne verticale rouge dans la figure 71 et entrez : session("USENAME")
(9) Revenez à la vue de conception et créez un lien hypertexte vers "Publier de nouvelles notes" dans la table yhtab. : .. /ztfb.aspx
Créez un lien hypertexte vers « Modifier les informations » dans la table yhtab : ../yhsg.aspx
Le résultat est présenté dans la figure 7-12.
Figure 7-12 Modification de la table yhtab
(10) Sélectionnez la table yhtab, revenez à la vue code, appuyez sur "Ctrl+X" ou sélectionnez "Couper" dans le menu [Edition], ancienne méthode : collez-la dans le bloc-notes nouvellement créé ou dans un document Word.
(11) Revenez à la vue de conception, sélectionnez l'onglet journal du tableau et déplacez le curseur vers la position de la ligne verticale rouge, comme indiqué sur la figure 7-13.
Figure 7-13 Déplacez-vous vers la position du curseur
(12) et entrez le code, comme indiqué dans le cercle rouge sur la figure 7-14.
Figure 7-14 Insérer le code avant l'étiquette <form>
(13) Déplacez le curseur après la balise de fin Yhlogfrm </form> et entrez le code, comme indiqué dans le cercle rouge de la figure 7-15.
Figure 7-15 Insérer le code après la balise </form>
(14) Collez le tableau yhtab coupé à l'étape 7 avant le code <%end if%> et après <% else %>.
(15) Enregistrez le modèle bkblog.dwt.aspx. Ouvrez toutes les pages Web basées sur le modèle bkblog.dwt.aspx, puis copiez et collez les ensembles de données nouvellement ajoutés yhlog, bjre et plre dans le modèle bkblog.dwt.aspx dans [Comportement du serveur]. Insérez ensuite le code comme à l’étape 3, et c’est OK !
(16) Parcourez index.aspx dans le navigateur IE, comme indiqué dans la figure 7-16 avant la connexion de l'utilisateur, et comme indiqué dans la figure 7-17 après une connexion utilisateur réussie. N'oubliez pas qu'ASP.NET ne prend pas en charge la transmission par codage gb2312. Il doit être modifié. Cela a été mentionné dans le chapitre précédent, alors ne tremblez pas à l'avenir.
Figure 7-16 Avant la connexion de l'utilisateur
Figure 7-17
Rappel après la connexion de l'utilisateur : Afin de faciliter l'apprentissage des lecteurs, le didacticiel est divisé en modules. En fait, toutes les fonctions doivent être réalisées dans le modèle depuis le début, en particulier l'ensemble de données et le chargeur d'en-tête qui doivent être insérés dans le modèle, car ceux-ci ne peuvent pas mettre à jour la page Web après des modifications ultérieures.
Une fois connectés, les utilisateurs peuvent publier des messages de réponse à chaque note d'étude.
(1) Ouvrez hf.aspx, insérez le formulaire yhplfrm, puis insérez le tableau Hftab dans le tableau avec l'ID HFNAME ; insérez le contrôle de zone de texte du serveur avec l'ID HFTEXT ; bouton avec l'ID plbottom. Réglez-le sur désactivé et le résultat est affiché dans la figure 7-18.
Figure 7-18 Conception pertinente de la table Hftab
(3) Lier la session de données (« nom d'utilisation ») après « nom : » dans la table Hftab (la méthode est celle indiquée à l'étape 8 de 7.1 pour lier le nom d'utilisateur avant « informations utilisateur » ).
(4) Faites glisser le champ ZTNAME sous l'ensemble de données Ztre vers la zone de texte HFNAME. Dans la fenêtre des propriétés de la zone de texte HFNAME, remplacez la valeur initiale :
<%# Ztre.FieldValue("ZTNAME", Container) %>
par :
<%# "RE:"&Ztre.FieldValue("ZTNAME", Container) %>
(5) Sélectionnez le bouton plbottom, faites un clic droit et sélectionnez la barre d'état <input # plbottom>, puis sélectionnez "Modifier l'étiquette" dans la pop -menu contextuel, comme illustré dans la Figure 7-19 Show.
Figure 7-19 Sélectionnez la balise d'édition rapide <input # plbottom>
(6) Dans la balise d'édition rapide <input # plbottom> contextuelle, remplacez :
désactivé="true"
par :
désactivé=<%# iif((session( "USENAME ")<>rien),false,true) %>
Le résultat est présenté dans la figure 7-20.
Figure 7-20 L'étiquette d'édition du raccourci <input # plbottom>
définit le bouton plbottom. Il est désactivé avant la connexion de l'utilisateur et devient disponible une fois que l'utilisateur s'est connecté.
(4) Ajoutez le comportement du serveur d'enregistrement d'insertion, soumettez la valeur à partir du formulaire yhplfrm, sélectionnez la table d'insertion comme HF et d'autres paramètres sont illustrés dans la figure 7-21.
Figure 7-21 Ajouter un comportement de serveur d'enregistrement d'insertion
Dans la figure 7-21, vous pouvez voir que les champs HFID, HFTIME, YHID et ZTID n'obtiennent pas de valeurs. Le champ HFID est un numéro automatique et la base de données ajoutera automatiquement une valeur à l'enregistrement ; le champ HFTIME a une valeur par défaut définie sur date() dans Access, donc la base de données ajoutera automatiquement la date du jour à l'enregistrement nouvellement ajouté. Le champ YHID est le code ID de l'utilisateur connecté et le champ ZTID est l'ID de la note à publier. Par conséquent, le code ID de l'utilisateur connecté doit être ajouté au champ YHID, et le code ID de la note à publier doit être ajouté au champ ZTID.
(5) Revenez à la vue Code et recherchez le code pour insérer l'enregistrement (dkconn, HF), comme indiqué dans la partie noire sélectionnée de la figure 7-22.
Figure 7-22 Recherchez le code d'insertion des enregistrements (dkconn, HF)
(6) Remplacez le code :
CommandText='<%# "INSERT INTO HF (HFNAME, HFTEXT) VALUES (?, ?,)" %>'
par :
CommandText ='<%# "INSERT INTO HF (HFNAME, HFTEXT, ZTID, YHID) VALUES (?, ?, ?, ?)" %>'
(7) Ajoutez les paramètres dans l'ordre :
<Parameter Name="@ZTID" Value = '<%# Ztre.FieldValue("ZTID", Container) %>' Type="Integer" />
<Parameter Name="@YHID" Value='<%# SESSION("USEID") %>' Type= " Entier" />
Le résultat est présenté dans la figure 7-23.
Figure 7-23 Résultats de la modification de l'insertion du code d'enregistrement (dkconn, HF)
(8) Avant de publier le message de réponse, le titre et le contenu de la réponse doivent être vérifiés pour empêcher la publication de messages de réponse avec des titres ou un contenu vides. Reportez-vous à la méthode d'insertion du contrôle de validation RequiredFieldValidato dans la section 6.2 et ajoutez le contrôle de validation RequiredFieldValidato à la zone de texte HFNAME et au contrôle de zone de texte HFTEXT respectivement.
(9) Lorsque l'utilisateur publie un message de réponse, le nombre total de réponses dans les notes d'étude doit être automatiquement augmenté de 1, c'est-à-dire que le champ HFZS sous la table ZT doit être automatiquement augmenté de 1.
① Dans le panneau [Comportement du serveur], insérez le comportement du serveur « Mettre à jour l'enregistrement », définissez la table de mise à jour sur ZT, définissez temporairement la valeur soumise à partir du formulaire yhplfrm, définissez temporairement : « HFZS » obtient la valeur de « HFTEXT » (comme 'Integer') ; Hypothèse temporaire : 'ZTID' utilise 'HFTEXT' comme 'Integer' pour sélectionner les enregistrements
② Pourquoi sont-ils tous temporaires ? Cela permet à Dreamweaver de générer automatiquement du code en premier, afin qu'il puisse être modifié ultérieurement. Passez d'abord à la vue Code, recherchez le code d'origine de l'enregistrement de mise à jour (dkconn,ZT) et recherchez le code :
<Parameter Name="@HFZS" Value='<%# IIf((Request.Form("HFTEXT" ) <> Rien ), Request.Form("HFTEXT"), "") %>' Type="Integer" />
<Parameter Name="@ZTID" Value='<%# IIf((Request.Form(" HFTEXT") < > Nothing), Request.Form("HFTEXT"), "") %>' Type="Integer" />
Remplacez-le par :
<Parameter Name="@HFZS" Value='<%# Ztre. FieldValue(" HFZS", Container)+1 %>' Type="Integer" />
<Parameter Name="@ZTID" Value='<%# session("ztanw") %>' Type="Integer" />
(10) Enregistrez hf.aspx.
Une fois connectés, les utilisateurs peuvent publier de nouvelles notes d'étude en plus des messages de réponse.
(1) Créez une nouvelle page Web dynamique ztfb.aspx générée à partir du modèle bkblog.dwt.aspx et insérez un tableau ztfb avec une colonne et cinq lignes dans la zone modifiable du corps principal.
(2) Ajoutez l'ensemble de données zthb, définissez le filtre sur YHID et définissez le paramètre sur la variable d'étape USENAME. La conception est illustrée à la figure 7-24.
Figure 7-24 Ajout de l'ensemble de données zthb
(3) Faites glisser les champs pertinents sous l'ensemble de données vers la table ztfb Pour la méthode, reportez-vous à la méthode de la section 4.2.
(4) Ouvrez hf.aspx, copiez le formulaire yhplfrm, collez-le dans la cinquième ligne du tableau zthb de la page Web ztfb.aspx, effacez la zone de texte HFNAME et apportez les modifications nécessaires. Le résultat est présenté dans la figure 7-. 25.
Figure 7-25 Conception du tableau ztfb
(2) Renommez la zone de texte HFNAME en ZTNAME et la zone de texte HFTEXT en ZTTEXT.
(3) Soit les première, deuxième et troisième lignes du tableau zthb les zones répétées de l'ensemble de données zthb, puis insérez la navigation dans l'ensemble de données dans la quatrième ligne du tableau.
(4) Insérez la liste/menu LMID, cliquez sur la valeur de la liste dans sa fenêtre de propriétés et dans la boîte de dialogue contextuelle des valeurs de la liste, entrez l'étiquette du projet comme : élément de conception la valeur comme : 1, appuyez sur "OK" ; clé, comme illustré à la Figure 7-26.
Figure 7-26 Boîte de dialogue de valeur de liste LMID
(5) Gardez la liste/menu LMIDl sélectionné, passez à la vue Code, recherchez le code d'origine de la liste/menu LMID, faites glisser le champ LMID sous le menu de l'ensemble de données et remplacez les données par valeur égale à 1 , comme le montre la figure 7-27.
Figure 7-27 Glissez et déposez le champ LMID sous le menu de l'ensemble de données
(6) Faites glisser le champ LM sous le menu de l'ensemble de données et remplacez "l'élément de conception". Le résultat est présenté dans la figure 7-28.
Figure 7-28 Faites glisser le champ LM sous le menu de l'ensemble de données
(7) Sélectionnez le code dans le cercle rouge de la figure 7-3-5 et définissez-le comme une zone répétitive du menu de l'ensemble de données. Le résultat est affiché dans. Figure 7-29.
Figure 7-29 Définissez le menu de l'ensemble de données dans la zone répétitive dans la liste
(8) pour ajouter le comportement du serveur « Insérer un enregistrement », et ses paramètres sont affichés dans la figure 7-30.
Figure 7-30 Comportement du serveur Ajouter « Insérer un enregistrement »
(9) Basculez vers la vue Code, recherchez le code original de l'enregistrement d'insertion (dkconn, ZT), recherchez le code :
CommandText='<%# "INSERT INTO ZT (LMID, ZTNAME, ZYTEXT) ) VALUES (?, ?, ?)" %>'
Remplacer par :
CommandText='<%# "INSERT INTO ZT (LMID, ZTNAME, ZYTEXT,YHID) VALUES (?, ?, ?, ?)" %>'
( 10) Ajoutez des paramètres :
<Parameter Name="@YHID" Value='<%# session("USEID") %>' Type="Integer" />
Le résultat est présenté dans la figure 7-31.
Figure 7-31 Le code original pour insérer la modification de l'enregistrement (dkconn, ZT)
La conception de la page de modification des informations utilisateur est fondamentalement la même que la conception de la page d'enregistrement de l'utilisateur.
(1) Ouvrez la page d'enregistrement yhlogok.aspx, enregistrez-la sous yhsg.aspx et apportez les modifications appropriées. Le résultat est présenté dans la figure 7-32.
Figure 7-32 Conception de la page yhsg.aspx
(2) Supprimez le comportement du serveur « Insérer un enregistrement (dkconn, YH) » et ajoutez l'ensemble de données yhsg, comme indiqué dans la figure 7-33.
Figure 7-33 Insérez l'ensemble de données yhsg
(3) Liez les champs pertinents sous l'ensemble de données yhsg à la zone de texte correspondante. Le résultat est présenté dans la figure 7-34.
Figure 7-34 Lier le texte dynamique à la zone de texte appropriée
(4) Ajouter le comportement du serveur d'enregistrement de mise à jour, définir temporairement : 'YHID' et 'YHNAME' comme 'Integer' pour sélectionner les enregistrements, le résultat est affiché dans la Figure 7-35.
Figure 7-35 Ajout du comportement du serveur d'enregistrement de mise à jour
(5) Dans le code d'origine de l'enregistrement de mise à jour, recherchez le code :
<Parameter Name="@YHID" Value='<%# IIf((Request.Form("YHNAME") < > Rien), Request.Form("YHNAME"), "") %>' Type="Integer" />
Remplacez-le par :
<Parameter Name="@YHID" Value='<%# IIf((Not Session( "USEID") n'est rien), Session("USEID"), "") %>' Type="Integer" />
(6) Enregistrez yhsg.aspx.