103 REGISTRAR Y MOSTRAR NUEVO CLIENTE en VENTAS en el SISTEMA DE VENTAS (PHP y MySql) FullStack

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

Descripción

Lección 103: Registrar y Mostrar Nuevo Cliente en Ventas (FullStack) 💾✅

Este video completó la funcionalidad de registro rápido de nuevos clientes desde la interfaz de ventas, asegurando que el nuevo cliente pueda ser seleccionado inmediatamente para la venta en curso.

1. Finalización y Configuración del Formulario de Registro 📝

Se terminó de construir y configurar el formulario dentro del modal "Agregar Nuevo Cliente":

  • Estructura: Se usaron etiquetas Label y campos input con la clase de Bootstrap form-control-sm para hacerlo más compacto [00:37].
  • Campos y name: Se definieron los cuatro campos de datos del cliente, asegurándose de asignarles sus respectivos atributos name para que el método POST pueda enviarlos al controlador [03:40]:
    • Nombre del Cliente (nombre_cliente)
    • NIT/CI del Cliente (nit_ci_cliente)
    • Celular del Cliente (celular_cliente)
    • Correo Electrónico (email_cliente)
  • Botón de Envío: Se añadió el botón "Guardar Cliente" de tipo submit [02:46].

2. Controlador de Guardado de Cliente (guardar_clientes.php) ⚙️

Se creó el controlador encargado de recibir los datos y ejecutar la inserción en la base de datos:

  1. Recepción de Variables: El controlador recibe las cuatro variables por el método POST [04:45].
  2. Consulta SQL: Se ejecuta una sentencia INSERT INTO contra la tabla tb_clientes para registrar el nuevo cliente con los datos recibidos, además de la fecha y hora de creación [05:32].
  3. Redirección Rápida: Si el registro es exitoso, el controlador redirecciona inmediatamente de vuelta a la vista de ventas (ventas/create.php). Esto asegura que el nuevo cliente esté disponible en el listado para su selección sin mostrar mensajes de alerta, manteniendo la fluidez de la venta [06:58].

3. Prueba de Flujo Completo 🔄

Se verifica el flujo de trabajo diseñado:

  1. Se abre el modal de búsqueda y se hace clic en "Agregar Nuevo Cliente".
  2. Se completan los datos del nuevo cliente (ej. Juan Montes).
  3. Se hace clic en "Guardar Cliente".
  4. El sistema registra el cliente rápidamente en la base de datos y vuelve a la vista de ventas [07:49].
  5. El vendedor puede volver a buscar (Juan Montes) y seleccionar al cliente recién agregado, cargando su ID y datos en el formulario principal [07:56].

4. Validación Final Antes de Guardar Venta ✅

Antes de proceder con el guardado de la venta, se añadió una validación crucial al botón "Guardar Venta" para asegurar la integridad de los datos:

  • Se verifica que el campo del ID del Cliente no esté vacío. Si el ID del cliente es nulo o vacío (es decir, si el vendedor olvidó seleccionar un cliente), se muestra un mensaje de alerta: "Debe seleccionar a un cliente" [08:38].

Próximo Paso: Con todos los datos validados y listos (Número de Venta, ID de Cliente y Total a Cancelar), el siguiente video se centrará en la implementación del controlador final para guardar la venta completa (incluyendo la actualización del stock de productos).