Aprende a crear una página maestra en Dreamweaver y crear vínculos a una página de detalle.
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.
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.
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.
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.
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.
Creación de vínculos con la página detalle
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.
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, 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.
?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
?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
Abrir la página de detalles y pasar un ID de registro (ASP)
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.
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.
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.
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.
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.
Un ID de registro contenido en un parámetro de URL pasado por otra página a la página actual.Puedes crear parámetros de URL en la otra página con hipervínculos HTML o con un formulario HTML.Para obtener más información, consulta Uso de formularios para recopilar información de usuarios.
Un juego de registros definido para la página actual. El comportamiento del servidor extrae los detalles del registro de este conjunto de registros. Para obtener instrucciones, consulta Definir un conjunto de registros sin escribir SQL o Definir un conjunto de registros avanzado escribiendo SQL.
Columnas de juego de registro vinculadas a la página. El registro específico debe mostrarse en la página. Para obtener más información, consulta Hacer texto dinámico.
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.
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.
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.
Esta página será la página maestra.
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.
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.
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.
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.
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.
Esta opción está seleccionada de forma predeterminada; no aparece para todos los modelos de servidor.
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.
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.
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.
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.
Temas similares
- Acerca de las páginas de búsqueda y resultados
- Definición de un juego de registros sin escribir SQL
- Definición de un juego de registros avanzado escribiendo SQL
- Creación de una tabla dinámica
- Creación de una página de actualización de registros
- Configuración de un servidor de prueba
- Edición del contenido dinámico
- Definición de fuentes de contenido dinámico
Crear sitios web atractivos en Dreamweaver
Diseña, codifica y gestiona sitios web dinámicos en una potente herramienta todo en uno.