Unidad 22. Interfaz Pública (II)

Crearemos ahora la página index.

1. Abre un nuevo archivo dinámico basado en la plantilla blog.dwt.php (Archivo → Nuevo, Página de plantillas).
2. Guárdalo como index.php, dándole el título Bienvenidos al Blog aulaClic.
3. Haz clic en el botón para crear un nuevo juego de registros.
4. En el cuadro de diálogo que se abrirá haz clic en Avanzado...
5. En Nombre escribe listado_entradas.
6. En Conexión selecciona blog_aulaclic.
7. En SQL deberás pegar la siguiente sentencia SQL:

   SELECT entradas.Id, entradas.Titulo, entradas.Texto, entradas.Fecha, 
          categorias.Nombre as Nombre_Categoria, categorias.Id AS Id_Categoria, 
          COUNT(comentarios.Id) AS Cuenta_comentarios
   FROM (entradas LEFT JOIN comentarios ON entradas.Id=comentarios.Id_Entrada) 
        INNER JOIN  categorias ON entradas.Id_Categoria=categorias.Id
   GROUP BY entradas.Id, entradas.Titulo, entradas.Texto, entradas.Fecha, 
            categorias.Nombre, categorias.Id 
   ORDER BY entradas.Fecha DESC

   Con esta sentencia obtenemos un juego de registros con las entradas con el nombre de la categoría correspondiente y el número de comentarios que tiene la entrada. Las entradas aparecerán ordenadas por fecha de la más antigua a la más reciente.
8. Haz clic en el botón Aceptar para crear el juego de registros.
    
9. En la única región editable deberás escribir un párrafo de clase titulo que muestre el elemento Titulo que habrás arrastrado del panel Vinculaciones.
10. A continuación arrastra el elemento Texto, este no deberá estar dentro de un párrafo.
11. En un nuevo párrafo de clase datos escribe aulaClic - y a continuación añade el elemento Fecha arrastrándolo desde el panel Vinculaciones.
12. Crea un párrafo de clase datos y en él escribe Categoría:, a continuación arrastra el elemento Nombre_Categoria.
13. Sobre este elemento crea un vínculo que vaya a categorias.php?id=
14. Añade el elemento Id_Categoria arrastrándolo desde el panel Vinculaciones para que te quede el enlace de este modo:
    categorias.php?id=<?php echo $row_listado_entradas['Id_Categoria']; ?>
15. Finalmente inserta un último párrafo de clase datos que diga Comentarios.
16. A continuación, en el mismo párrafo, arrastra el elemento Cuenta_comentarios.
17. Crea un enlace en el elemento Cuenta_comentarios que vaya a comentarios.php?id=.
18. Añade el elemento Id arrastrándolo desde el panel Vinculaciones para que te quede el enlace de este modo.
    comentarios.php?id=<?php echo $row_listado_entradas['Id']; ?>
     
19. Selecciona el texto que acabas de insertar y haz que se repita para que muestre 6 registros. Utiliza la opción Repetir Región. Asegúrate de elegir el juego de registros listado_entradas.
20. Cierra el documento guardando los cambios y pruébalo.
21. Observa la página en el navegador. Comprueba si los caracteres especiales (letras acentuadas) se muestran correctamente. Si no, sigue los siguientes pasos:
22. Abre la plantilla blog.dwt.php.
23. Ve a las propiedades de la página: menú Modificar → Propiedades de la página....
24. En la sección Título/Codificación, abre el desplegable Codificación y selecciona Europeo occidental.
25. Acepta para salir del diálogo, Guarda la plantilla, actualiza las páginas y guárdalas.
26. Vuelve a probar la página.

Continúa en la página siguiente...