107 LISTADO DE VENTAS GUARDADAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack

Duración: 16 min
Módulo: 🧾 Cierre de Venta y Control de Inventario Lección 4 de 14

¡Contenido Exclusivo!

Adquiere este curso para tener acceso inmediato a esta y a **todas las lecciones Premium**.

Inscribirse Ahora por $10.00 Acceso instantáneo de por vida y código fuente incluido.

Descripción

Lección 107: Listado de Ventas Guardadas (FullStack) 📋

Este video se enfocó en crear la vista de listado de ventas realizadas y en preparar los modales necesarios para visualizar la información detallada de cada venta, como los productos y el cliente.

1. Creación de la Vista de Listado de Ventas 💻

Se tomó como base la vista Index del módulo de compras y se adaptó para el módulo de ventas:

  • Título: Se cambió a "Ventas Registradas" [02:32].
  • Encabezados de la Tabla: Se definieron las columnas clave para el listado [03:09]:
    • Nro (Contador)
    • Número de Venta (Traído del campo numero_venta de la tabla tb_ventas) [05:27].
    • Productos (Botón para ver detalle).
    • Cliente (Botón para ver detalle).
    • Total Pagado (Monto de la venta, extraído del campo total_pagado, con formato Bs de Bolivianos) [07:34].
    • Acciones (Botones para Ver y Borrar la venta) [08:44].

2. Implementación de Botones y Modales 🖱️

Se implementaron botones para acceder a la información detallada de cada venta mediante modales de Bootstrap:

  • Botón "Productos": Se creó un botón que, al hacer clic, debe abrir un modal para mostrar los productos incluidos en esa venta [06:03].
  • Botón "Cliente": De manera similar, se creó un botón que abrirá un modal para mostrar los datos del cliente que realizó la compra [06:49].
  • Identificadores Únicos para Modales: Dado que la tabla se genera dentro de un foreach, se concatenó el ID de la venta ($ID_venta) al ID del modal (modal_productos), asegurando que cada fila abra su propio modal único [12:15].
  • Modal de Productos:
    • Se configuró el tamaño del modal a modal-lg (grande) para una mejor visualización de la tabla [13:20].
    • Se incluyó el título "Productos de la venta número [X]" [13:43].
    • Se copió la estructura de la tabla de productos del archivo create.php para adaptarla y mostrar los detalles de la venta [14:19].

3. Preparación de la Consulta Detallada 🔍

El video comienza la fase de adaptación de la tabla de productos para que muestre la información de la venta seleccionada:

  • Filtro por Número de Venta: La consulta que trae los productos (anteriormente el carrito de compras) debe ser modificada para filtrar por el numero_de_venta de la fila actual. Esto garantiza que solo se muestren los artículos de la venta cuyo botón fue presionado [15:52].

Próximo Paso ➡️

El siguiente paso será finalizar la lógica de la consulta SQL que filtra los productos por número de venta e implementarla en la tabla dentro del modal, permitiendo la visualización correcta de los detalles de la venta.