37 EDITAR datos de los PRODUCTO desde el FORMULARIO del Sistema de Ventas con (PHP y MySql)FullStack
Duración: 18 min
Módulo: 📦 Gestión de Productos y Categorías
Lección 12 de
15
Descripción
Lección 37: Edición de Datos de Productos (Vista EDITAR) ✏️
Esta lección se centra en la implementación de la acción "Editar" (Update) para el módulo de productos, utilizando el formulario de creación como base y adaptándolo para mostrar los datos existentes, permitiendo su modificación.
1. 🏗️ Configuración de la Vista de Edición
La funcionalidad de edición requiere una nueva vista que reutilice la lógica de visualización de datos:
- Creación de la Vista: Se crea el archivo update.php y se modifica el enlace de la acción "Editar" (<a href>) en la tabla principal para que apunte a esta vista, pasando el ID del producto a través de la URL [01:09].
- Reutilización de Código: La vista update.php se inicializa copiando el contenido de la vista de creación (create.php) [02:00].
- Reaprovechamiento del Controlador: Se llama al mismo controlador cargar_producto.php (que ya trae los datos específicos de un ID), eliminando la necesidad de crear un nuevo controlador para la búsqueda de datos [02:48].
2. 📝 Carga y Preselección de Datos
Se llenan todos los campos del formulario con la información actual del producto, haciéndolos editables:
- Código de Producto: Se reemplaza la función de generación automática del código por el valor del código existente en la base de datos, aunque el campo debe permanecer deshabilitado [05:13].
- Llenado General de Campos: Se imprimen los valores de la base de datos en el atributo value de cada campo (nombre, stock, precios, fecha_ingreso, etc.) [10:27]. Se introdujo la sintaxis simplificada de PHP <?= ... ?> para imprimir valores, haciéndola más limpia [13:08].
- Preselección de Categoría: Para el SELECT de Categorías, se utiliza una lógica condicional (similar a la usada para Roles de Usuario) dentro del bucle foreach que lista las opciones. Si el nombre de la categoría listada coincide con la categoría actual del producto, se añade el atributo selected a esa opción, garantizando que el combobox muestre la categoría correcta por defecto [08:44].
3. 🖼️ Manejo de la Imagen Existente
Se realizaron ajustes en la gestión de la imagen para asegurar una correcta previsualización y reemplazo:
- Imagen Previsualizada: La imagen actual del producto se inserta dentro del elemento <output> que gestiona la previsualización. Esto asegura que la imagen se cargue al abrir la vista [15:28].
- Reemplazo Funcional: Al estar la imagen existente dentro del contenedor <output>, el script de JavaScript que se usa para la previsualización es capaz de reemplazarla inmediatamente con una nueva imagen seleccionada por el usuario (desde el input file), mejorando la experiencia del usuario [16:30].
4. 🚀 Próximo Paso (Backend)
Con la vista lista para mostrar y permitir la edición de datos, el siguiente paso es crear el controlador que procesará el formulario y ejecutará la consulta UPDATE en la base de datos para persistir los cambios [17:39].
Lecciones
🚀 Preparación, Login y Sesiones Seguras
Lección 7. 06 Como DESTRUIR SESION DEL USUARIO en el Sistema de Ventas con(PHP y MySql)FullStack
8 min
Lección 9. 08 Adaptando nuestra PLANTILLA para el Sistema de Ventas con (PHP y MySql) FullStack
18 min
👤 CRUD de Usuarios y Roles (Seguridad Lógica)
Lección 2. 10 CRUD - READ lectura de USUARIOS del Sistema de Ventas con (PHP y MySql) FullStack
18 min
Lección 3. 11 Formulario de NUEVO USUARIO en el Sistema de Ventas con (PHP y MySql) FullStack
11 min
📦 Gestión de Productos y Categorías
Lección 1. 26 MÓDULO PRODUCTOS Y CATEGORÍAS en el Sistema de Ventas con (PHPyMySql) FullStack
18 min
Lección 3. 28 CRUD - CATEGORÍAS con MODALS en el Sistema de Ventas con (PHP y MySql) FullStack
20 min
Lección 14. 39 DELETE PRODUCTOS desde el FORMULARIO del Sistema de Ventas con (PHP y MySql)FullStack
12 min
🚚 Módulo de Proveedores y Configuración
Lección 5. 45 ACTUALIZAR PROVEEDORES del Sistema de Ventas con (PHP y MySql) FullStack PARTE 1
14 min
💰 Implementación y Registro del Módulo de Compras
Lección 3. 51 Cargar DATOS DE PRODUCTO en el MODAL del Sistema de Ventas con (PHP y MySql)FullStack
13 min
Lección 5. 53 CARGAR datos del PROVEEDOR en el MODAl en el SISTEMA DE VENTAS(PHP y MySql)FullStack
15 min
🔄 Mantenimiento y Actualización de Compras
Lección 4. 69 MOSTRAR EL DETALLE DE LA COMPRA DEL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 1
13 min
Lección 6. 71 ACTUALIZAR DATOS DE LA COMPRA DEL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 1
15 min
Lección 8. 73 CONTROLLER ACTUALIZAR COMPRA EN EL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 1
9 min
Lección 9. 74 CONTROLLER ACTUALIZAR COMPRA EN EL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 2
9 min
Lección 10. 75 CONTROLLER ACTUALIZAR COMPRA EN EL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 3
8 min
Lección 11. 76 CONTROLLER ACTUALIZAR COMPRA EN EL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 4
5 min
Lección 14. 79 CONTROLLER PARA ELIMINAR COMPRA EN EL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 3
14 min
Lección 15. 80 COMMIT PARA COMPARTIR EL CODIGO FUENTE DEL SISTEMA DE VENTAS (PHPyMySql) FullStack
9 min
💳 Preparación para Ventas y Clientes
Lección 2. 82 Modelo para el CARRITO de VENTAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack
9 min
Lección 5. 85 Formulario de VENTAS y CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack Parte 1
8 min
Lección 6. 86 Contador de VENTAS AUTOMÁTICO en el SISTEMA DE VENTAS (PHP y MySql) FullStack Parte 2
8 min
🛒 Lógica del Carrito y Clientes Dinámicos
Lección 8. 95 CALCULANDO LOS TOTALES del CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack
12 min
Lección 13. 100 CALCULAR el cambio del TOTAL A PAGAR en el SISTEMA DE VENTAS (PHP y MySql) FullStack
8 min
Lección 14. 101 PREPARANDO DATOS para guardar VENTAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack
9 min
Lección 15. 102 Agregar NUEVO CLIENTE en VENTAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack
9 min
🧾 Cierre de Venta y Control de Inventario
Lección 1. 104 GUARDAR VENTA en la tabla VENTAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack
12 min
Lección 2. 105 ACTUALIZANDO STOCK segun el CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack
18 min
Lección 3. 106 ACTUALIZANDO STOCK y GUARDAR VENTA en el SISTEMA DE VENTAS (PHP y MySql) FullStack
17 min
Lección 5. 108 DATOS COMPLETOS DE LA VENTA GUARDADA en el SISTEMA DE VENTAS (PHP y MySql) FullStack
19 min
Lección 6. 109 Acción MOSTRAR datos de la VENTA en el SISTEMA DE VENTAS (PHP y MySql) FullStack
8 min
Lección 7. 110 Acción MOSTRAR datos de la VENTA en el SISTEMA DE VENTAS (PHP y MySql) FullStack
10 min
Lección 8. 111 Acción DELETE datos de la VENTA en el SISTEMA DE VENTAS (PHP y MySql) FullStack
10 min
Lección 12. 115 Controller BORRAR venta y carrito en el SISTEMA DE VENTAS (PHP y MySql) FullStack
13 min
📄 Facturación Profesional (TCPDF) y Dashboard Final
Lección 1. 118 Diseñando el encabezado de la FACTURA en el SISTEMA DE VENTAS (PHP y MySql) FullStack
10 min
Lección 2. 119 Diseñando el encabezado de la FACTURA en el SISTEMA DE VENTAS (PHP y MySql) FullStack
10 min
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️
