Unidad 21. Utilizar sentencias SQL (II)

Finalmente crearemos una página de índice, le asignaremos una sentencia SQL especial para que muestre los libros más vendidos.

1. Abre un archivo dinámico nuevo basado en la plantilla libreria.dwt (Archivo → Nuevo, Página de plantilla).
2. Guárdalo como index.php.
3. Haz clic en el botón para crear un nuevo juego de registros.
4. En el cuadro de diálogo que se abrirá pulsa el botón Avanzado....
5. En Nombre escribe libros_mas_vendidos.
6. En Conexión selecciona conexion_libreria.
7. En el campo SQL escribe las siguientes líneas:

   SELECT Count(compras.Id) AS cuenta, libros.id, libros.titulo, libros.editorial, 
                                 libros.isbn, libros.precio, libros.autor, libros.usado
   FROM compras RIGHT JOIN libros ON compras.Id_libro=libros.id
   GROUP BY libros.id, libros.titulo, libros.editorial, libros.isbn, libros.precio, 
                                                             libros.autor, libros.usado
   ORDER BY cuenta DESC

8. Acepta el cuadro de diálogo.
9. En la zona donde puedes incluir contenido añade un párrafo que diga:
   eLibrería te ofrece las últimas novedades en lectura. Escoge entre nuestros libros nuevos o usados y descubre las ofertas que te harán ahorrar hasta un 13% en libros de ocasión.
10. La primera palabra debe ser de clase primera_palabra.
11. Añade un segundo párrafo:
    Por la compra de 3 libros te los enviamos a casa GRATIS, no pierdas esta oportunidad. Promoción de Lectura 10% de descuento en todos los libros usados.
12. Crea un párrafo en blanco.
13. Luego vuelve a crear un nuevo párrafo que diga Nuestros libros más vendidos son:, la primera palabra deberá ser de clase primera_palabra.
    
    Ahora crearemos la parte que mostrará la información de los libros:
14. Inserta un bloque DIV (Insertar → Objetos de diseño → Etiqueta DIV), dale el id listado desde el Inspector de Propiedades.
15. Sitúa el cursor dentro de este bloque y vuelve a crear otro. A este le daremos la clase item.
16. Dentro del bloque con clase item inserta la imagen imagenes/item1.gif.
17. A la imagen asígnale la clase img_item.
18. Modifica el archivo origen de la imagen para que se pueda leer:
    imagenes/item<?php echo $row_libros_mas_vendidos['usado']; ?>.gif
Para ello arrastra el campo Usado desde el panel Vinculaciones, usando la vista Código.
19. Crea una lista (ul) con la clase detallelibro, con cinco elementos.
20. Arrastra sobre el primer elemento desde el panel Vinculaciones el elemento Titulo y asígnale a ese elemento la clase titulo.
21. Arrastra el elemento Autor desde el panel Vinculaciones y sobre el segundo elemento, al que debes dar la clase autor.
22. Arrastra el elemento Editorial desde el panel Vinculaciones sobre el tercer elemento.
23. En el siguiente elemento, escribe ISBN: y arrastra el elemento ISBN desde el panel Vinculaciones.
24. Arrastra el elemento Precio desde el panel Vinculaciones y dale la clase precio al elemento. A continuación escribe € y añade la imagen imagenes/compra.gif.
25. La imagen que acabamos de añadir deberá tener la alineación vertical a Texto superior. Añádelo como un estilo en línea de la imagen.
26. Enlaza la imagen a comprar.php?id= desde el campo Vínculo del panel Propiedades.
27. Al enlace añádele al final el Id del libro arrastrándolo desde el panel Vinculaciones. Emplea la vista Código.
28. Inserta un bloque DIV (Insertar → Objetos de diseño → Etiqueta DIV), dale el id salto_linea desde el panel Propiedades.
29. Selecciona el bloque item y salto_linea y haz que se repita 3 veces, utiliza la opción Repetir Región en el panel Insertar Datos.
    Estamos repitiendo el bloque de la información del libro y añadiendo un bloque con un salto de línea para separarlo del siguiente.
30. Prueba la página activando la Vista en vivo y verás que el contenido de este listado muestra el detalle de los libros que más aparecen en la tabla de Compras.
31. Cierra el documento guardando los cambios.