90 Registrar PRODUCTOS en la tabla CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack

Duraci贸n: 12 min
M贸dulo: 馃洅 L贸gica del Carrito y Clientes Din谩micos Lecci贸n 3 de 16

Descripci贸n

Lecci贸n 90: Registrar Productos en la Tabla CARRITO (FullStack) 馃捑馃洅

Este video se enfoca en la implementaci贸n de la l贸gica del Controlador (Controller) y JavaScript para que, al presionar el bot贸n "Registrar", el producto seleccionado se inserte correctamente en la tabla temporal tb_carrito de la base de datos.

1. Preparaci贸n de la Interfaz y el Bot贸n de Registro 鈿欙笍

  1. Limpieza de la Vista: Se eliminaron los datos de ejemplo que se hab铆an puesto manualmente en la tabla del carrito para que el contenido pase a ser din谩mico, carg谩ndose directamente desde la base de datos (tb_carrito) [01:17].
  2. Identificaci贸n del Bot贸n: Se asign贸 el ID btn_registrar_carrito al bot贸n "Registrar" para capturar su evento click mediante JavaScript (jQuery) [02:33].
  3. Campo Oculto: Se cre贸 un campo de input oculto (hidden) en la vista para almacenar el ID_producto y asegurar que este dato clave se transfiera correctamente al controlador [05:13].

2. L贸gica JavaScript para Capturar y Validar Datos 馃捇

Dentro del evento click del bot贸n, se cre贸 el script para obtener las variables necesarias y validarlas antes de enviar la informaci贸n:

Variable ObtenidaFuenteProp贸sito
id_ventaSe obtiene del valor del contador autom谩tico de ventas (sumando +1 al conteo total de la tabla tb_ventas) [03:56].FK de la venta.
id_productoSe obtiene del valor del campo input oculto con el ID del producto seleccionado [07:02].FK del producto.
cantidadSe obtiene del campo de input Cantidad (llenado manualmente por el operario) [08:11].Cantidad a vender.
  • Validaciones (If Anidados): Se implementaron validaciones de tipo if anidado para asegurar que los campos esenciales no est茅n vac铆os antes de proceder con el registro [08:46]:
    • Si id_producto est谩 vac铆o, se muestra un mensaje de error.
    • Si cantidad est谩 vac铆o, se muestra un mensaje de error.
    • Si ambas validaciones son correctas, se muestra una alerta "Listo para el controlador", indicando que la informaci贸n est谩 lista para la inserci贸n en tb_carrito [10:21].

3. Pr贸ximos Pasos 鉃★笍

El siguiente video se enfocar谩 en:

  1. Enviar estas tres variables (id_venta, id_producto, cantidad) al controlador.
  2. Hacer que el controlador se conecte a la base de datos e inserte el registro en la tabla tb_carrito.
  3. Hacer que la tabla de la vista se cargue din谩micamente con los productos registrados en tb_carrito.
  4. Implementar la l贸gica para calcular autom谩ticamente las sumas y totales (cantidad total, precio unitario total y precio subtotal) [11:14].