Capítulo Seis: Implementación de la página de registro de usuarios del BLOG de Doking
Alguien descubrió: ¿Dónde deberían los usuarios publicar notas y respuestas? Ésta es la cuestión que abordarán los capítulos 6 y 7. Este capítulo explica principalmente la implementación de la página de registro de usuario.
6.1.1 Modificación de la plantilla de página bkblog.dwt.aspx
(1) Abra la plantilla bkblog.dwt.aspx, inserte la tabla Lefttab en la columna de la izquierda, inserte el formulario Yhlogfrm en la primera fila e inserte el tabla logtab en el formato Yhlogfrm e inserte cuadros de texto, áreas de texto y botones relevantes. El resultado se muestra en la Figura 6-1-1:
Figura 6-1-1 Diseño de inicio de sesión de usuario en la plantilla
(2) Asigne un nombre al cuadro de texto correspondiente al nombre de registro del autor; asigne un nombre al cuadro de texto correspondiente a la contraseña Logpass y cambie el tipo a Contraseña; cambie la acción de "Registrarse"; a "Ninguno"; Cambie la acción del botón "Iniciar sesión" a "Enviar formulario".
(3) Seleccione el botón "Registrarse", en el panel [Comportamiento], agregue un comportamiento a la URL y, en el cuadro de diálogo emergente, ingrese el enlace como "../yhinlog.aspx" como se muestra en la Figura 6. -1-2 :
Figura 6-1-2 Agregue el comportamiento de ir a la URL
(4) Guarde la plantilla y actualice todas las páginas web.
6.1.2 Diseño de la página de registro
(1) Cree una nueva página dinámica ASP.NET VB yhinlog.aspx generada por la plantilla bkblog.dwt.aspx, inserte el formulario Yhinfrm en el área editable del cuerpo principal, luego inserte el forme yhinlog y realice diseños relacionados. El resultado se muestra en la Figura 6-1-3:
Figura 6-1-3 Diseño de la tabla yhinlog
(2) Seleccione el cuadro de texto correspondiente al nombre de usuario, cambie al panel de etiquetas, expanda "CSS/Accesibilidad", ingrese YHNAME en la identificación, expanda "Sin clasificar", ingrese runat, server, cambie el cuadro de texto YHNAME a un control de servidor, como se muestra en la Figura 6-1-4:
Figura 6-1-4 Modifique la etiqueta del cuadro de texto
(3) y así sucesivamente. El cuadro de texto correspondiente a la contraseña se llama YHPASS, el cuadro de texto correspondiente a la confirmación de la contraseña se llama REPASS, el cuadro de texto correspondiente al código QQ es. llamado YHQQ, y el cuadro de texto correspondiente al nombre de correo electrónico del cuadro de texto YHEMAIL, nombre el cuadro de texto correspondiente en la página de inicio YHINDEX y cambie todos los cuadros de texto a controles de servidor.
(4) Seleccione el formulario Yhinfrm, cámbielo a un control de servidor y guarde yhinlog.aspx.
6.1.3 Completar el diseño de la página de registro
(1) Cree una nueva página web dinámica yhlogok.aspx a partir de la plantilla bkblog.dwt.aspx, inserte un logotipo de tabla con tres filas y una columna en el área editable del cuerpo principal, ingrese el texto "Bienvenido" en la segunda fila y haga clic en el menú contextual de ASP.NET "Enlazar datos", luego haga clic en "Elemento de formulario recortado", mueva el cursor a la posición que se muestra en la Figura 6-1-5 e ingrese "YHNAME".
Figura 6-1-5 Inserte el elemento de formulario recortado
(2) Regrese a la vista de diseño, continúe ingresando el texto "¡BLOG de Donking!" y diseñe el logotipo de la tabla. El resultado se muestra en la Figura 6-1-6:
Figura 6-1-6 Diseño del logotipo de la tabla
(3) Seleccione el botón "Inicio", en el panel [Comportamiento], agregue un comportamiento para ir a la URL, en el cuadro de diálogo emergente, ingrese el enlace como "índice .aspx", guarde yhlogok.aspx
Para evitar que los usuarios ingresen información de registro incorrecta, la información de registro del usuario debe estar estandarizada y verificada.
(1) Abra yhinlog.aspx, abra el menú contextual de ASP.NET y haga clic en [Más etiquetas], como se muestra en la Figura 6-2-1:
Figura 6-2-1 Menú contextual de ASP.NET
(2) Expanda "Etiqueta ASP.NET" → "Control del servidor de validación" en el selector de etiquetas emergente, seleccione "asp:RequiredFieldvalidator" en el marco de la ventana derecha y haga clic en " Haga clic en el botón "Insertar", como se muestra en la Figura 6-2-2 a continuación:
Figura 6-2-2 Selector de etiquetas
(3) En el editor de etiquetas emergente, agregue un control de validación para el cuadro de texto YHNAME y complete los elementos como se muestra en la Figura 6-2-3:
Figura 6-2-3 Editor de etiquetas RequiredFieldValidator
(4) Abra el selector de etiquetas, inserte el control del servidor de verificación ASP.NET → control CompareValidator, agregue un control de verificación de comparación con el cuadro de texto REPASS para el cuadro de texto YHPASS y complete lo relevante información como se muestra en la Figura 6-2 -4:
Figura 6-2-4 Editor de etiquetas CompareValidato
(5) Inserte el control del servidor de verificación ASP.NET → control Rangevalidator, agregue un control de verificación para el cuadro de texto YHQQ y complete la información relevante como se muestra en la Figura 6-2-5:
Figura 6-2-5 Editor de etiquetas del validador de rango
(6) Inserte el control del servidor de validación ASP.NET → Control del validador de expresión regular, agregue un control de validación para el cuadro de texto YHEMAIL y complete los distintos elementos como se muestra en la Figura 6-2 -6, donde la expresión de validación La fórmula es:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
Figura 6-2-6 Editor de etiquetas del validador de expresiones regulares
(7) Inserte el control del servidor de verificación ASP.NET → Control del validador de expresiones regulares, agregue un control de verificación para el cuadro de texto YHINDEX y complete los diversos elementos como se muestra en la Figura 6- 2-7, en el que la verificación La expresión es: http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?
Figura 6-2-7 Validador de expresiones regulares El editor de etiquetas
(8) debe tener un control de validación para evitar nombres de usuario duplicados registrados por los usuarios.
①Agregue el conjunto de datos yhinlog, configúrelo para filtrar, el campo de filtro es YHNAME y la variable de parámetro es la variable de formulario YHNAME. Su configuración se muestra en la Figura 6-2-8:
Figura 6-2-8 Inserte el conjunto de datos yhinlog
② Inserte el control del servidor de verificación ASP.NET → control CustomValidator, agregue un control de verificación para el cuadro de texto YHINDEX y complete los diversos elementos como se muestra en la Figura 6-2-9. incluyendo la función de verificación del cliente es:
<%# IIf(yhinlog.RecordCount>0,FALSE,TRUE) %>
Figura 6-2-9 Editor de etiquetas del Validador personalizado
(9) Guarde yhinlog.aspx y examínelo en IE. Si aparece el cuadro de diálogo que se muestra en la Figura 6-2-10, significa que no hay subdirectorios en el directorio raíz. El sitio dklog. aspnet_client tampoco tiene la biblioteca de scripts JS necesaria para verificar los controles. Al instalar .NET framework, el programa de instalación se copió en el directorio raíz del sitio predeterminado c:Inetpubwwwroot. Copie el subdirectorio aspnet_client en c:Inetpubwwwroot en el directorio raíz del sitio dkblog. ¡DE ACUERDO!
Figura 6-2-10 No se puede encontrar la biblioteca de scripts JS necesaria
(1) Abra yhinlog.aspx, agregue el comportamiento del servidor [Insertar registro] y agregue los datos relevantes del formulario al tabla de datos YH. La configuración se muestra en la Figura 6-3-1:
Figura 6-3-1 Comportamiento del servidor Agregar [Insertar registro]
(2) ASP.NET no admite la transmisión de codificación gb2312. Cambie a la vista de código y busque:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>
Elimine el código ResponseEncoding="gb2312" y estará bien:
<%@ Page Language ="VB" ContentType="text/html"%>
(3) Guarde, explore y envíe la información de registro del usuario en IE y abra la tabla YH en Access. Puede encontrar que toda la información china enviada ha cambiado a ?? . ¿Qué hacer? No se preocupe, esto se debe a que TASP.NET no admite la transmisión de codificación gb2312. Abra yhinlog.aspx, cambie a la vista de código, busque la primera línea de código:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>
Cámbielo a:
<%@ Page Language= "VB" ContentType="text/html" %>
Es decir, elimine ResponseEncoding="gb2312". Otras páginas web también se modifican según este método para evitar errores en la información de envío en chino.
