69 MOSTRAR EL DETALLE DE LA COMPRA DEL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 1

Duración: 13 min
Módulo: 🔄 Mantenimiento y Actualización de Compras Lección 4 de 15

Descripción

Lección 69: Mostrar el Detalle de la Compra (show.php) (Parte 1) 🔍📄

Este video inicia el desarrollo de la acción "Ver" (show.php) en el módulo de Compras, cuyo objetivo es mostrar los detalles completos de una compra específica como un historial, utilizando una vista con estilo de información (color azul/info).

1. Creación de la Vista y Estructura 🖼️

  1. Copia de Código: Se copia el código completo de la vista de creación de compras (create.php) en el nuevo archivo show.php [01:55].
  2. Ajuste de Estilo: El color principal de la plantilla se cambia de primary (azul de creación) a info (azul más claro/grisáceo de visualización) para diferenciar visualmente las acciones [03:03].
  3. Remoción de Elementos: Se eliminan todos los elementos interactivos y de funcionalidad, como scripts de AJAX y modales, ya que la vista solo tiene fines de lectura y visualización [02:18].

2. Creación del Controlador de Búsqueda 🔎

Para cargar los datos de una compra específica, se crea un nuevo controlador:

  • Nuevo Controlador: Se crea el archivo cargar_compra.php dentro de app/controller [05:03].
  • Recepción del ID: Este controlador debe recibir el ID de la compra a través del método GET desde la URL [05:39].
  • Consulta SQL con WHERE: Se utiliza la consulta SQL ya existente para listar compras, pero se le añade la cláusula WHERE para filtrar y seleccionar solo la compra cuyo ID_compra coincida con el ID recibido:

    SQL

    ... WHERE co.ID_compra = [ID_recibido_por_GET]

    Esto asegura que solo se traiga una única fila de información para ser visualizada [06:14].

3. Carga de Datos en la Vista 📥

En la vista show.php, se modifican los inputs de texto para que muestren los datos traídos por el controlador:

  1. Bucle de Lectura: Se establece un ciclo foreach para recorrer los datos traídos por el controlador ($compra_datos), aunque se espera solo un resultado [07:08].
  2. Títulos Dinámicos: El título de la vista se actualiza para mostrar el número de la compra específica (ej: "Compra Número 7") [07:59].
  3. Llenado de Campos: Se cargan los valores del resultado de la consulta SQL directamente en el atributo value de los inputs, y se utiliza el atributo disabled para evitar que el usuario los modifique:
Dato VisualizadoOrigen del Campo
Código de la Compracodigo [10:31]
Categoríanombre_categoria [11:18]
Nombre del Productonombre_producto [12:15]

Se deshabilitan los campos para asegurar que la vista sea únicamente de lectura.