45 ACTUALIZAR PROVEEDORES del Sistema de Ventas con (PHP y MySql) FullStack PARTE 1
Duraci贸n: 14 minDescripci贸n
Lecci贸n 45: Actualizaci贸n de Proveedores (Fase 1: Carga de Datos y Unicidad de IDs) 鈿欙笍馃攧
Esta lecci贸n inicia la implementaci贸n de la funcionalidad Actualizar (Update) para el M贸dulo Proveedores. La parte crucial es lograr que el formulario de edici贸n cargue autom谩ticamente los datos del proveedor seleccionado.
鈿狅笍 Nota del Instructor
El instructor comienza explicando un breve retraso en la subida de contenido debido a problemas de derechos de autor en un curso anterior, lo que result贸 en faltas para el canal. Se invita a los estudiantes a suscribirse al canal de respaldo "Freddy Hilary Michua" en caso de que el canal principal sea cerrado [00:15].
1. 馃悶 Correcci贸n de la Vista CREATE
Antes de continuar, se corrige un error menor en el c贸digo de la Lecci贸n 43, donde se hab铆a borrado accidentalmente una etiqueta de cierre (</label>) en el formulario modal de creaci贸n, lo que causaba un peque帽o desajuste visual [01:44].
2. 馃摑 Preparaci贸n del Formulario UPDATE
El flujo para la edici贸n se establece en el archivo index.php del m贸dulo:
- Bot贸n y Modal: El bot贸n "Editar" en la tabla se configura para pasar el ID del proveedor a un modal espec铆fico (por ejemplo: modal-update-IDProveedor), permitiendo identificar la ventana de edici贸n 煤nica para cada registro [03:05].
- Formulario Base: Se reutiliza el dise帽o de dos columnas (col-md-6) implementado en el modal de creaci贸n (modal-create) y se copia en el cuerpo del modal de actualizaci贸n [04:07].
3. 馃幆 Carga de Datos Previa (Pre-filling)
Para que el usuario vea los datos existentes al abrir el modal, la informaci贸n del proveedor se inyecta directamente en los campos del formulario de edici贸n:
Inyecci贸n con PHP: Dentro del bucle foreach que recorre la lista de proveedores, el valor de cada columna de la base de datos se imprime en el atributo value del campo input correspondiente [04:49].
PHP
<input type="text" value="<?php echo $proveedor['nombre_proveedor']; ?>" ...>
- Campos Cargados: Todos los campos, incluyendo nombre_proveedor, celular, telefono, empresa, email, y el contenido de la direccion (dentro del textarea), son cargados con los datos del proveedor seleccionado [07:35].
4. 馃攽 Soluci贸n de Unicidad de IDs
Al cargar m煤ltiples modales de actualizaci贸n (uno por cada fila de la tabla), se genera una duplicaci贸n de IDs en los campos (nombre_proveedor, celular, etc.) de los formularios. Esto es un problema cr铆tico para JavaScript/jQuery.
- El Problema: El script de actualizaci贸n no podr铆a saber a qu茅 campo se refiere, ya que muchos elementos comparten el mismo ID [08:13].
La Soluci贸n: Se modifica el c贸digo para que el id de cada elemento de formulario sea 煤nico concatenando el nombre del campo con el ID del proveedor (id_proveedor) [08:48].
PHP
<input id="nombre_proveedor_<?php echo $proveedor['id_proveedor']; ?>" ...>
- Verificaci贸n con jQuery: Se comienza a implementar la l贸gica de JavaScript/jQuery para demostrar que, al utilizar el ID concatenado, la funci贸n .val() ahora puede recuperar el dato correcto y espec铆fico de cada campo editado, preparando el terreno para el env铆o de datos al controlador update.php en la pr贸xima lecci贸n [11:11].
Lecciones
Apoya este proyecto
Si te gusta nuestro contenido, 隆ap贸yanos con una donaci贸n!
Donar por Airtm Donar por Binance隆Gracias por tu apoyo! 鉂わ笍
