Capítulo 7 La implementación de la página de inicio de sesión de usuario BLOG de Doking
ha completado el registro de usuario. Los usuarios ahora pueden iniciar sesión en el sitio web y publicar notas y responder a notas.
Inicio de sesión del usuario, después de que la verificación sea correcta, la página cambia a su apariencia después del inicio de sesión del usuario.
(1) Abra la plantilla bkblog.dwt.aspx, inserte la tabla yhtab en la columna de la izquierda y diséñela como se muestra en el círculo negro en la Figura 7-1.
(2) Inserte el conjunto de datos yhlog sobre la consulta de la tabla YH para verificar que el inicio de sesión del usuario sea correcto.
① Configure el conjunto de datos yhlog para filtrar, como se muestra en la Figura 7-2.
Figura 7-1 Dibujo de diseño de la tabla yhtab
Figura 7-2 Inserte el conjunto de datos yhlog
② Haga clic en el botón "Avanzado" para cambiar al modo de conjunto de datos avanzado, como se muestra en la Figura 7-3.
Figura 7-3 Inserte el conjunto de datos yhlog
③ Haga clic en el parámetro "+" para que aparezca el cuadro de diálogo "Editar parámetros", complete el nombre como "@Logpas" y seleccione "WChar" como tipo, como se muestra en la Figura 7-4.
Figura 7-4 Agregar para participar en Logpass
④ Haga clic en el botón "Crear" para que aparezca el cuadro de diálogo "Generar valor", llamado "Logpass", y seleccione "Variable de formulario" como fuente, como se muestra en la Figura 7-5.
Figura 7-5 Cuadro de diálogo Generar valor
⑤ Haga clic en "Aceptar" para guardar la configuración y volver al cuadro de diálogo yhlog del conjunto de datos. Modifique la declaración SQL y el resultado de la modificación se muestra en la Figura 7-6.
Figura 7-6 Modifique el conjunto de datos yhlog
(3) Antes de la etiqueta <html>, inserte el código que se muestra en el círculo rojo en la Figura 7-7.
Figura 7-7 Definir la función uselog
(4) Arrastre el campo YHNAME debajo del conjunto de datos yhlog en la plantilla bkblog.dwt.aspx a cualquier posición en la página y luego arrastre el campo YHID debajo del conjunto de datos yhlog detrás de él. es el siguiente:
<%# yhlog.FieldValue("YHNAME", Container) %><%# yhlog.FieldValue("YHID", Container) %>
Cambie el código anterior a:
<%# uselog(yhlog.FieldValue(" YHNAME", Container),yhlog .FieldValue("YHID", Container)) %>
(5) Inserte el conjunto de datos bjre sobre la consulta de la tabla ZT y devuelva el número total de notas de estudio publicadas por el usuario.
① Configure el conjunto de datos en "Filtro", el campo de filtro es: YHID y el método de filtro es: valor de entrada, como se muestra en la Figura 7-8.
Figura 7-8 Inserte el conjunto de datos bjre
② Haga clic en "Avanzado", cambie al modo de conjunto de datos avanzado y modifique el SQL como se muestra en la Figura 7-9.
Figura 7-9 Modificar el conjunto de datos bjre
③Haga clic en el botón "Editar" y cambie YHID a sesión ("USEID") en el campo de texto. El resultado se muestra en la Figura 7-10.
Figura 7-10 Editar los parámetros del conjunto de datos bire
④ Presione la tecla "OK" y luego presione la tecla "OK" para completar el conjunto de datos bire.
(6) Inserte el conjunto de datos sobre la consulta de la tabla HF y devuelva el número total de notas de estudio publicadas por el usuario. Excepto por las diferentes tablas de consulta, otras configuraciones son las mismas que las del conjunto de datos bjre (primero puede copiar y pegar el conjunto de datos plre y luego modificarlo).
(7) Arrastre el campo Eprl100 debajo del conjunto de datos bjre detrás de "Publicar una nota:" en la tabla yhtab; arrastre el campo Eprl100 debajo del conjunto de datos plre detrás de "Publicar una respuesta:" en la tabla yhtab.
(8) Mueva el cursor antes de "Información de usuario" en la tabla yhtab y haga clic en "Vincular datos" en el menú contextual de ASP.NET. El resultado se muestra en la Figura 7-11.
Figura 7-11 Insertar datos enlazados.
Mantenga el cursor en la línea vertical roja en la Figura 71 e ingrese: session("USENAME")
(9) Regrese a la vista de diseño y cree un hipervínculo para "Publicar nuevas notas" en la tabla yhtab. : .. /ztfb.aspx
Cree un hipervínculo para "Modificar información" en la tabla yhtab: ../yhsg.aspx
El resultado se muestra en la Figura 7-12.
Figura 7-12 Modificación de la tabla yhtab
(10) Seleccione la tabla yhtab, regrese a la vista de código, presione "Ctrl+X" o seleccione "Cortar" en el menú [Editar], el método anterior: péguelo en el bloc de notas recién creado o en un documento de Word.
(11) Regrese a la vista de diseño, seleccione la pestaña de registro de la tabla y mueva el cursor a la posición de la línea vertical roja como se muestra en la Figura 7-13.
Figura 7-13 Muévase a la posición del cursor
(12) e ingrese el código, como se muestra en el círculo rojo en la Figura 7-14.
Figura 7-14 Insertar código antes de la etiqueta <form>
(13) Mueva el cursor después de la etiqueta final Yhlogfrm </form> e ingrese el código, como se muestra en el círculo rojo en la Figura 7-15.
Figura 7-15 Insertar código después de la etiqueta </form>
(14) Pegue la tabla yhtab cortada en el paso 7 antes del código <%end if%> y después de <% else %>.
(15) Guarde la plantilla bkblog.dwt.aspx. Abra todas las páginas web basadas en la plantilla bkblog.dwt.aspx y copie y pegue los conjuntos de datos recién agregados yhlog, bjre y plre en la plantilla bkblog.dwt.aspx en [Comportamiento del servidor]. Luego inserte el código como en el paso 3 y ¡listo!
(16) Examine index.aspx en el navegador IE, como se muestra en la Figura 7-16 antes de iniciar sesión y como se muestra en la Figura 7-17 después de iniciar sesión exitosamente. Recuerde que ASP.NET no admite la transmisión de codificación gb2312. Es necesario modificarlo. Se mencionó en el capítulo anterior, así que no tiemble en el futuro.
Figura 7-16 Antes de iniciar sesión
Figura 7-17
Recordatorio después del inicio de sesión del usuario: para facilitar el aprendizaje de los lectores, el tutorial está dividido en módulos. De hecho, todas las funciones deben realizarse en la plantilla desde el principio, especialmente el conjunto de datos y el cargador de encabezados que deben insertarse en la plantilla, porque no pueden actualizar la página web después de modificaciones posteriores.
Después de iniciar sesión, los usuarios pueden publicar mensajes de respuesta para cada nota de estudio.
(1) Abra hf.aspx, inserte el formulario yhplfrm y luego inserte la tabla Hftab. Inserte el control del cuadro de texto del servidor en la tabla con el ID HFNAME; inserte el control del área de texto del servidor con el ID HFTEXT; con el ID plbottom. Configúrelo como deshabilitado y el resultado se muestra en la Figura 7-18.
Figura 7-18 Diseño relevante de la tabla Hftab
(3) Vincular la sesión de datos ("nombre de uso") después de "nombre:" en la tabla Hftab (el método es como se muestra en el paso 8 de 7.1 para vincular el nombre de usuario antes de "información del usuario" ).
(4) Arrastre el campo ZTNAME debajo del conjunto de datos Ztre al cuadro de texto HFNAME. En la ventana de propiedades del cuadro de texto HFNAME, cambie el valor inicial:
<%# Ztre.FieldValue("ZTNAME", Container) %>
a:
<%# "RE:"&Ztre.FieldValue("ZTNAME", Container) %>
(5) Seleccione el botón plbottom, haga clic derecho y seleccione la barra de estado <input # plbottom>, y seleccione "Editar etiqueta" en la ventana emergente menú contextual de inicio, como se muestra en la Figura 7-19 Mostrar.
Figura 7-19 Seleccione la etiqueta de edición rápida <input # plbottom>
(6) En la etiqueta de edición rápida <input # plbottom> emergente, cambie:
disable="true"
a:
disable=<%#iif((session( "USENAME ")<>nada),false,true) %>
El resultado se muestra en la Figura 7-20.
Figura 7-20 La etiqueta de edición del acceso directo <input # plbottom>
configura el botón plbottom. Está deshabilitado antes de que el usuario inicie sesión y vuelve a estar disponible después de que el usuario inicie sesión.
(4) Agregue el comportamiento del servidor de registros de inserción, envíe el valor del formulario yhplfrm, seleccione la tabla de inserción como HF y otras configuraciones se muestran en la Figura 7-21.
Figura 7-21 Comportamiento de agregar inserción de servidor de registros
En la Figura 7-21, puede ver que los campos HFID, HFTIME, YHID y ZTID no obtienen valores. El campo HFID es un número automático y la base de datos agregará automáticamente un valor al registro; el campo HFTIME tiene un valor predeterminado establecido en fecha() en Access, por lo que la base de datos agregará automáticamente la fecha de hoy al registro recién agregado. El campo YHID es el código de identificación del usuario que inició sesión y el campo ZTID es el ID de la nota que se publicará. Por lo tanto, se debe agregar el código ID del usuario que inició sesión en el campo YHID, y el código ID de la nota a publicar en el campo ZTID.
(5) Regrese a la vista de código y busque el código para insertar el registro (dkconn, HF), como se muestra en la parte negra seleccionada en la Figura 7-22.
Figura 7-22 Encuentre el código para insertar registros (dkconn, HF)
(6) Cambie el código:
CommandText='<%# "INSERT INTO HF (HFNAME, HFTEXT) VALUES (?, ?,)" %>'
a:
CommandText ='<%# "INSERTAR EN HF (HFNAME, HFTEXT, ZTID, YHID) VALORES (?, ?, ?, ?)" %>'
(7) Agregar parámetros en orden:
<Nombre del parámetro="@ZTID" Valor = '<%# Ztre.FieldValue("ZTID", Contenedor) %>' Tipo="Integer" />
<Nombre del parámetro="@YHID" Valor='<%# SESSION("USEID") %>' Tipo= "Entero" />
El resultado se muestra en la Figura 7-23.
Figura 7-23 Resultados de la modificación al insertar el código de registro (dkconn, HF)
(8) Antes de publicar el mensaje de respuesta, se debe verificar el título y el contenido de la respuesta para evitar la publicación de mensajes de respuesta con títulos o contenido vacíos. Consulte el método para insertar el control de validación RequiredFieldValidato en la Sección 6.2 y agregue el control de validación RequiredFieldValidato al cuadro de texto HFNAME y al control del área de texto HFTEXT respectivamente.
(9) Cuando el usuario publica un mensaje de respuesta, el número total de respuestas en las notas de estudio debe aumentar automáticamente en 1, es decir, el campo HFZS debajo de la tabla ZT debe aumentar automáticamente en 1.
① En el panel [Comportamiento del servidor], inserte el comportamiento del servidor "Actualizar registro", configure la tabla de actualización en ZT, configure temporalmente el valor enviado desde el formulario yhplfrm, configure temporalmente: 'HFZS' obtiene el valor de 'HFTEXT' (como 'Integer'); Suposición temporal: 'ZTID' usa 'HFTEXT' como 'Integer' para seleccionar registros
② ¿Por qué son todos temporales? Esto es para permitir que Dreamweaver genere automáticamente algún código primero, para poder modificarlo más tarde. Primero cambie a la vista de código, busque el código original del registro de actualización (dkconn, ZT) y busque el código:
<Parameter Name="@HFZS" Value='<%# IIf((Request.Form("HFTEXT" ) <> Nada ), Request.Form("HFTEXT"), "") %>' Type="Integer" />
<Parameter Name="@ZTID" Value='<%# IIf((Request.Form(" HFTEXT") < > Nada), Request.Form("HFTEXT"), "") %>' Type="Integer" />
Cámbielo a:
<Parameter Name="@HFZS" Value='<%# Ztre. FieldValue(" HFZS", Container)+1 %>' Type="Integer" />
<Parameter Name="@ZTID" Value='<%# session("ztanw") %>' Type="Integer" />
(10) Guarde hf.aspx.
Después de iniciar sesión, los usuarios pueden publicar nuevas notas de estudio además de mensajes de respuesta.
(1) Cree una nueva página web dinámica ztfb.aspx generada a partir de la plantilla bkblog.dwt.aspx e inserte una tabla ztfb con una columna y cinco filas en el área editable del cuerpo principal.
(2) Agregue el conjunto de datos zthb, configure el filtro en YHID y establezca el parámetro en la variable de etapa USENAME. El diseño se muestra en la Figura 7-24.
Figura 7-24 Agregar el conjunto de datos zthb
(3) Arrastre los campos relevantes debajo del conjunto de datos a la tabla ztfb. Para conocer el método, consulte el método en la Sección 4.2.
(4) Abra hf.aspx, copie el formulario yhplfrm, péguelo en la quinta fila de la tabla zthb en la página web ztfb.aspx, borre el cuadro de texto HFNAME y realice las modificaciones necesarias. El resultado se muestra en la Figura 7. 25.
Figura 7-25 Diseño de la tabla ztfb
(2) Cambie el nombre del cuadro de texto HFNAME a ZTNAME y el área de texto HFTEXT a ZTTEXT.
(3) Deje que la primera, segunda y tercera filas de la tabla zthb sean las áreas repetidas del conjunto de datos zthb, y luego inserte la navegación del conjunto de datos en la cuarta fila de la tabla.
(4) Inserte el LMID de lista/menú, haga clic en el valor de la lista en su ventana de propiedades y, en el cuadro de diálogo de valor de lista emergente, ingrese la etiqueta del proyecto como: elemento de diseño como: 1, presione "Aceptar"; llave, como se muestra en la Figura 7-26.
Figura 7-26 Cuadro de diálogo de valores de lista LMID
(5) Mantenga la lista/menú LMIDl seleccionada, cambie a la vista de código, busque el código original de la lista/menú LMID, arrastre el campo LMID debajo del menú del conjunto de datos y reemplace los datos con valor igual a 1, como se muestra en la Figura 7-27.
Figura 7-27 Arrastre y suelte el campo LMID en el menú del conjunto de datos
(6) Arrastre el campo LM en el menú del conjunto de datos y reemplace el "elemento de diseño". El resultado se muestra en la Figura 7-28.
Figura 7-28 Arrastre el campo LM debajo del menú del conjunto de datos
(7) Seleccione el código en el círculo rojo en la Figura 7-3-5 y defínalo como un área repetida del menú del conjunto de datos. El resultado se muestra en. Figura 7-29.
Figura 7-29 Defina el área de repetición del menú del conjunto de datos en la lista
(8) para agregar el comportamiento del servidor "Insertar registro", y su configuración se muestra en la Figura 7-30.
Figura 7-30 Comportamiento del servidor Agregar "Insertar registro"
(9) Cambie a la vista de código, busque el código original del registro de inserción (dkconn, ZT), busque el código:
CommandText='<%# "INSERT INTO ZT (LMID, ZTNAME, ZYTEXT) ) VALORES (?, ?, ?)" %>'
Cambiar a:
CommandText='<%# "INSERTAR EN ZT (LMID, ZTNAME, ZYTEXT,YHID) VALORES (?, ?, ?, ?)" %>'
( 10) Agregue parámetros:
<Parameter Name="@YHID" Value='<%# session("USEID") %>' Type="Integer" />
El resultado se muestra en la Figura 7-31.
Figura 7-31 El código original para insertar la modificación del registro (dkconn, ZT)
El diseño de la página para modificar la información del usuario es básicamente el mismo que el diseño de la página de registro del usuario.
(1) Abra la página de registro yhlogok.aspx, guárdela como yhsg.aspx y realice las modificaciones apropiadas. El resultado se muestra en la Figura 7-32.
Figura 7-32 Diseño de página yhsg.aspx
(2) Elimine el comportamiento del servidor "Insertar registro (dkconn, YH)" y agregue el conjunto de datos yhsg, como se muestra en la Figura 7-33.
Figura 7-33 Inserte el conjunto de datos yhsg
(3) Vincule los campos relevantes bajo el conjunto de datos yhsg al cuadro de texto correspondiente. El resultado se muestra en la Figura 7-34.
Figura 7-34 Vincular texto dinámico al cuadro de texto relevante
(4) Agregue el comportamiento del servidor de registros de actualización, establezca temporalmente: 'YHID' y 'YHNAME' como 'Entero' para seleccionar registros; el resultado se muestra en la Figura 7-35.
Figura 7-35 Comportamiento de agregar servidor de registro de actualización
(5) En el código original del registro de actualización, busque el código:
<Parameter Name="@YHID" Value='<%# IIf((Request.Form("YHNAME") < > Nada), Request.Form("YHNAME"), "") %>' Type="Integer" />
Cámbielo a:
<Parameter Name="@YHID" Value='<%# IIf((Not Session( "USEID") no es nada), sesión ("USEID"), "") %>' Type="Integer" />
(6) Guarde yhsg.aspx.