Guía del usuario Cancelar

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

 

 

Nota:

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

Páginas maestra y detalle

Las páginas maestra y detalle son juegos de páginas que se utilizan para organizar y mostrar datos de juegos de registros. Estas páginas ofrecen al visitante del sitio una introducción y una vista detallada. La página maestra enumera todos los registros y contiene vínculos con páginas detalle que muestran información adicional sobre cada registro.

Página maestra

Página detalle

Puede crear páginas maestra y detalle insertando un objeto de datos para crear una página maestra y una página detalle en una misma operación, o bien utilizando comportamientos de servidor para crear páginas maestra y detalle de forma más personalizada. Al utilizar comportamientos de servidor para crear páginas maestra y detalle, debe crear primero una página maestra que enumere los registros y, seguidamente, añadir vínculos que lleven de la lista a las páginas detalle.

Creación de una página maestra

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

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

    En el panel Vinculaciones (Ventanas > Vinculaciones), haga clic en el botón de signo más (+), seleccione Juego de registros y elija opciones. Si desea trabajar con sus propias declaraciones SQL, haga clic en Avanzado.

    Asegúrese de que el juego de registros contiene todas las columnas de la tabla necesarias para crear la página maestra. El juego de registros también debe incluir la columna de la tabla que contiene la clave exclusiva de cada registro, es decir, la columna ID del registro. En el siguiente ejemplo, la columna Code contiene la clave exclusiva de cada registro.

    Columnas de juego de registros para una página maestra

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

    El usuario puede definir el juego de registros durante la ejecución. Para obtener más información, consulte Creación de páginas de búsqueda y resultados.

  3. Inserte una tabla dinámica que muestre los registros.

    Sitúe el punto de inserción en el lugar de la página en el que desea que aparezca la tabla dinámica. Seleccione Insertar > Objetos de datos > Datos dinámicos > Tabla dinámica, establezca las opciones y haga clic en Aceptar.

    Si no desea mostrar los ID de registros a los usuarios, puede eliminar la columna de la tabla dinámica. Haga clic en cualquier lugar de la página para entrar en ella. Desplace el cursor cerca de la parte superior de la columna de la tabla dinámica hasta que sus celdas queden resaltadas en rojo y haga clic para seleccionar la columna. Presione la tecla Supr para eliminar la columna de la tabla.

Tras crear la página maestra y añadir el juego de registros, deberá crear vínculos que abran la página detalle. Posteriormente, deberá modificar los vínculos para pasar los IDs de los registros que seleccione el usuario. La página detalle utiliza este ID para buscar el registro solicitado en la base de datos y visualizarlo.

Nota:

Para crear vínculos con páginas de actualizaciones, deberá seguir el mismo proceso. La página de resultados es similar a una página maestra, mientras que la página de actualización es similar a una página detalle.

Apertura de la página detalle y transferencia de un ID de registro (ColdFusion, PHP)

  1. En la tabla dinámica, seleccione el marcador de posición del contenido para el texto que actuará a modo de vínculo.
    Vínculos aplicados al marcador de posición seleccionado.

  2. En el inspector de propiedades, haga clic en el icono de carpeta situado junto al cuadro Vínculo.
  3. Busque y seleccione la página detalle. La página detalle 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 en cada fila de la tabla.

  4. En la página maestra, seleccione el vínculo de la tabla dinámica.
  5. (ColdFusion) En el cuadro Vínculo del inspector de propiedades, añada la cadena siguiente al final del URL:
    ?recordID=#recordsetName.fieldName#
    ?recordID=#recordsetName.fieldName#
    ?recordID=#recordsetName.fieldName#

    El signo de interrogación indica al servidor que lo que va a continuación es uno o más parámetros de URL. La palabra recordID es el nombre del parámetro de URL (puede utilizar el nombre que desee). Anote el nombre del parámetro de URL, porque más tarde lo utilizará en la página detalle.

    La expresión que se indica a continuación del signo igual es el valor del parámetro. En este caso, una expresión de ColdFusion genera el valor y devuelve un ID de registro proveniente del juego de registros. Para cada fila de la tabla dinámica se genera un ID distinto. En la expresión de ColdFusion, sustituya recordsetName por el nombre de su juego de registros, y fieldName por el nombre del campo de su juego de registros que identifique de forma exclusiva cada registro. En la mayoría de los casos, el campo estará formado por un número de ID de registro. En el siguiente ejemplo, el campo consta de códigos de ubicación exclusivos.

    locationDetail.cfm?recordID=#rsLocations.CODE#
    locationDetail.cfm?recordID=#rsLocations.CODE#
    locationDetail.cfm?recordID=#rsLocations.CODE#

    Al ejecutar la página, los valores del campo CODE del juego de registros se insertan en las filas correspondientes de la tabla dinámica. Por ejemplo, si en Canberra, Australia, la sucursal de alquiler tiene el código CBR, se utilizará el siguiente URL en la fila de Canberra en la tabla dinámica:

    locationDetail.cfm?recordID=CBR
    locationDetail.cfm?recordID=CBR
    locationDetail.cfm?recordID=CBR
  6. (PHP) En el campo Vínculo del inspector de propiedades, añada la siguiente cadena al final del URL:
    ?recordID=<?php echo $row_recordsetName['fieldName']; ?>
    ?recordID=<?php echo $row_recordsetName['fieldName']; ?>
    ?recordID=<?php echo $row_recordsetName['fieldName']; ?>

    El signo de interrogación indica al servidor que lo que va a continuación es uno o más parámetros de URL. La palabra recordID es el nombre del parámetro de URL (puede utilizar el nombre que desee). Anote el nombre del parámetro de URL porque lo utilizará más adelante en la página detalle.

    La expresión que se indica a continuación del signo igual es el valor del parámetro. En este caso, el valor lo genera una expresión PHP que devuelve un ID de registro del juego de registros. Para cada fila de la tabla dinámica se genera un ID distinto. En la expresión PHP, sustituya recordsetName por el nombre del juego de registros y sustituya fieldName por el nombre del campo del juego de registros que identifica de forma exclusiva cada registro. En la mayoría de los casos, el campo estará formado por un número de ID de registro. En el siguiente ejemplo, el campo consta de códigos de ubicación exclusivos.

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

    Al ejecutar la página, los valores del campo CODE del juego de registros se insertan en las filas correspondientes de la tabla dinámica. Por ejemplo, si en Canberra, Australia, la sucursal de alquiler tiene el código CBR, se utilizará el siguiente URL en la fila de Canberra en la tabla dinámica:

    locationDetail.php?recordID=CBR
    locationDetail.php?recordID=CBR
    locationDetail.php?recordID=CBR
  7. Guarde la página.

Apertura de la página detalle y transferencia de un ID de registro (ASP)

  1. Seleccione el contenido dinámico que servirá de vínculo.
  2. En el panel Comportamientos del servidor (Ventana > Comportamientos del servidor), haga clic en el botón de signo más (+) y seleccione Ir a página Detalle en el menú emergente.
  3. En el cuadro Página Detalle, haga clic en Examinar y localice la página.
  4. Especifique el valor que desea pasar a la página detalle seleccionando un juego de registros y una columna de los menús emergentes Juego de registros y Columna. Normalmente, el valor es exclusivo del registro, como, por ejemplo, el ID de clave exclusiva del registro.
  5. Si lo desea, transfiera parámetros de una página existente a la página detalle seleccionando las opciones Parámetros de URL o Parámetros de formulario.
  6. Haga clic en Aceptar.

    Un vínculo especial rodea el texto seleccionado. Cuando el usuario hace clic en el vínculo, el comportamiento de servidor Ir a página Detalle transfiere un parámetro de URL que contiene el ID del registro a la página detalle. Por ejemplo, si el parámetro de URL se denomina id y la página detalle se denomina customerdetail.asp, el URL presentará esta apariencia cuando el usuario haga clic en el vínculo:

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

    La primera parte del URL, http://www.mysite.com/customerdetail.asp, abre la página detalle. 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.

Búsqueda y visualización del registro solicitado en la página detalle

Para mostrar el registro solicitado por la página maestra, debe definir un juego de registros que contenga un único registro y vincular las columnas del juego de registros a la página detalle.

  1. Cambie a la página detalle. Si aún no dispone de una página detalle, cree una página en blanco (Archivo > Nuevo).
  2. En el panel Vinculaciones (Ventana > Vinculaciones), haga clic en el botón de signo más (+) y seleccione Juego 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.

  3. Asigne un nombre al juego de registros y elija una fuente de datos y la tabla de base de datos que proporcionará datos al juego de registros.
  4. En el área Columnas, seleccione las columnas de la tabla que deben incluirse en el juego de registros.

    El juego de registros puede ser igual o distinto del juego de registros de la página maestra. Generalmente, el juego de registros de una página detalle incluye más columnas para mostrar más información.

    Si los juegos de registros son distintos, asegúrese de que la página detalle contiene como mínimo una columna en común con el juego de registros de la página maestra. La columna común suele ser la columna de ID del registro, aunque también puede ser el campo de unión de las tablas relacionadas.

    Para incluir algunas de las columnas de la tabla en el juego de registros, haga clic en Seleccionado y elija las columnas deseadas presionando Control (Windows) o Comando (Macintosh) mientras hace clic en ellas en la lista.

  5. Complete la sección Filtro para localizar y mostrar el registro especificado en el parámetro de URL proporcionado por la página maestra:
    • En el primer menú emergente del área Filtro, seleccione la columna del juego de registros que contiene valores que coinciden con el valor del parámetro de URL que ha facilitado la página maestra. Por ejemplo, si el parámetro de URL contiene un número de ID de registro, seleccione la columna que contiene números de ID de registros. En el ejemplo tratado en la sección anterior, la columna de juego de registros denominada CODE contiene los valores que coinciden con el valor del parámetro de URL que ha facilitado la página maestra.

    • En el menú emergente situado junto al primer menú, seleccione el signo igual (ya debe estar seleccionado).

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

    • En el cuarto cuadro, introduzca el nombre del parámetro de URL que ha facilitado la página maestra.

  6. Haga clic en Aceptar. El juego de registros aparecerá en el panel Vinculaciones.
  7. Vincule las columnas del juego de registros a la página detalle seleccionando las columnas del panel Vinculaciones (Ventana > Vinculaciones) y arrastrándolas hasta la página.

    Después de cargar las páginas maestra y detalle en el servidor puede abrir la página maestra en un navegador. Después de hacer clic en un vínculo de detalle en la página maestra, se abre la página detalle con más información sobre el registro seleccionado.

Búsqueda de un registro específico y visualización en una página (ASP)

Puede añadir un comportamiento de servidor que encuentre un registro específico en un juego de registros de manera que pueda mostrar los datos del registro en la página. El comportamiento de servidor sólo está disponible al utilizar el modelo de servidor ASP.

  1. Cree una página con los siguientes requisitos previos:
  2. Añada el comportamiento de servidor para encontrar el registro especificado por el parámetro URL haciendo clic en el botón de signo más (+) del panel Comportamientos del servidor (Ventana > Comportamientos del servidor) y seleccionando Paginación de juego de registros > Mover a un registro concreto.
  3. En el menú emergente Mover a registro en, seleccione el juego de registros definido en la página.
  4. En el menú emergente Donde la columna, seleccione la columna que contiene el valor transferido por la otra página.

    Por ejemplo, si la otra página transfiere un número de ID de registro, elija la columna que contiene números de ID de registros.

  5. En el cuadro Coincide con parámetro de URL, introduzca el nombre del parámetro de URL que la otra página ha transferido.

    Por ejemplo, si el URL utilizado por la otra página para abrir la página detalle es id=43, introduzca id en el cuadro Coincide con parámetro de URL.

  6. Haga clic en Aceptar.

    La próxima vez que un navegador solicite la página, el comportamiento de servidor leerá el ID del registro en el parámetro de URL transferido por la otra página y se desplazará al registro especificado en el juego de registros.

Creación de páginas maestra y detalle en una operación

Al desarrollar aplicaciones Web, puede crear rápidamente páginas maestra-detalle utilizando el objeto de datos Juego de páginas Maestro-Detalle.

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

  2. Defina un juego de registros para la página.

    Asegúrese de que el juego de registros contiene, no sólo todas las columnas necesarias para la página maestra, sino también todas las columnas necesarias para la página detalle. Normalmente, el juego de registros de la página maestra extrae unas pocas columnas de una tabla de una base de datos, mientras que un juego de registros de la página detalle extrae más columnas de la misma tabla para proporcionar información adicional.

  3. Abra la página maestra en la vista de Diseño y elija Insertar > Objetos de datos > Juego de páginas Maestro-Detalle.
  4. En el menú emergente Juego de registros, asegúrese de que está elegido el juego de registros que contiene los registros que desea visualizar en la página maestra.
  5. En el área Campos de página Maestro, seleccione las columnas del juego de registros que deben visualizarse en la página maestra.

    De forma predeterminada, se seleccionan todas las columnas del juego de registros. Si el juego de registros contiene una columna de clave exclusiva como, por ejemplo, recordID, selecciónela y haga clic en el botón de signo menos (-) para que no aparezca en la página.

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

    En la página maestra, las columnas del juego de registros están dispuestas horizontalmente en una tabla. Al hacer clic en la flecha arriba, se desplaza la columna hacia la izquierda; al hacer clic en la flecha abajo, se desplaza la columna hacia la derecha.

  7. En el menú emergente Vincular con detalle desde, elija la columna del juego de registros que mostrará un valor que también servirá como vínculo con la página detalle.

    Por ejemplo, si desea que cada nombre de producto de la página maestra tenga un vínculo con la página detalle, elija la columna del juego de registros que contiene los nombres de los productos.

  8. En el menú emergente Pasar clave exclusiva, elija la columna del juego de registros que contiene valores que identifican a los registros.

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

  9. Desactive la opción Numérico si la columna de clave exclusiva no es numérica.
    Nota:

    Esta opción aparece activada de manera predeterminada y no aparece para todos los modelos de servidor.

  10. Especifique el número de registros que deben mostrarse en la página maestra.
  11. En el cuadro Nombre de página detalle, haga clic en Examinar y localice el archivo de página detalle que ha creado o introduzca un nombre para que el objeto de datos la cree automáticamente.
  12. En el área Campos de página Detalle, seleccione las columnas que deben visualizarse en la página detalle.

    De forma predeterminada, se seleccionan todas las columnas del juego de registros de la página maestra. Si el juego de registros contiene una columna de clave exclusiva, como por ejemplo recordID, selecciónela y haga clic en el botón de signo menos (-) para que no aparezca en la página detalle.

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

    En la página detalle, las columnas del juego de registros están dispuestas verticalmente en una tabla. Al hacer clic en la flecha arriba, se desplaza la columna hacia arriba; al hacer clic en la flecha abajo, se desplaza la columna hacia abajo.

  14. Haga clic en Aceptar.

    El objeto de datos crea una página detalle (si no la ha creado usted antes) y añade contenido dinámico y comportamientos de servidor tanto a la página maestra como a la página detalle.

  15. Personalice el diseño de las páginas maestra y detalle de acuerdo con sus necesidades.

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

    Después de crear páginas maestra y detalle con el objeto de datos, utilice el panel Comportamientos del servidor (Ventana > Comportamientos del servidor) para modificar los diferentes elementos que el objeto de datos inserta en las páginas.

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?