Dreamwaver MX y ASP.NET(6)
Autor:Eve Cole
Fecha de actualización:2009-05-31 21:06:05
6. Crear página de modificación de registros
Introducción relacionada (Nota: para mostrar el código, todos los códigos siguientes tienen espacios después de "<" y antes de ">". ¡Disculpe las molestias!):
Agregar, modificar y eliminar datos son las tres operaciones básicas en la base de datos. Esta sección presenta la parte del registro de modificación.
PASO 1 Proceso de modificación del diseño
En términos generales, solo es necesario actualizar los registros especificados, por lo que se debe establecer una página de búsqueda para realizar consultas, los resultados de la consulta se mostrarán en la página de resultados y los usuarios podrán modificarlos. Finalmente, la tarea de actualización se completa mediante la operación de envío.
Primero, cree una página de consulta. En el proceso de creación de un conjunto de datos, podemos seleccionar los datos requeridos a través del filtro de datos Filtro. Dado que haremos clic en el enlace de la Lista de datos para llegar a esta página, seleccione el parámetro URL y use la palabra clave CÓDIGO para filtrar la página requerida.
[Figura 6-1 Filtrado de datos]
Para hacer esto, cree un nuevo archivo modificar.aspx en el sitio y agregue el conjunto de datos como se muestra arriba.
Paso 2 Crear página de detalles
Para generar enlaces, primero se debe establecer una página de navegación. La página DataGrid creada en la Sección 3 se puede modificar para lograr dicho efecto de navegación. Se modifica el estilo del DataGrid y los elementos de datos también se pueden configurar para mostrar texto vinculado. La misma función también se puede lograr en DataList y Repetidor, los cuales establecen un hipervínculo a la página de detalles.
Abra el archivo original location2.aspx y modifique el estilo DataList original. Seleccione DataListm y haga clic en Editar columnas (Figura 6-2). En el cuadro de diálogo emergente de diseño de estilo DataGrid (Figura 6-3), puede establecer el tipo de Nombre_ubicación en Hipervínculo. Seleccione Nombre_ubicación y haga clic en el botón Cambiar tipo de columna para cambiar a Hipervínculo.
[Figura 6-2 Editar columnas...]
[Figura 6-3 Configuración del hipervínculo]
La configuración del hipervínculo se muestra a continuación:
[Figura 6-4 Configuración de palabras clave de enlace]
El campo de datos mostrado Nombre_ubicación, la palabra clave de conexión es código y la página a la que se debe saltar es la página modificar.aspx. Después de hacer clic en el enlace, se mostrará el enlace URL específico.
http://yoursite/modify.aspx?CODE=El valor del código del registro en el que se hizo clic
La página modificar.aspx también consultará los registros requeridos de la base de datos a través del valor del código pasado.
Para actualizar los datos en la página modificar.aspx, debe utilizar un formulario. Esto requiere vincular el registro de datos al cuadro de entrada. Los datos vinculantes en Dreamweaver MX son similares a los de Dreamweaver UltraDev. Configure la página como se muestra en la Figura 6-5. Cree 6 nuevos campos de texto, 1 campo oculto y 1 botón de envío, y colóquelos en las ubicaciones adecuadas. El campo oculto se utiliza para guardar el valor CÓDIGO de este registro. Debido a que el valor del código es una palabra clave, no es necesario cambiarlo.
[Figura 6-5 página modificar.aspx]
Haga clic en la etiqueta Enlace y arrastre el elemento de datos específico al campo de texto correspondiente. Al mismo tiempo, el tipo de visualización de datos se puede configurar en Formato. También puede vincular todas las propiedades del campo de texto a la fuente de datos. Seleccione el primer menú desplegable del registro.
[Figura 6-6 Enlace] [Figura 6-7 Selección del tipo de datos] [Figura 6-8 Atributos de enlace]
Lista, establezca la propiedad Campo de texto vinculada a la fuente de datos.
PASO 3 actualización de datos
En cuanto a la actualización de datos, puede hacer clic en el botón "+" en Comportamientos del servidor en el panel de la aplicación y seleccionar Actualizar registro.
[Figura 6-9 Seleccionar registro de actualización]
[Figura 6-10 Asociación de configuración]
En el cuadro de diálogo emergente, debe asociar el cuadro de entrada con la fuente de datos actualizada correspondiente y configurar el tipo de datos. Entre ellos, CÓDIGO debe ser la palabra clave, clave principal. De manera similar a la página Insertar registro, también debe configurar la página a la que saltará si la página se agrega correctamente y si no se agrega.
Ahora puede obtener una vista previa de la página terminada. Ingrese la URL http://yoursite/location3.aspx y verá la página que se muestra en la Figura 6-11.
[Figura 6-11 navegación por la página ubicación3.aspx]
Se puede hacer clic en el elemento Location_name y saltará a la página de detalles modificar.aspx.
[Figura 6-12 Vista previa de la página de actualización]
Los datos existentes se pueden modificar a través de la página modificar.aspx y los datos se pueden actualizar a través de eventos de envío de formularios.
El código principal actualizado es el siguiente:
<MM:Actualizar
runat="servidor"
CommandText='< %# "ACTUALIZAR UBICACIONES ESTABLECER CIUDAD=?, ESTADO_PAÍS=?, FAX=?, TELÉFONO=?, DIRECCIÓN=? ¿DÓNDE CÓDIGO=?'
ConnectionString='< %# System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING_location") % >'
DatabaseType='< %# System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABASETYPE_location") % >'
Expresión='< %# Request.Form("MM_update") = "form1" % >'
CreateDataSet="falso"
SuccessURL='< %# "ubicación3.aspx" % >'
Depurar = "verdadero"
>
<Parámetros>
< Nombre del parámetro="@CITY" Valor='< %# IIf((Request.Form("ciudad") < > Nada), Request.Form("ciudad"), "") % >' Tipo="WChar" />
< Nombre del parámetro="@STATE_COUNTRY" Valor='< %# IIf((Request.Form("estado") < > Nada), Request.Form("estado"), "") % >' Tipo="WChar" />
< Nombre del parámetro="@FAX" Valor='< %# IIf((Request.Form("fax") < > Nada), Request.Form("fax"), "") % >' Tipo="WChar" />
< Nombre del parámetro="@TELEPHONE" Valor='< %# IIf((Request.Form("tele") < > Nada), Request.Form("tele"), "") % >' Tipo="WChar" />
< Nombre del parámetro="@DIRECCIÓN" Valor='< %# IIf((Request.Form("dirección") < > Nada), Request.Form("dirección"), "") % >' Tipo="WChar" />
< Nombre del parámetro="@CODE" Valor='< %# IIf((Request.Form("hiddenField") < > Nada), Request.Form("hiddenField"), "") % >' Type="WChar" />
< /Parámetros >
< /MM:Actualización >
Dreamweaver MX utiliza mm:update para representar el código actualizado. Su formato es similar a MM:Insert.