Creación de las páginas maestra y de detalles en Dreamweaver

Última actualización el 25/04/2024

Aprende a crear una página maestra en Dreamweaver y crear vínculos a una página de detalle.

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.

Páginas maestra y detalle

Las páginas maestras y de detalle son conjuntos de páginas que se usan para organizar y mostrar datos de conjuntos de registros.Estas páginas ofrecen al visitante de tu sitio tanto una vista general como una vista detallada.La página maestra muestra todos los registros y contiene vínculos a páginas de detalle que muestran información adicional sobre cada registro.

Página maestra

Página detalle

Puedes crear páginas maestras y de detalle insertando un objeto de datos para crear una página maestra y una página de detalle en una sola operación o usando comportamientos del servidor para generar las páginas maestras y de detalle de una forma más personalizada.Al usar comportamientos del servidor para generar páginas maestras y de detalle, primero creas una página maestra para mostrar los registros y luego añades vínculos desde la lista a las páginas de detalle.

Creación de una página maestra

Antes de empezar, asegúrate de definir una conexión de base de datos para tu sitio.

Para crear una página en blanco, selecciona Archivo > Nuevo > Página en blanco, selecciona un tipo de página y haz clic en Crear. Esta página será la página maestra.
Defina un juego de registros.

En el panel Enlaces (Ventana > Enlaces), haz clic en el botón Más (+), selecciona Conjunto de registros y elige opciones. Si desea trabajar con sus propias declaraciones SQL, haga clic en Avanzado.

Asegúrate de que el conjunto de registros contenga todas las columnas de tabla que necesitas para crear tu página maestra.El conjunto de registros también debe incluir la columna de tabla que contiene la clave única de cada registro, es decir, la columna de ID del registro.En el siguiente ejemplo, la columna Código contiene la clave única de cada registro.

Columnas de juego de registros para una página maestra

Normalmente, el conjunto de registros en la página maestra extrae algunas columnas de una tabla de base de datos, mientras que el conjunto de registros en la página de detalle extrae más columnas de la misma tabla para proporcionar información adicional.

El conjunto de registros puede ser definido por el usuario en tiempo de ejecución.Para obtener más información, consulta Crear páginas de búsqueda y resultados.

Inserte una tabla dinámica que muestre los registros.

Sitúe el punto de inserción donde desee que aparezca la tabla dinámica en la página.Selecciona Insertar > Objetos de datos > Datos dinámicos > Tabla dinámica, establece las opciones y haz clic en Aceptar.

Si no quieres mostrar los ID de registro a los usuarios, puedes eliminar la columna de la tabla dinámica.Haz clic en cualquier lugar de la página para mover el enfoque a la página.Mueva el cursor cerca de la parte superior de la columna en la tabla dinámica hasta que las celdas de la columna estén resaltadas en rojo y, a continuación, haga clic para seleccionar la columna.Presione Supr para eliminar la columna de la tabla.

Después de crear la página maestra y añadir el conjunto de registros, creas vínculos que abren la página de detalle.Luego modificas los vínculos para pasar los ID de los registros que selecciona el Usuario. La página de detalle usa este ID para encontrar el registro solicitado en la base de datos y mostrarlo.

Nota

Los vínculos para actualizar páginas se crean con el mismo proceso. La página de resultados es similar a una página maestra, y la página de actualización es similar a una página de detalle.

Abrir la página de detalles y pasar un ID de registro (ColdFusion, PHP)

En la tabla dinámica, seleccione el marcador de posición de contenido para el texto que servirá como vínculo.
Vínculos aplicados al marcador de posición seleccionado.

En el inspector de propiedades, haga clic en el icono de carpeta situado junto al cuadro Enlace.
Busque y seleccione la página detalle. La página de detalles aparece en el cuadro Vínculo del inspector de propiedades.

En la tabla dinámica, el texto seleccionado aparece vinculado. Cuando la página se ejecuta en el servidor, el vínculo se aplica al texto de cada fila de tabla.

En la página maestra, seleccione el vínculo de la tabla dinámica.
(ColdFusion) En el cuadro Vínculo del inspector de propiedades, agregue la siguiente cadena al final de la URL:

?recordID=#recordsetName.fieldName#

El signo de interrogación indica al servidor que lo que sigue son uno o más parámetros de URL. La palabra recordID es el nombre del parámetro de URL (se puede inventar cualquier nombre). Anota el nombre del parámetro de URL porque lo usarás más tarde en la página de detalles.

La expresión después del signo igual es el valor del parámetro.En este caso, el valor se genera mediante una expresión de ColdFusion que devuelve un identificador de registro del conjunto de registros.Se genera un ID diferente para cada fila de la tabla dinámica. En la expresión de ColdFusion, reemplaza recordsetName con el nombre de tu conjunto de registros y reemplaza fieldName con el nombre del campo de tu conjunto de registros que identifica de manera única cada registro.En la mayoría de los casos, el campo consistirá en un número de ID de registro. En el siguiente ejemplo, el campo consiste en códigos de ubicación únicos.

locationDetail.cfm?recordID=#rsLocations.CODE#

Cuando se ejecuta la página, los valores del campo CODE del conjunto de registros se insertan en las filas correspondientes de la tabla dinámica. Por ejemplo, si la ubicación de alquiler de Canberra, Australia, tiene el código CBR, se usa la siguiente URL en la fila de Canberra de la tabla dinámica:

locationDetail.cfm?recordID=CBR

(PHP) En el campo Vínculo del inspector de propiedades, añade la siguiente cadena al final de la URL:

?recordID=<?php echo $row_recordsetName['fieldName']; ?>

El signo de interrogación indica al servidor que lo que sigue son uno o más parámetros de URL. La palabra recordID es el nombre del parámetro URL (puedes usar cualquier nombre que quieras).Anota el nombre del parámetro de URL porque lo usarás en la página de detalles más adelante.

La expresión después del signo igual es el valor del parámetro. En este caso, el valor se genera mediante una expresión PHP que devuelve un ID de registro del conjunto de registros. Se genera un ID diferente para cada fila de la tabla dinámica. En la expresión PHP, reemplaza recordsetName por el nombre de tu conjunto de registros, y reemplaza fieldName por el nombre del campo de tu conjunto de registros que identifica de forma única cada registro.En la mayoría de los casos, el campo contendrá un número de ID de registro. En el siguiente ejemplo, el campo contiene códigos de ubicación únicos.

locationDetail.php?recordID=<?php echo $row_rsLocations['CODE']; ?>

Cuando se ejecuta la página, los valores del campo CODE del conjunto de registros se insertan en las filas correspondientes de la tabla dinámica. Por ejemplo, si la ubicación de alquiler de Canberra, Australia, tiene el código CBR, se usa la siguiente URL en la fila de Canberra en la tabla dinámica:

locationDetail.php?recordID=CBR

Guarde la página.

Abrir la página de detalles y pasar un ID de registro (ASP)

Selecciona el contenido dinámico que funcionará como enlace.
En el panel Comportamientos del servidor (Ventana > Comportamientos del servidor), haz clic en el botón Más (+) y selecciona Ir a página de detalles en el menú emergente.
En el cuadro Página Detalle, haga clic en Examinar y localice la página.
Especifica el valor que deseas pasar a la página de detalles seleccionando un conjunto de registros y una columna en los menús emergentes Conjunto de registros y Columna. Normalmente el valor es único para el registro, como el ID clave único del registro.
Si lo deseas, pasa los parámetros de página existentes a la página de detalles seleccionando las opciones Parámetros de URL o Parámetros de formulario.
Haga clic en OK.

Un vínculo especial rodea el texto seleccionado. Cuando el usuario hace clic en el enlace, el comportamiento del servidor Ir a página de detalles pasa un parámetro de URL que contiene el ID del registro a la página de detalles. Por ejemplo, si el parámetro de URL se llama id y la página de detalles se llama customerdetail.asp, la URL se ve algo así cuando el usuario hace clic en el enlace:

http://www.mysite.com/customerdetail.asp?id=43

La primera parte de la URL, http://www.mysite.com/customerdetail.asp, abre la página de detalles. La segunda parte, ?id=43, es el parámetro de URL. Dicho parámetro indica a la página detalle qué registro debe localizar y mostrar. El término id es el nombre del parámetro de URL y 43 es su valor. En este ejemplo, el parámetro de URL contiene el número de ID del registro, 43.

Buscar y mostrar el registro solicitado en la página de detalles

Para mostrar el registro solicitado por la página maestra, debes definir un conjunto de registros que contenga un solo registro y vincular las columnas del conjunto de registros a la página de detalles.

Cambie a la página detalle. Si aún no tienes una página de detalles, crea una página en blanco (Archivo > Nuevo).
En el panel Vínculos (Ventana > Vínculos), haga clic en el botón Más (+) y seleccione Conjunto de registros (Consulta) o Conjunto de datos (Consulta) en el menú emergente.

Aparecerá el cuadro de diálogo Juego de registros o Conjunto de datos sencillo. Si aparece el cuadro de diálogo avanzado, haga clic en Simple.

Asigna un nombre al conjunto de registros y selecciona una fuente de datos y la tabla de base de datos que proporcionará datos al conjunto de registros.
En el área Columnas, selecciona las columnas de tabla que se incluirán en el conjunto de registros.

El conjunto de registros puede ser idéntico o diferente del conjunto de registros de la página maestra.Normalmente, un conjunto de registros de página de detalles tiene más columnas para mostrar más detalles.

Si los conjuntos de registros son diferentes, asegúrate de que el conjunto de registros de la página de detalles contenga al menos una columna en común con el conjunto de registros de la página maestra.La columna común suele ser la columna de ID de registro, pero también puede ser el campo de unión de tablas relacionadas.

Para incluir solo algunas de las columnas de la tabla en el conjunto de registros, haz clic en Seleccionadas y elige las columnas deseadas haciendo clic mientras mantienes presionada la tecla Ctrl (Windows) o Comando (Macintosh) en la lista.

Completa la sección Filtro para buscar y mostrar el registro especificado en el parámetro de URL pasado por la página maestra:
  • En el primer menú emergente del área Filtro, selecciona la columna del conjunto de registros que contiene valores que coinciden con el valor del parámetro de URL pasado por la página maestra.Por ejemplo, si el parámetro de URL contiene un número de ID de registro, selecciona la columna que contiene los números de ID de registro.En el ejemplo analizado en la sección anterior, la columna del conjunto de registros llamada CODE contiene los valores que coinciden con el valor del parámetro de URL pasado por la página maestra.

  • En el menú emergente junto al primer menú, selecciona el signo igual (ya debería estar seleccionado).

  • En el tercer menú emergente, seleccione Parámetro de URL. La página maestra usa un parámetro de URL para pasar información a la página de detalles.

  • En el cuarto cuadro, introduzca el nombre del parámetro de URL pasado por la página maestra.

Haga clic en OK. El juego de registros aparecerá en el panel Vinculaciones.
Vincule las columnas del conjunto de registros a la página de detalles seleccionando las columnas en el panel Bindings (Window > Bindings) y arrastrándolas a la página.

Después de cargar tanto la página maestra como las páginas de detalle al servidor, puedes abrir la página maestra en un explorador.Después de hacer clic en un enlace de detalles en la página maestra, la página de detalles se abre con más información sobre el registro seleccionado.

Buscar un registro específico y mostrarlo en una página (ASP)

Puedes agregar un comportamiento de servidor que busque un registro específico en un conjunto de registros para mostrar los datos del registro en la página.El comportamiento de servidor solo está disponible cuando se usa el modelo de servidor ASP.

Cree una página con los siguientes requisitos previos:
Añade el comportamiento del servidor para encontrar el registro especificado por el parámetro de URL haciendo clic en el botón Más (+) del panel Comportamientos del servidor (Ventana > Comportamientos del servidor) y seleccionando Paginación de conjunto de registros > Ir a registro específico.
En el menú emergente Ir a registro en, selecciona el conjunto de registros que definiste para la página.
En el menú emergente Donde columna, selecciona la columna que contiene el valor pasado por la otra página.

Por ejemplo, si la otra página pasa un número de ID de registro, selecciona la columna que contiene los números de ID de registro.

En el cuadro Coincide con parámetro de URL, introduzca el nombre del parámetro de URL pasado por la otra página.

Por ejemplo, si la URL que la otra página usó para abrir la página de detalles es id=43, introduceid en el cuadro Coincide con parámetro de URL.

Haga clic en OK.

La próxima vez que un explorador solicite la página, el comportamiento del servidor leerá el ID de registro en el parámetro de URL pasado por la otra página e irá al registro especificado en el conjunto de registros.

Crear páginas maestras y de detalles en una operación

Cuando desarrolles aplicaciones web, puedes crear rápidamente páginas maestras y de detalles usando el objeto de datos Conjunto de páginas maestras y de detalles.

Para crear una página dinámica en blanco, seleccione Archivo > Nuevo > Página en blanco, seleccione una página dinámica de la lista Tipo de página y haga clic en Crear.

Esta página será la página maestra.

Defina un juego de registros para la página.

Asegúrate de que el conjunto de registros contenga no solo todas las columnas que necesitarás para la página maestra, sino también todas las columnas que necesitarás para la página de detalles. Normalmente, el conjunto de registros de la página maestra extrae unas pocas columnas de una tabla de base de datos mientras que el conjunto de registros de la página de detalles extrae más columnas de la misma tabla para proporcionar el detalle adicional.

Abre la página maestra en vista de Diseño y selecciona Insertar > Objetos de datos > Conjunto de páginas maestras y de detalles.
En el menú emergente Conjunto de registros, asegúrese de que esté seleccionado el conjunto de registros que contiene los registros que desea mostrar en la página maestra.
En el área Campos de página maestra, selecciona las columnas del conjunto de registros que se mostrarán en la página maestra.

De forma predeterminada, se seleccionan todas las columnas del juego de registros. Si tu conjunto de registros contiene una columna de clave única como recordID, selecciónala y haz clic en el botón Menos (-) para que no se muestre en tu página.

Para cambiar el orden en que las columnas aparecen en la página maestra, selecciona una columna de la lista y haz clic en la flecha arriba o abajo.

En la página maestra, las columnas del conjunto de registros se organizarán horizontalmente en una tabla. Hacer clic en la flecha arriba mueve la columna hacia la izquierda; hacer clic en la flecha abajo mueve la columna hacia la derecha.

En el menú emergente Vincular a detalle desde, selecciona la columna del conjunto de registros que mostrará un valor que también sirve como vínculo a la página de detalles.

Por ejemplo, si quieres que cada nombre de producto en tu página maestra tenga un vínculo a la página de detalles, selecciona la columna del conjunto de registros que contiene los nombres de productos.

En el menú emergente Pasar clave única, seleccione la columna del conjunto de registros que contiene valores que identifican los registros.

Normalmente, la columna elegida es la que contiene el número de ID. Este valor se pasa a la página de detalles para que pueda identificar el registro elegido por el usuario.

Anule la selección de la opción Numérica si la columna de clave única no es numérica.
Nota

Esta opción está seleccionada de forma predeterminada; no aparece para todos los modelos de servidor.

Especifique el número de registros que se mostrarán en la página maestra.
En el cuadro Nombre de página de detalles, haz clic en Examinar y localiza el archivo de página de detalles que creaste, o introduce un nombre y deja que el objeto de datos cree uno para ti.
En el área Campos de página de detalles, seleccione las columnas que se mostrarán en la página de detalles.

De forma predeterminada, todas las columnas del conjunto de registros de la página maestra están seleccionadas. Si el conjunto de registros contiene una columna de clave única como recordID, selecciónela y haga clic en el botón Menos (-) para que no se muestre en la página de detalles.

Para cambiar el orden en que aparecen las columnas en la página de detalles, seleccione una columna en la lista y haga clic en la flecha arriba o abajo.

En la página de detalles, las columnas del conjunto de registros se organizan verticalmente en una tabla. Al hacer clic en la flecha arriba, la columna se mueve hacia arriba; al hacer clic en la flecha abajo, la columna se mueve hacia abajo.

Haga clic en OK.

El objeto de datos crea una página de detalles (si aún no creó una) y agrega contenido dinámico y comportamientos del servidor a las páginas maestra y de detalles.

Personaliza el diseño de las páginas maestra y de detalles según tus necesidades.

Puedes personalizar completamente el diseño de cada página usando las herramientas de diseño de páginas de Dreamweaver.También puede editar los comportamientos del servidor haciendo doble clic en ellos en el panel Comportamientos del servidor.

Después de crear páginas maestra y de detalles con el objeto de datos, use el panel Comportamientos del servidor (Ventana > Comportamientos del servidor) para modificar los diversos bloques de construcción que el objeto de datos inserta en las páginas.