Lección: 47 LECTURA de datos del PRODUCTO en el SISTEMA VETERINARIO(PHP y MySql) FullStack

47 LECTURA de datos del PRODUCTO en el SISTEMA VETERINARIO(PHP y MySql) FullStack

Duración: 12 min

Módulo: 📦 CRUD Completo de Productos y Relaciones de Tablas Lección 10 de 13

Descripción

🎬 Lección 47: Lectura de Datos del Producto (Acción Update) 📝

El objetivo de esta lección es configurar la vista de actualización para que muestre la información actual del producto antes de que el usuario la edite.

1. Preparación de la Vista de Actualización

Plantilla: Se copia la estructura de la vista de creación (create.php) en la nueva vista de actualización (update.php). [01:28]
Lógica Eliminada: Se elimina la lógica de autogeneración de código (función ceros) ya que el código del producto es un valor existente y fijo. [02:01]
Título y Botón: Se cambia el título a "Actualización del Producto" y el color del botón principal a verde (success) para indicar una acción de modificación. [03:24]
Controlador de Destino: El formulario se configura para enviar los datos al controlador update.php (que se creará en el siguiente paso para procesar los cambios). [04:07]

2. Recuperación y Precarga de Datos

Controlador de Lectura: Se reutiliza el controlador datos_del_producto.php (creado para la acción Show) para obtener todos los detalles del producto mediante su ID_producto (recibido por el método $_GET a través de la URL). [02:21]
Rellenado de Campos: Todos los campos del formulario (nombre_producto, descripcion, stock, precios, fecha_ingreso) se rellenan utilizando el atributo value con la información obtenida de la base de datos. [05:30]
Código Deshabilitado: El campo Código se mantiene con el atributo disabled para asegurar que no pueda ser editado, ya que es un identificador único. [10:15]

3. Manejo de la Imagen en la Edición

Visualización: La imagen actual del producto se muestra en la interfaz mediante una etiqueta <img> con el estilo aplicado para una mejor visualización. [08:44]
Previsualización Dinámica: Se configura el formulario para que, al seleccionar una nueva imagen en el input de tipo file, la previsualización se actualice inmediatamente en la misma etiqueta <img> sin necesidad de librerías adicionales. [11:10]

El siguiente paso será implementar el controlador que procesará los datos enviados por este formulario para ejecutar la consulta UPDATE en la base de datos.

Hilari Web