Ejercicio paso a paso. Unidad 21. Interfaz Pública


Objetivo.

 

Practicar las operaciones necesarias para crear las páginas de la interfaz pública de un blog.

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.

 

bolita naranja Empezaremos por definir una conexión a la base de datos.

1 Ejecuta Dreamweaver y abre el sitio blog, vamos a trabajar sobre él.

2 Abre el panel Bases de Datos con la combinación de teclas CTRL + MAYUS + F10 o desde el menú Ventana → Bases de datos.

3 Haz clic en el botón más y selecciona Conexión MySQL para crear una nueva conexión.

4 En Nombre de conexión escribe blog_aulaclic.

5 En Servidor MySQL escribe localhost.

6 En Nombre de usuario escribe escritor.

7 En Contraseña escribe aulaclic.

8 En Base de datos selecciona bd_blog.

9 Pulsa Aceptar para crear la conexión.

 

bolita naranja Ahora vamos a modificar el menú de salto que introdujimos en temas anteriores en la plantilla para que se visualicen en él las categorías.

Primero deberemos definir un juego de registros para obtener las categorías.

1 Abre la plantilla blog.dwt.php, vamos a editarla.

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

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

4 En Conexión selecciona blog_aulaclic.

5 En Tabla selecciona categorias.

6 En Ordenar selecciona Nombre y en el desplegable de al lado Ascendente.

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

Y luego modificar el menú de salto.

8 Abre el panel Vinculaciones (CTRL + F10).

9 Arrastrando los elementos desde el panel a la vista de Código, modifica el formulario para que quede de este modo:

<form name="form1" id="form1">

<select name="menu1">

<option value="categorias.php?id=<?php echo $row_categorias_para_menu['Id']; ?>">

<?php echo $row_categorias_para_menu['Nombre']; ?>

</option>

</select>

<input type="button" name="Button1" value="Ir" onclick="MM_jumpMenuGo('menu1','parent',0)" />

</form>

10 Luego selecciona el elemento option y haz que se repita para todos los registros de la tabla haciendo clic en la opción Repetir Región de la barra Datos.

11 Cierra la plantilla guardando los cambios.

 

bolita naranja Crearemos ahora la página index.

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

2 Guárdalo como index.php.

3 Haz clic en el botón Recordset 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 categoria 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.

 

20 Cierra el documento guardando los cambios.

 

bolita naranja Ahora crearemos la página para las entradas por categoría.

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

2 Guárdalo como categorias.php.

3 Haz clic en el botón Recordset 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_por_categoria.

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, COUNT(comentarios.Id) AS Cuenta_Comentarios, categorias.Nombre AS Nombre_Categoria

FROM (entradas LEFT JOIN comentarios ON entradas.Id=comentarios.Id_Entrada) INNER JOIN categorias ON entradas.Id_Categoria=categorias.Id

WHERE Id_Categoria = colname

GROUP BY entradas.id, entradas.Titulo, entradas.Texto, entradas.Fecha, categorias.Nombre

ORDER BY Fecha DESC

8 Pulsa el botón más en el siguiente cuadro para añadir un parámetro.

9 En el cuadro de diálogo escribe los siguientes valores:

Nombre: colname

Valor predeterminado: -1

Valor en tiempo de ejecución: $_GET['id']

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

 

11 En la única región editable deberás escribir un párrafo de tipo datos que diga Categoría:

12 A continuación incluye el elemento Nombre_Categoria arrastrándolo desde el panel Vinculaciones y ponlo en negrita.

 

13 Seguidamente escribe un párrafo de clase titulo que contenga el elemento Titulo que habrás arrastrado desde el panel Vinculaciones.

14 A continuación arrastra el elemento Texto, este no deberá estar dentro de un párrafo.

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

16 Finalmente inserta un último párrafo de clase datos que diga Comentarios.

17 A continuación, en el mismo párrafo, arrastra el elemento Cuenta_comentarios.

18 Crea un enlace en el elemento Cuenta_comentarios que vaya a comentarios.php?id=.

19 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_por_categoria['Id']; ?>

 

20 Selecciona este último bloque y haz que se repita para que muestre 6 registros. Utiliza la opción Repetir región.

21 Coloca el cursor al final del todo e incluye un navegador de registros utilizando la opción Barra de Navegación de juego de registros Barra de navegacion.

Selecciona la opción Imágenes para que se muestre el navegador con flechas.

22 Guarda los cambios.

 

bolita naranja Para terminar crearemos la página para los comentarios.

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

2 Guárdalo como comentarios.php.

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

4 En el cuadro de diálogo que se abrirá haz clic en Simple...

5 En Nombre escribe listado_comentarios.

6 En Conexión selecciona blog_aulaclic.

7 En Tabla selecciona comentarios.

8 Cambia la opción Filtro para que pueda leerse ID_Entrada = Parámetro URL id.

9 Cambia la opción Ordenar para que pueda leerse Fecha Descendiente.

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

 

11 En la única región editable escribe un párrafo que contenga el elemento Autor que habrás arrastrado desde el panel Vinculaciones y lo pondrás en negrita.

12 Luego añade el elemento Comentario del mismo modo.

13 A continuación incluye un nuevo párrafo de clase datos que contenga el elemento Fecha.

14 Para terminar inserta una regla horizontal (Insertar → HTML → Regla horizontal).

 

15 Selecciona el bloque que acabamos de añadir y haz que se repita para que muestre todos los registros de la tabla. Utiliza la opción Repetir región.

16 Selecciona de nuevo el bloque que te ha quedado y haz que sólo se muestre si hay algún registro en el recordset. Utiliza la opción Mostrar si el juego de registros no está vacío.

 

17 Seguidamente escribe un párrafo que diga Introduce aquí tu comentario:

18 Ahora introduce un formulario de inserción de registros. Haz clic en el botón Asistente de formulario de inserción de registros asistente.

19 Deberás excluir el campo Id pues se genererá automáticamente. Selecciónalo de la lista de campos y pulsa el botón boton menos

20 El campo Comentario se debe mostrar como un área de texto.

21 El campo Fecha será oculto y con un Valor predeterminado de <?php echo date(ymd); ?>. Esto generará la fecha actual.

22 El campo Id_Entrada también será oculto y tomará el Valor predeterminado de <?php echo $_GET['id']; ?>. El párametro con el ID de la entrada.

23 Pulsa Aceptar y habremos terminado.

 

24 Cierra el documento guardando los cambios.

 




  Índice del curso  
Septiembre - 2007.


Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.