99 CARGAR DATOS del CLIENTE desde EL MODAL en el SISTEMA DE VENTAS (PHP y MySql) FullStack

Duración: 8 min
Módulo: 🛒 Lógica del Carrito y Clientes Dinámicos Lección 12 de 16
Anterior
98 Buscar datos del CLIENTE en el SISTEMA DE VENTAS (PHP y MySql) FullStack
Siguiente
100 CALCULAR el cambio del TOTAL A PAGAR en el SISTEMA DE VENTAS (PHP y MySql) FullStack

Descripción

Lección 99: Cargar Datos del Cliente desde el Modal (FullStack) 🚀

Este video es fundamental, ya que implementa la lógica JavaScript (jQuery) que permite transferir los datos de un cliente seleccionado en el modal directamente a los campos del formulario principal de ventas, completando así el módulo de selección de clientes.

1. Implementación de la Lógica JavaScript (jQuery) 💻

La funcionalidad se implementa directamente en la vista (create.php) utilizando un script de jQuery que se ejecuta dentro del bucle foreach del modal:

  1. Asignación de ID Único al Botón: Para que el script identifique de qué fila provienen los datos, se asigna un ID dinámico al botón "Seleccionar" (btn-info): #btn_pasar_cliente + ID_cliente [00:44].
  2. Captura de Variables en PHP: Dentro del bucle foreach de la tabla de clientes, se crean variables PHP que capturan los datos de la fila actual. Estos datos se inyectan como cadenas de texto dentro del script de jQuery [02:08]:
    • $nombre_cliente
    • $nit_ci_cliente
    • $celular_cliente
    • $email_cliente

  3. Función Clic (.click()): Al hacer clic en el botón, el script toma las variables PHP inyectadas y las asigna a los campos del formulario principal usando sus respectivos ID (.val()) [03:31]:

    JavaScript

    // Ejemplo de asignación de valor a los campos del formulario principal $("#ID_nombre_cliente").val("<?php echo $nombre_cliente; ?>"); $("#ID_nit_ci_cliente").val("<?php echo $nit_ci_cliente; ?>"); // ... y los demás campos

2. Cierre Automático del Modal 🚪

Para mejorar la experiencia del usuario, se añadió la función para cerrar el modal automáticamente después de que los datos hayan sido transferidos:

  • Se usa el selector de jQuery del modal (#modal_buscar_cliente) con el método .modal('hide') [05:35].

3. Resultado Final (Experiencia de Venta) ✅

La prueba final demuestra un flujo de trabajo rápido y eficiente para el vendedor [05:45]:

  1. Buscar Cliente (Abre el modal).
  2. Filtrar/Buscar (Usando la funcionalidad DataTables).
  3. Seleccionar (El modal se cierra, los datos se autocompletan en el formulario, y la venta puede continuar).

Ahora, el sistema tiene cargados los productos del carrito y la información del cliente asociado, quedando listo para el proceso de guardado de la venta.

Próximos Pasos ➡️

El siguiente módulo abordará la lógica final del sistema de ventas [07:25]:

  1. Botones de Acción: Implementar los botones "Monto Total a Cancelar" y "Guardar Venta".
  2. Guardado Transaccional: Al guardar la venta, el sistema debe realizar múltiples acciones simultáneamente:
    • Registrar la venta en la tabla tb_ventas.
    • Registrar todos los productos del carrito en la tabla de detalle de ventas.
    • Actualizar el stock de cada producto en la tabla tb_almacen (descontando la cantidad vendida).
  3. Generación de Reporte: Crear el primer reporte en PDF (Factura) para su impresión.
$20.00
Iniciar sesión para inscribirse

Lecciones

🚀 Preparación, Login y Sesiones Seguras
Lección 1. SISTEMA DE VENTAS CON PHP Y MYSQL presentación del curso - Full Stack 8 min
Lección 2. 01 Sistema de Ventas con (PHP y MySql) Full Stack 35 min
Lección 3. 02 Como hacer un LOGIN en mi Sistema de Ventas con (PHP y MySql) Full Stack 9 min
Lección 4. 03 Como mandar datos del login al controlador en el Sistema de Ventas con (PHP y MySql) Full Stack 14 min
Lección 5. 04 Como VALIDAR el USUARIO y la CONTRASEÑA del LOGIN en el Sistema de Ventas con(PHPyMySql)FullStack 19 min
Lección 6. 05 Como CREAR SESIONES DEL USUARIO despues del LOGIN en el Sistema de Ventas con(PHPyMySql)FullStack 11 min
Lección 7. 06 Como DESTRUIR SESION DEL USUARIO en el Sistema de Ventas con(PHP y MySql)FullStack 8 min
Lección 8. 07 Como INSTALAR SWEETALERT para mandar MENSAJES en el Sistema de Ventas con (PHP y MySql) FullStack 16 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 1. 09 Reduciendo código fuente para la PLANTILLA del Sistema de Ventas con (PHP y MySql) FullStack 12 min
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
Lección 4. 12 CRUD - CREATE controlador para GUARDAR USUARIOS en el Sistema de Ventas con (PHPyMySql) FullStack 20 min
Lección 5. 13 Como ENCRIPTAR EL PASSWORD del USUARIO en el Sistema de Ventas con (PHPyMySql) FullStack 14 min
Lección 6. 14 Como VERIFICAR CONTRASEÑA ENCRIPTADA del USUARIO en el Sistema de Ventas con (PHPyMySql)FullStack 26 min
Lección 7. 15 Como INCORPORAR DATATABLE en mi tabla de USUARIO del Sistema de Ventas con (PHPyMySql)FullStack 13 min
Lección 8. 16 Como INCORPORAR DATATABLE EN ESPAÑOL de la USUARIO del Sistema de Ventas con(PHPyMySql)FullStack 6 min
Lección 9. 17 Como MOSTRAR DATOS COMPLETOS del USUARIO del Sistema de Ventas con (PHPyMySql) FullStack 21 min
Lección 10. 18 CRUD - UPDATE de USUARIOS del Sistema de Ventas con (PHPyMySql) FullStack 24 min
Lección 11. 19 CRUD - DELETE de USUARIOS del Sistema de Ventas con (PHPyMySql) FullStack 16 min
Lección 12. 20 creación del MÓDULO ROLES del Sistema de Ventas con (PHPyMySql) FullStack 8 min
Lección 13. 21 RELACIÓN DE TABLAS - USUARIOS Y ROLES en el Sistema de Ventas con (PHPyMySql) FullStack 17 min
Lección 14. 22 CRUD - ROLES en el Sistema de Ventas con (PHPyMySql) FullStack 15 min
Lección 15. 23 CRUD - UPDATE ROLES en el Sistema de Ventas con (PHPyMySql) FullStack 12 min
Lección 16. 24 CONSULTAS CON TABLAS RELACIONADAS INNER JOIN en el Sistema de Ventas con (PHPyMySql) FullStack 20 min
Lección 17. 25 UPDATE Y DELETE de USUARIOS CON ROLES en el Sistema de Ventas con (PHPyMySql) FullStack 20 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 2. 27 Relacionando las TABLAS PRODUCTOS y CATEGORIAS 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 4. 29 CRUD - CATEGORÍAS CONTROLLERS con MODALS en el Sistema de Ventas con (PHP y MySql) FullStack 16 min
Lección 5. 30 CRUD - UPDATE CATEGORÍAS con MODALS en el Sistema de Ventas con (PHP y MySql) FullStack 21 min
Lección 6. 31 LISTADO DE PRODUCTOS CON TABLAS RELACIONADAS en el Sistema de Ventas con (PHP y MySql) FullStack 29 min
Lección 7. 32 FORMULARIO PARA EL REGISTRO DE PRODUCTOS en el Sistema de Ventas con (PHP y MySql) FullStack 14 min
Lección 8. 33 CARGAR CÓDIGO E IMAGEN EN EL FORMULARIO en el Sistema de Ventas con (PHP y MySql) FullStack 18 min
Lección 9. 34 CONTROLLER CREATE PRODUCTOS desde el FORMULARIO del Sistema de Ventas con (PHP y MySql)FullStack 18 min
Lección 10. 35 SUBIR IMAGEN DEL PRODUCTO desde el FORMULARIO del Sistema de Ventas con (PHP y MySql)FullStack 18 min
Lección 11. 36 MOSTRAR datos del PRODUCTO desde el FORMULARIO del Sistema de Ventas con (PHP y MySql)FullStack 21 min
Lección 12. 37 EDITAR datos de los PRODUCTO desde el FORMULARIO del Sistema de Ventas con (PHP y MySql)FullStack 18 min
Lección 13. 38 CONTROLLER UPDATE PRODUCTOS desde el FORMULARIO del Sistema de Ventas con (PHP y MySql)FullStack 23 min
Lección 14. 39 DELETE PRODUCTOS desde el FORMULARIO del Sistema de Ventas con (PHP y MySql)FullStack 12 min
Lección 15. 40 CÓDIGO FUENTE GRATIS del Sistema de Ventas con (PHP y MySql) FullStack 7 min
🚚 Módulo de Proveedores y Configuración
Lección 1. 41 Relacionando la TABLA PROVEEDORES Y COMPRAS del Sistema de Ventas con (PHP y MySql) FullStack 17 min
Lección 2. 42 MÓDULO PROVEEDORES del Sistema de Ventas con (PHP y MySql) FullStack 15 min
Lección 3. 43 CREACIÓN DE PROVEEDORES del Sistema de Ventas con (PHP y MySql) FullStack 19 min
Lección 4. 44 CREATE PROVEEDORES del Sistema de Ventas con (PHP y MySql) FullStack 10 min
Lección 5. 45 ACTUALIZAR PROVEEDORES del Sistema de Ventas con (PHP y MySql) FullStack PARTE 1 14 min
Lección 6. 46 UPDATE PROVEEDORES del Sistema de Ventas con (PHP y MySql) FullStack PARTE 2 13 min
Lección 7. 47 BORRAR PROVEEDORES del Sistema de Ventas con (PHP y MySql) FullStack 15 min
Lección 8. 48 MEJORANDO EL DASHBOARD del Sistema de Ventas con (PHP y MySql) FullStack 18 min
💰 Implementación y Registro del Módulo de Compras
Lección 1. 49 MÓDULO COMPRAS del Sistema de Ventas con (PHP y MySql) FullStack 16 min
Lección 2. 50 Cargar DATOS DE PRODUCTO con TABLAS RELACIONADAS del Sistema de Ventas con (PHP y MySql)FullStack 13 min
Lección 3. 51 Cargar DATOS DE PRODUCTO en el MODAL del Sistema de Ventas con (PHP y MySql)FullStack 13 min
Lección 4. 52 CARGAR datos del PROVEEDOR con TABLAS RELACIONADAS en el SISTEMA DE VENTAS(PHP y MySql)FullStack 15 min
Lección 5. 53 CARGAR datos del PROVEEDOR en el MODAl en el SISTEMA DE VENTAS(PHP y MySql)FullStack 15 min
Lección 6. 54 REGISTRO DE COMPRAS en el SISTEMA DE VENTAS(PHP y MySql) FullStack 18 min
Lección 7. 55 RESCATANDO DATOS DEL PRODUCTO en el SISTEMA DE VENTAS(PHP y MySql) FullStack 13 min
Lección 8. 56 PASANDO DATOS DEL PRODUCTO en el SISTEMA DE VENTAS(PHP y MySql) FullStack 12 min
Lección 9. 57 RESCATANDO DATOS DEL PROVEEDOR EN LA BUSQUEDA en el SISTEMA DE VENTAS(PHP y MySql) FullStack 13 min
Lección 10. 58 PASANDO DATOS DEL PROVEEDOR en el SISTEMA DE VENTAS(PHP y MySql) FullStack 12 min
Lección 11. 59 DETALLE DE COMPRAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack 18 min
Lección 12. 60 EVENTOS DEL TECLADO KEYUP PARA CALCULAR EL STOCK TOTAL en SISTEMA DE VENTAS(PHPyMySql)FullStack 10 min
Lección 13. 61 SCRIPT PARA ENVIAR DATOS DE LA COMPRA AL CONTROLADOR en SISTEMA DE VENTAS(PHPyMySql)FullStack 13 min
Lección 14. 62 MANDANDO DATOS AL CONTROLADOR CON EL MÉTODO AJAX en SISTEMA DE VENTAS(PHPyMySql)FullStack 13 min
Lección 15. 63 CONTROLLER REGISTRAR COMPRAS CON TABLAS RELACIONADAS en SISTEMA DE VENTAS (PHPyMySql)FullStack 15 min
Lección 16. 64 ACTUALIZAR LA CANTIDAD DEL ALMACEN DE INVENTARIO en el SISTEMA DE VENTAS (PHPyMySql)FullStack 9 min
Lección 17. 65 CONSULTA MULTIPLE CON beginTransaction, commit Y rollBack en el SISTEMA (PHPyMySql)FullStack 8 min
🔄 Mantenimiento y Actualización de Compras
Lección 1. 66 CODIGO FUENTE DEL SISTEMA DE VENTAS EN GITHUB (PHPyMySql)FullStack 13 min
Lección 2. 67 RESPONDIENDO COMENTARIOS Y PREGUNTAS DE YOUTUBE (PHPyMySql) FullStack 18 min
Lección 3. 68 ALERTAS DEL STOCK MÁXIMO Y MÍNIMO DE LOS PRODUCTO EN EL ALMACEN DEL SISTEMA (PHPyMySql) FullStack 15 min
Lección 4. 69 MOSTRAR EL DETALLE DE LA COMPRA DEL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 1 13 min
Lección 5. 70 CARGAR DATOS DE LA COMPRA DEL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 2 15 min
Lección 6. 71 ACTUALIZAR DATOS DE LA COMPRA DEL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 1 15 min
Lección 7. 72 CARGAR DATOS DE LA COMPRA PARA ACTUALIZAR EN EL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 2 16 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 12. 77 CARGAR DATOS PARA ELIMINAR COMPRA EN EL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 1 9 min
Lección 13. 78 CARGAR DATOS PARA ELIMINAR COMPRA EN EL SISTEMA DE VENTAS (PHPyMySql) FullStack PARTE 2 12 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 1. 81 Modulo de VENTAS en el SISTEMA DE VENTAS (PHPyMySql) FullStack 9 min
Lección 2. 82 Modelo para el CARRITO de VENTAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack 9 min
Lección 3. 83 Modelo para el REGISTRO DE CLIENTES en VENTAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack 8 min
Lección 4. 84 Tabla VENTAS relacionando con TODAS las TABLAS 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
Lección 7. 87 Tabla para agregar CARRITO de PRODUCTOS en el SISTEMA DE VENTAS (PHP y MySql) FullStack 10 min
🛒 Lógica del Carrito y Clientes Dinámicos
Lección 1. 88 Buscar y agregar PRODUCTOS al CARRITOen el SISTEMA DE VENTAS (PHP y MySql) FullStack parte 1 9 min
Lección 2. 89 Pasar datos para agregar PRODUCTOS al CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack 9 min
Lección 3. 90 Registrar PRODUCTOS en la tabla CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack 12 min
Lección 4. 91 Controller REGISTRAR CARRITO de productos en el SISTEMA DE VENTAS (PHP y MySql) FullStack 8 min
Lección 5. 92 Modificando tabla CARRITO para el REGISTRO en el SISTEMA DE VENTAS (PHP y MySql) FullStack 6 min
Lección 6. 93 LEER DATOS de la tabla CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack 8 min
Lección 7. 94 CALCULAR EL SUBTOTAL de cada PRODUCTO del CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack 8 min
Lección 8. 95 CALCULANDO LOS TOTALES del CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack 12 min
Lección 9. 96 BORRAR productos del CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack 9 min
Lección 10. 97 LEER DATOS de los CLIENTES en el MODAL en el SISTEMA DE VENTAS (PHP y MySql) FullStack 8 min
Lección 11. 98 Buscar datos del CLIENTE en el SISTEMA DE VENTAS (PHP y MySql) FullStack 8 min
Lección 12. 99 CARGAR DATOS del CLIENTE desde EL MODAL en el SISTEMA DE VENTAS (PHP y MySql) FullStack 8 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
Lección 16. 103 REGISTRAR Y MOSTRAR NUEVO CLIENTE en VENTAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack 10 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 4. 107 LISTADO DE VENTAS GUARDADAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack 16 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 9. 112 BORRAR VENTA de la tabla de la BASE da DATOS en el SISTEMA DE VENTAS (PHP y MySql) FullStack 10 min
Lección 10. 113 Actualizar PRODUCTOS BORRADOS en la TABLA en el SISTEMA DE VENTAS (PHP y MySql) FullStack 11 min
Lección 11. 114 Borrar productos del CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack 14 min
Lección 12. 115 Controller BORRAR venta y carrito en el SISTEMA DE VENTAS (PHP y MySql) FullStack 13 min
Lección 13. 116 INSTALACIÓN de libreria TCPDF para imprimir FACTURA en el SISTEMA DE VENTAS (PHPyMySql)FullStack 11 min
Lección 14. 117 Diseñando el modelos de la FACTURA VENTAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack 9 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
Lección 3. 120 Diseñando los DATOS del CLIENTE en la FACTURA en el SISTEMA DE VENTAS (PHP y MySql) FullStack 13 min
Lección 4. 121 Diseñando los PRODUCTOS de la VENTA en la FACTURA en el SISTEMA DE VENTAS (PHP y MySql)FullStack 14 min
Lección 5. 122 CARGANDO datos de la VENTA en la FACTURA desde la BD en el SISTEMA DE VENTAS(PHPyMySql)FullStack 9 min
Lección 6. 123 CONSULTAS SQL en la FACTURA desde la BASE DE DATOS en el SISTEMA DE VENTAS (PHPyMySql)FullStack 10 min
Lección 7. 124 CARGANDO PRODUCTOS en la FACTURA de VENTAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack 10 min
Lección 8. 125 Convertir PRECIO TOTAL a LITERAL en la FACTURA en el SISTEMA DE VENTAS (PHP y MySql) FullStack 10 min
Lección 9. 126 Generar código QR con datos de la FACTURA en el SISTEMA DE VENTAS (PHP y MySql) FullStack 9 min
Lección 10. 127 Módulo CLIENTES en el SISTEMA DE VENTAS (PHP y MySql) FullStack 10 min
Lección 11. 128 Cantidad de VENTAS en el DASHBOARD SISTEMA DE VENTAS (PHP y MySql) FullStack 6 min
Lección 12. 129 Cantidad de Clientes en el DASHBOARD SISTEMA DE VENTAS (PHP y MySql) FullStack 4 min
Lección 13. 130 FIN DEL CURSO DEL SISTEMA DE VENTAS (PHP y MySql) FullStack - MUCHAS GRACIAS 6 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! ❤️

Volver al curso