Crear una página de actualización de registros en Dreamweaver

Crear una página en Dreamweaver y guardarla.

La página pasa a ser la página de actualización.

En el panel Bindings (Ventana > Bindings), haz clic en el botón Más (+) y selecciona Recordset.

Si aparece el cuadro de diálogo avanzado, haga clic en Simple. El cuadro de diálogo avanzado tiene un área de texto para introducir instrucciones SQL; el simple no la tiene.

Asigna un nombre al conjunto de registros y especifica dónde se encuentran los datos que quieres actualizar utilizando los menús emergentes Conexión y Tabla.

Haz clic en Seleccionado y selecciona una columna clave (normalmente la columna de ID de registro) y las columnas que contienen los datos a actualizar.

Configura el área de filtro para que el valor de tu columna clave sea igual al valor del parámetro de URL correspondiente pasado por la página de resultados.

Este tipo de filtro crea un conjunto de registros que contiene solo el registro especificado por la página de resultados. Por ejemplo, si la columna clave contiene información de ID de registro y se llama PRID, y si la página de resultados pasa la información de ID de registro correspondiente en el parámetro de URL llamado id, el área de filtro debería verse como el siguiente ejemplo:

Haga clic en OK.

Cuando el usuario selecciona un registro en la página de resultados, la página de actualización genera un conjunto de registros que contiene solo el registro seleccionado.

Crear una página (Archivo > Nuevo > Página en blanco). Esta pasa a ser su página de actualización.

Diseña tu página usando las herramientas de diseño de Dreamweaver.

Agregue un formulario HTML colocando el punto de inserción donde desee que aparezca el formulario y seleccionando Insertar > Formulario > Formulario.

Se creará un formulario vacío en la página. Es posible que tengas que habilitar Elementos invisibles (Ver > Ayudas visuales > Elementos invisibles) para ver los límites del formulario, que se representan con líneas rojas delgadas.

Asigne un nombre al formulario HTML haciendo clic en la etiqueta <form> en la parte inferior de la ventana Documento para seleccionar el formulario, abrir el inspector de Propiedades (Ventana > Propiedades) e introducir un nombre en el cuadro Nombre del formulario.

No tienes que especificar un atributo action o method para el formulario para indicarle dónde y cómo enviar los datos del registro cuando el usuario haga clic en el botón Enviar.El comportamiento del servidor Update Record establece estos atributos por ti.

Agregar un objeto de formulario como un campo de texto (Insertar > Formulario > Campo de texto) para cada columna que quieras actualizar en la tabla de la base de datos.

Los objetos de formulario permiten introducir datos. Los campos de texto son comunes para este propósito, pero también puedes usar menús, opciones y botones de opción.

Cada objeto de formulario debe tener una columna correspondiente en el conjunto de registros que definiste anteriormente. La única excepción es la columna de clave única, que no debe tener un objeto de formulario correspondiente.

Agregar un botón Enviar al formulario (Insertar > Formulario > Botón).

Puedes cambiar la etiqueta del botón Enviar seleccionando el botón, abriendo el inspector de propiedades (Ventana > Propiedades) e introduciendo un nuevo valor en el cuadro Etiqueta.

Asegúrate de haber definido un conjunto de registros para contener el registro que el Usuario quiere actualizar.

Ver Recuperar el registro para actualizar.

Vincule cada objeto de formulario a los datos del conjunto de registros, como se describe en los siguientes temas:

• Mostrar contenido dinámico en campos de texto HTML

• Preseleccionar dinámicamente una casilla de verificación HTML

• Preseleccionar dinámicamente un botón de opción HTML

• Insertar o cambiar un menú de formulario HTML dinámico

• Hacer dinámicos los menús de formulario HTML existentes

En el panel Server Behaviors (Ventana > Server Behaviors), haz clic en el botón Más (+) y selecciona Update Record del menú emergente.

Aparecerá el cuadro de diálogo Actualizar registro.

Seleccione un formulario en el menú emergente Enviar valores de.

En el menú emergente Fuente de datos o Conexión, seleccione una conexión a la base de datos.

Introduzca el nombre de usuario y la contraseña si es necesario.

En el menú emergente Actualizar tabla, seleccione la tabla de base de datos que contiene el registro que está actualizando.

(ColdFusion, PHP) Especifique una columna de base de datos que actualizar, seleccione el objeto de formulario que actualizará la columna en el menú emergente Valor, seleccione un tipo de datos para el objeto de formulario en el menú emergente Enviar como y seleccione Clave principal si desea identificar esta columna como la clave principal.

El tipo de datos es la clase de datos que espera la columna de la tabla de base de datos (texto, numérica, valores de opción booleanos).

Repita el procedimiento para cada objeto de formulario del formulario.

(ASP) En el menú emergente Seleccionar registro de, especifique el conjunto de registros que contiene el registro mostrado en el formulario HTML. En el menú emergente Columna de clave única, seleccione una columna de clave (normalmente la columna de ID de registro) para identificar el registro en la tabla de base de datos. Seleccione la opción Numérico si el valor es un número. Una columna de clave normalmente acepta solo valores numéricos, pero a veces acepta valores de texto.

En el cuadro Después de actualizar o En caso de éxito, ir a, introduzca la página que se abrirá después de que el registro se actualice en la tabla o haga clic en el botón Examinar para examinar el archivo.

(ASP) Especifique una columna de base de datos que actualizar, seleccione el objeto de formulario que actualizará la columna en el menú emergente Valor y, a continuación, seleccione un tipo de datos para el objeto de formulario en el menú emergente Enviar como. El tipo de datos es la clase de datos que espera la columna de la tabla de base de datos (texto, numérica, valores de opción booleanos). Repita el mismo procedimiento para cada formulario del formulario.

Haga clic en OK.

Dreamweaver añade un comportamiento de servidor a la página que permite a los usuarios actualizar registros de una tabla de base de datos modificando la información mostrada en el formulario HTML y haciendo clic en el botón Enviar.

Para editar el comportamiento del servidor, abra el panel Comportamientos del servidor (Ventana > Comportamientos del servidor) y haga doble clic en el comportamiento Actualizar registro.

Abra la página en la vista Diseño y seleccione Insertar > Objetos de datos > Actualizar registro > Asistente de formulario de actualización de registros.

Aparecerá el cuadro de diálogo Formulario de actualización de registros.

En el menú emergente Conexión, seleccione una conexión a la base de datos.

Haga clic en el botón Definir si necesita definir una conexión.

En el menú emergente Tabla a actualizar, seleccione la tabla de base de datos que contiene el registro a actualizar.

En el menú emergente Seleccionar registro de, especifique el conjunto de registros que contiene el registro mostrado en el formulario HTML.

En el menú emergente Columna de clave única, selecciona una columna de clave (normalmente la columna de ID de registro) para identificar el registro en la tabla de la base de datos.

Si el valor es un número, seleccione la opción Numérico. Una columna de clave normalmente acepta solo valores numéricos, pero a veces acepta valores de texto.

En el cuadro Después de actualizar, ir a, introduce la página que se abrirá después de que el registro se actualice en la tabla.

En el área Campos del formulario, especifica qué columnas de tu tabla de base de datos debe actualizar cada objeto del formulario.

Por defecto, Dreamweaver crea un objeto de formulario para cada columna de la tabla de la base de datos. Si tu base de datos genera automáticamente ID de clave únicos para cada nuevo registro creado, elimina el objeto de formulario correspondiente a la columna de clave seleccionándolo en la lista y haciendo clic en el botón Menos (-). Esto elimina el riesgo de que el usuario del formulario introduzca un valor de ID que ya existe.

También puedes cambiar el orden de los objetos del formulario en el formulario HTML seleccionando un objeto de formulario en la lista y haciendo clic en la flecha arriba o Flecha abajo en el lado derecho del cuadro de diálogo.

Especifica cómo debe aparecer cada campo de entrada de datos en el formulario HTML haciendo clic en una fila de la tabla Campos del formulario e introduciendo la siguiente información en los cuadros debajo de la tabla:

• En el cuadro Etiqueta, introduzca el texto descriptivo que se mostrará junto al campo de introducción de datos. Por defecto, Dreamweaver muestra el nombre de la columna de la tabla en la etiqueta.

• En el menú emergente Mostrar como, seleccione el objeto de formulario que se utilizará como campo de introducción de datos. Puede seleccionar Campo de texto, Área de texto, Menú, Casilla de verificación, Grupo de opciones o Texto. Seleccione Texto para las entradas de solo lectura. También puede seleccionar Campo de contraseña, Campo de archivo y Campo oculto.

• En el menú emergente Enviar como, seleccione el formato de datos que espera recibir la tabla de la base de datos. Por ejemplo, si la columna de la tabla sólo acepta datos numéricos, seleccione Numérico.

• Configure las propiedades del objeto de formulario. Dispone de distintas opciones en función del objeto de formulario seleccionado como campo de entrada de datos. En el caso de los campos de texto, las áreas de texto y los textos, puede introducir un valor inicial. Para establecer las propiedades de los menús y los grupos de opciones, deberá abrir otro cuadro de diálogo. En el caso de las opciones, elija la opción Activada o No activada.  

Establece las propiedades de otros objetos del formulario seleccionando otra fila de Campos del formulario e introduciendo una etiqueta, un Valor Mostrar como y un Valor Enviar como.

Para menús y grupos de botones de radio, abrir otro cuadro de diálogo para establecer las propiedades.Para opciones, define una comparación entre el valor del registro actual para la opción y un valor dado para determinar si la opción está marcada cuando se muestra el registro.

Haga clic en OK.

Dreamweaver añade tanto un formulario HTML como un comportamiento de servidor Actualizar registro a tu página.

El objeto de datos añade tanto un formulario HTML como un comportamiento de servidor Actualizar registro a tu página. Los objetos del formulario están dispuestos en una tabla básica, que puedes personalizar usando las herramientas de diseño de página de Dreamweaver. (Asegúrate de que todos los objetos del formulario permanezcan dentro de los límites del formulario.)

Para editar el comportamiento del servidor, abra el panel Comportamientos del servidor (Ventana > Comportamientos del servidor) y haga doble clic en el comportamiento Actualizar registro.

Selecciona Manualmente o Desde base de datos, dependiendo de cómo planees crear el elemento del formulario.

Haga clic en el botón de signo más (+) para añadir un elemento.

Introduzca una etiqueta y un valor para el elemento.

En el cuadro Seleccionar Valor igual a, si quieres que un elemento particular esté seleccionado cuando la página se abra en un explorador o cuando un registro se muestre en el formulario, introduce un valor igual al valor del elemento.

Puedes introducir un valor estático o puedes especificar un valor dinámico haciendo clic en el icono del rayo y seleccionando un valor dinámico de la lista de fuentes de datos.En cualquier caso, el valor que especifiques debe coincidir con uno de los valores del elemento.