Crear una página de inserción de registros

Última actualización el 25-04-2024

Obtenga información sobre cómo crear una página de inserción de registros en la aplicación Dreamweaver que permita a los usuarios insertar nuevos registros en una base de datos.

Nota

La interfaz de usuario se ha simplificado en Dreamweaver y versiones posteriores. Como resultado, es posible que no encuentre algunas de las opciones que se describen en este artículo en Dreamweaver y versiones posteriores. Para obtener más información, consulte este artículo.

Crear páginas de inserción de registros

Tu aplicación puede contener una página que permite a los usuarios insertar nuevos registros en una base de datos.

Una página de inserción consta de dos elementos:

  • Un formulario HTML que permite a los usuarios introducir datos

  • Un comportamiento de servidor Insertar registro que actualiza la base de datos

    Cuando un usuario hace clic en Enviar en un formulario, el comportamiento del servidor inserta registros en una tabla de base de datos.

    Puede agregar estos bloques de construcción en una sola operación usando el objeto de datos Formulario de inserción de registros o puede agregarlos por separado usando las herramientas de formulario de Dreamweaver y el panel Comportamientos del servidor.

Nota

La página de inserción solo puede contener un comportamiento de servidor de edición de registros simultáneamente. Por ejemplo, no puede añadir un comportamiento de servidor Actualizar registro o Eliminar registro a la página de inserción.

Creación de una página de inserción elemento a elemento

También puedes generar una página de inserción usando las herramientas de formularios y comportamientos del servidor.

Añadir un formulario HTML a una página de inserción

Crear una página dinámica (Archivo > Nuevo > Página en blanco), y diseñar la página usando las herramientas de diseño de Dreamweaver.
Agregar 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 (Vista > Ayudas visuales > Elementos invisibles) para ver los límites del formulario, que están representados por líneas rojas finas.

Asignar nombre al formulario HTML haciendo clic en la etiqueta <form> en la parte inferior de la ventana Documento para seleccionar el formulario, abriendo el Inspector de propiedades (Ventana > Propiedades), e introduciendo un nombre en el cuadro Nombre del formulario.

No necesita 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 Insertar registro establece estos atributos automáticamente.

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

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.

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

Puede 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.

Agregar un comportamiento del servidor para insertar registros en una tabla de base de datos (ColdFusion)

En el panel Comportamientos del servidor (Ventana > Comportamientos del servidor), haga clic en el botón Más (+) y seleccione Insertar registro del menú emergente.
Seleccione un formulario en el menú emergente Enviar valores de.
En el menú emergente Fuente de datos, seleccione una conexión a la base de datos.
Introduzca el nombre de usuario y la contraseña.
En el menú emergente Insertar en tabla, seleccione la tabla de la base de datos en la que insertar el registro.
Especifique una columna de base de datos para insertar el registro, seleccione el objeto de formulario que insertará el registro del menú emergente Valor y, a continuación, seleccione un tipo de datos para el objeto de formulario del menú emergente Enviar como.

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

Repetir el procedimiento para cada objeto de formulario en su formulario.

En el cuadro Tras inserción, ir a, introducir la página que se abrirá después de que el registro se inserte en la tabla o hacer clic en el botón Examinar para buscar el archivo.
Haga clic en OK.

Dreamweaver agrega un comportamiento del servidor a la página que permite a los usuarios insertar registros en una tabla de base de datos rellenando el formulario HTML y haciendo clic en el botón Enviar.

Agregar un comportamiento del servidor para insertar registros en una tabla de base de datos (ASP)

En el panel Comportamientos del servidor (Ventana > Comportamientos del servidor), haga clic en el botón Más (+) y seleccione Insertar registro del menú emergente.
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 Insertar en tabla, seleccione la tabla de base de datos en la que debe insertarse el registro.
En el cuadro Después de insertar, ir a, introduce la página que se abrirá después de insertar el registro en la tabla o haz clic en Examinar para examinar hasta el archivo.
En el menú emergente Obtener valores de, seleccione el formulario HTML utilizado para introducir los datos.

Dreamweaver selecciona automáticamente el primer formulario de tu página.

Especifica una columna de base de datos para insertar el registro, selecciona el objeto de formulario que insertará el registro desde el menú emergente Valor y, a continuación, selecciona un tipo de datos para el objeto de formulario desde el menú emergente Enviar como.

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

Repite el procedimiento para cada objeto de formulario de tu formulario.

Haga clic en OK.

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

Para editar el comportamiento del servidor, abre el panel Comportamientos del servidor (Ventana > Comportamientos del servidor) y haz doble clic en el comportamiento Insertar registro.

Añadir un comportamiento del servidor para insertar registros en una tabla de base de datos (PHP)

En el panel Comportamientos del servidor (Ventana > Comportamientos del servidor), haz clic en el botón Más (+) y selecciona Insertar registro del menú emergente.
Seleccione un formulario en el menú emergente Enviar valores de.
En el menú emergente Conexión, seleccione una conexión con la base de datos.
En el menú emergente Insertar tabla, seleccionar la tabla de la base de datos en la que insertar el registro.
Especifique una columna de la base de datos en la que insertar el registro, seleccione el objeto de formulario que insertará el registro desde el menú emergente Valor y, a continuación, seleccione un tipo de datos para el objeto de formulario desde el menú emergente Enviar como.

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

Repetir el procedimiento para cada objeto de formulario del formulario.

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

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

Crear la página de inserción en una sola operación

Abre la página en la vista Diseño y selecciona Insertar > Objetos de datos > Insertar registro > Asistente para formularios de inserción de registros.
En el menú emergente Conexión, seleccione una conexión a la base de datos.Haga clic en Definir si necesita definir una conexión.
En el menú emergente Insertar en tabla, selecciona la tabla de la base de datos en la que se debe insertar el registro.
Si utiliza ColdFusion, introduzca un nombre de usuario y una contraseña.
En el cuadro Después de insertar, ir a, introduzca la página que se abrirá después de insertar el registro en la tabla o haga clic en el botón Examinar para examinar el archivo.
En el área Campos del formulario, especifique los objetos de formulario que desea incluir en el formulario HTML de la página de inserción y qué columnas de la tabla de la base de datos debe actualizar cada objeto de formulario.

De forma predeterminada, Dreamweaver crea un objeto de formulario para cada columna de la tabla de la base de datos. Si la base de datos genera automáticamente identificadores de clave única para cada nuevo registro creado, quite 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 exista.

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

Especifica cómo se debe mostrar cada campo de entrada de datos en el formulario HTML haciendo clic en una fila de la tabla Campos de 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. De forma predeterminada, 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.

Nota

Los campos ocultos se insertan al final del formulario.

  • En el menú emergente Enviar como, seleccione el formato de datos que acepta 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.  
Haga clic en OK.

Dreamweaver añade tanto un formulario HTML como un comportamiento de servidor Insert Record a tu página.Los objetos de formulario están distribuidos en una tabla básica, que puedes personalizar con las herramientas de diseño de página de Dreamweaver.(Asegúrate de que todos los objetos de 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 Insertar registro.

Temas similares