102 Agregar NUEVO CLIENTE en VENTAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack

Duración: 9 min
Módulo: 🛒 Lógica del Carrito y Clientes Dinámicos Lección 15 de 16

¡Contenido Exclusivo!

Adquiere este curso para tener acceso inmediato a esta y a **todas las lecciones Premium**.

Inscribirse Ahora por $10.00 Acceso instantáneo de por vida y código fuente incluido.

Descripción

Lección 102: Agregar Nuevo Cliente en Ventas (FullStack) 💾➕

Este video se enfocó en dos tareas principales: finalizar la recolección de datos necesarios para el proceso de guardar la venta, y desarrollar la funcionalidad de "Agregar Nuevo Cliente" en caso de que un cliente no sea encontrado en la base de datos.

1. Finalización de la Recolección de Datos (ID del Cliente) 📦

Se aseguró de que el ID del Cliente esté disponible para ser enviado al controlador de guardado:

  1. Campo Oculto para ID: Se agregó un nuevo campo de input oculto (type="hidden") al formulario de datos del cliente. Este campo tiene el ID ID_cliente [01:28].
  2. Transferencia del ID: Se modificó la función de jQuery en el modal de búsqueda para que, al seleccionar un cliente, se transfiera no solo su nombre, NIT y celular, sino también su ID_cliente a este campo oculto [01:04].
  3. Recolección en JavaScript: Se verifica que el ID del cliente se pueda leer correctamente desde el campo oculto en el evento click del botón "Guardar Venta" [01:47].

Con esto, el script de guardado ya tiene los tres datos fundamentales listos para enviar al controlador: Número de Venta, ID del Cliente y Monto Total a Cancelar.

2. Implementación de "Agregar Nuevo Cliente" ➕

El desarrollador aborda el escenario donde un cliente no existe, permitiendo registrarlo sin salir de la interfaz de ventas:

  1. Botón en el Modal: Se agregó un botón "Agregar Nuevo Cliente" (btn-warning) con el ícono fa fa-user-plus dentro del modal de búsqueda. Este botón abrirá un segundo modal con el formulario de registro [05:34].
  2. Estructura Modal Tras Modal: Se creó un segundo modal (llamado modal_agregar_cliente) que contiene el formulario de registro. Este modal se ubica por debajo del modal principal para evitar conflictos [07:34].
  3. Formulario de Registro: Dentro del nuevo modal, se comenzó a estructurar el formulario HTML utilizando el método POST, el cual recibirá todos los datos del nuevo cliente (Nombre, NIT/CI, Celular, Correo) [08:48].

Flujo de Trabajo: El vendedor buscará un cliente. Si no lo encuentra, hará clic en "Agregar Nuevo Cliente" (que abrirá un segundo modal), registrará los datos, y al guardar, el nuevo cliente estará disponible para ser seleccionado inmediatamente en el primer modal.