36 MOSTRAR datos del PRODUCTO desde el FORMULARIO del Sistema de Ventas con (PHP y MySql)FullStack

Duración: 21 min
Módulo: 📦 Gestión de Productos y Categorías Lección 11 de 15

Descripción

Lección 36: Visualización Detallada del Producto (Acción "Ver") 👀

Esta lección aborda la implementación de la acción "Ver" (Show), cuyo propósito es mostrar la información completa de un producto en una vista dedicada, permitiendo eliminar campos menos esenciales del listado principal.

1. 📋 Ajustes en el Listado Principal (index.php)

Para hacer la tabla de productos más legible y concisa, se retiran dos columnas:

  • Eliminación de Columnas: Se eliminan las columnas Stock Mínimo y Stock Máximo de la tabla principal. Esta información se consideró de soporte para alertas (que se implementarán luego) y no esencial para la vista diaria [02:15].
  • Adición de Acciones: Se añaden tres botones a la columna de acciones (tomando como referencia el módulo de usuarios) [01:07]:
    • Ver (🔍): Para visualizar el registro completo.
    • Editar (✏️): Para modificar el registro.
    • Eliminar (🗑️): Para borrar el registro.
  • Diseño Responsivo: Se aplica la clase de Bootstrap table-responsive y se usan botones pequeños (btn-sm) para garantizar que la tabla se ajuste correctamente a diferentes pantallas [03:11].

2. 🔎 Creación del Controlador y la Vista "Ver"

La funcionalidad de visualización requiere un nuevo controlador y una nueva vista, ambos centrados en un único producto:

A. Paso de Parámetros y Recuperación de ID

  • Paso del ID: El enlace "Ver" en la tabla se configura para pasar el ID del producto a través de la URL (método GET) a la nueva vista show.php [05:34].
  • Recepción en el Controlador: En el nuevo controlador almacen/cargar_producto.php, se recibe el ID del producto desde la URL ($_GET['id']) [09:15].

B. Consulta Específica (SELECT con WHERE)

  • Consulta Relacionada: Se reutiliza la consulta SQL compleja del listado (con Inner Joins a las tablas de categorias y usuarios) [10:06].
  • Cláusula WHERE: Se añade una cláusula WHERE id_producto = ID_RECIBIDO para filtrar los resultados y traer solo la información del producto solicitado [09:47].

C. Renderización en la Vista (show.php)

  • Reutilización del Formulario: La vista show.php se crea copiando y adaptando la estructura del formulario de creación (create.php) [06:21].
  • Campos Deshabilitados: Todos los campos de entrada (<input>, <select>, <textarea>) se marcan como deshabilitados (disabled) para asegurar que la vista sea solo de lectura [14:17].
  • Llenado de Datos: Se utilizan etiquetas PHP (<?= $variable ?>) para imprimir los valores recuperados de la base de datos dentro del atributo value de cada campo [14:41].
    • Categoría: Se muestra el nombre de la categoría, no solo el ID [13:55].
    • Usuario: Se muestra el email del usuario que lo registró [15:35].
  • Visualización de la Imagen: Se usa la etiqueta <img> para mostrar la imagen, concatenando la URL base del proyecto con la ruta de la carpeta (almacen/img/productos) y el nombre del archivo almacenado [19:27].