Página inicial

Ejercicio paso a paso. Unidad 21. Listado de elementos


Objetivo.

 

Practicar las operaciones necesarias para crear las páginas de listados de elementos.

1 Si WAMP no se está ejecutando, lánzalo para realizar este ejercicio.

2 Si los servicios de MySQL o Apache no se están ejecutando, lánzalos para poder tener acceso a las bases de datos y a la ejecución de archivos PHP.

3 Ejecuta Dreamweaver y abre el sitio blog, vamos a trabajar sobre él. Vamos a crear la página que muestre un listado de comentarios.

4 Abre un nuevo archivo dinámico basado en la plantilla blog.dwt.php (Archivo → Nuevo, pestaña Plantillas).

5 Guárdalo como listado_comentarios.php.

6 En la única región editable deberás escribir un párrafo de clase titulo que diga Selecciona una entrada.

 

Crearemos un recordset para cargar los titulos y fechas de las entradas.

7 Haz clic en el botón Recordset para crear un nuevo juego de registros.

8 En el cuadro de diálogo que se abrirá rellena los datos de la siguiente forma: en Nombre escribe listado_entradas.

9 En Conexión selecciona blog_aulaclic.

10 En Tabla selecciona entradas.

11 En Ordenar selecciona Fecha y en el desplegable de al lado Descendente.

12 Haz clic en el botón Aceptar para crear el juego de registros.

 

13 Debajo del párrafo que hemos añadido deberás insertar una tabla con 10 píxeles de relleno de celda. En esta tabla listaremos las entradas.

La tabla deberá tener 2 filas y 2 columnas.

Seleciona la primera fila y aplícale el estilo borde_inferior.

 

14 Escribe en la primera celda de la primera fila Título en negrita.

15 Escribe en la segunda celda de la primera fila Fecha en negrita.

 

16 En la primera celda de la segunda fila arrastra el elemento Titulo desde el panel Vinculaciones.

17 Asígnale un enlace a listado_comentarios.php?id=

18 Modifica el vínculo arrastrando el elemento Id desde el panel Vinculaciones para que se muestre de este modo:

listado_comentarios.php?id=<?php echo $row_listado_entradas['Id']; ?>

 

19 En la segunda celda de la segunda fila inserta el elemento Fecha arrastrándolo desde el panel Vinculaciones. Ponlo en cursiva.

 

20 Selecciona la segunda fila de la tabla y haz que se repita para que muestre 6 registros.

Utiliza la opción Repetir Región.

21 Luego coloca el cursor al final del contenido editable e introduce una barra de navegación de registros barra navegación.

 

Ahora añadiremos el listado de comentarios.

22 Escribe el siguiente párrafo de clase titulo Selecciona un comentario a modificar o eliminar.

 

Crearemos un recordset para cargar el autor, correo y fecha del comentario.

23 Haz clic en el botón Recordset para crear un nuevo juego de registros.

24 En el cuadro de diálogo que se abrirá rellena los datos de la siguiente forma: en Nombre escribe listado_comentarios.

25 En Conexión selecciona blog_aulaclic.

26 En Tabla selecciona Comentarios.

27 En Ordenar selecciona Fecha y en el desplegable de al lado Descendente.

28 Modifica los desplegables de Filtro para que pueda leerse: Id_Entrada = Parámetro URL id.

29 Haz clic en el botón Aceptar para crear el juego de registros.

 

30 Debajo del párrafo que has añadido inserta una tabla con 10 píxeles de relleno de celda.

La tabla deberá tener 2 filas y 5 columnas.

Selecciona la primera fila y aplicale el estilo borde_inferior.

 

31 En la primera celda de la primera fila escribe Autor en negrita.

32 En la segunda celda de la primera fila escribe Correo en negrita.

33 En la tercera celda de la primera fila escribe Fecha en negrita.

 

34 Arrastra el elemento Autor a la primera celda de la segunda fila.

35 Arrastra el elemento Correo_Autor a la segunda celda de la segunda fila y ponlo en cursiva.

36 Arrastra el elemento Fecha a la tercera celda de la segunda fila y ponlo en cursiva.

 

37 En la cuarta celda de la segunda fila inserta la imagen imagenes/edit.png y enlázala a modifica_comentario.php?id=

Arrastra el elemento Id para que el enlace quede de este modo:

modifica_comentario.php?id=<?php echo $row_listado_comentarios['Id']; ?>

 

38 En la quinta celda de la segunda fila inserta la imagen imagenes/edit.png y enlázala a elimina_comentario.php?id=

Arrastra el elemento Id para que el enlace quede de este modo:

elimina_comentario.php?id=<?php echo $row_listado_comentarios['Id']; ?>

 

39 Selecciona la segunda fila de la tabla y haz que se repita para que muestre todos los registros del recordset.

Utiliza la opción Repetir Región.

 

40 Para terminar, selecciona el primer párrafo y la primera tabla y haz que se muestren si no hay registros en el recordset de listado_comentarios. Utiliza la opción Mostrar si el juego de registros está vacío.

Si es la primera vez y al listado_comentarios no le hemos pasado un Id de entrada, o si la entrada no tiene comentarios lo que hay que hacer es visulaizar el listado de entradas (la primera tabla).

Si por el contrario la entrada seleccionada tiene comentarios tenemos que visualizar la segunda tabla (la que contiene el lista de comentarios):

41 Selecciona el segundo párrafo y la segunda tabla y haz que se muestren si hay registros en el recordset de listado_comentarios. Utiliza la opción Mostrar si el juego de registros no está vacío.

 

Hemos creado un listado de entradas que al hacer clic sobre una de ellas envía su ID a la misma página que genera un listado de los comentarios correspondientes a esa entrada.

 

42 Cierra el documento guardando los cambios.

 




  Índice del curso  
© aulaClic. Todos los derechos reservados. Free Computer tutorials. Prohibida la reproducción por cualquier medio.
Agosto - 2006.