105 ACTUALIZANDO STOCK segun el CARRITO en el SISTEMA DE VENTAS (PHP y MySql) FullStack

Duraci贸n: 18 min
M贸dulo: 馃Ь Cierre de Venta y Control de Inventario Lecci贸n 2 de 14

隆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 105: Actualizaci贸n de Stock seg煤n el Carrito (FullStack) 馃洅馃攧

Este video se centr贸 en la implementaci贸n de la l贸gica JavaScript (jQuery) dentro de un bucle for para iterar sobre todos los productos del carrito de compras y calcular el nuevo stock despu茅s de la venta.

1. Preparaci贸n de Datos para el Bucle for 馃搳

Para que el bucle pueda acceder a los datos de cada producto en el carrito, fue necesario asegurar que cada elemento HTML tenga un ID 煤nico basado en su posici贸n en la tabla:

  • Identificador de Stock Actual:
    • Se utiliza un campo input (inicialmente visible para pruebas, luego oculto) para almacenar el stock actual tra铆do desde la tabla tb_almacen [00:00].
    • Para hacerlo 煤nico, su ID se concaten贸 con el contador de carrito de PHP: ID_stock_inventario + $contador_carrito [07:55].
  • Identificador de Cantidad Vendida:
    • La cantidad que el cliente est谩 comprando (cantidad_carrito) se envolvi贸 en una etiqueta <span> [11:33].
    • Se le asign贸 un ID 煤nico usando el contador: ID_cantidad_carrito + $contador_carrito [12:28].

2. Implementaci贸n de la L贸gica del Bucle for (jQuery) 馃攣

Se cre贸 un bucle for dentro de la funci贸n actualizar_stock() para procesar cada fila del carrito de manera individual:

  1. L铆mite del Bucle: El bucle se inicia en i = 1 y corre hasta n, donde n es el n煤mero total de productos en el carrito ($contador_carrito) [05:06].
  2. Lectura de Datos: Dentro del bucle, se usa jQuery para leer la informaci贸n de la fila actual (i):
    • Stock de Inventario (stock_inventario): Se lee el valor del campo con el ID din谩mico (ID_stock_inventario + i) [06:09].
    • Cantidad Vendida (cantidad_carrito): Se lee el contenido HTML de la etiqueta <span> con el ID din谩mico (ID_cantidad_carrito + i) [13:08].
  3. C谩lculo del Nuevo Stock: Se realiza la operaci贸n matem谩tica fundamental, asegurando que ambos valores se traten como n煤meros flotantes (parseFloat) para la resta [15:37]:

    JavaScript

    stock_calculado = parseFloat(stock_inventario) - parseFloat(cantidad_carrito);

  4. Verificaci贸n: El desarrollador demuestra que el c谩lculo es correcto, mostrando el stock original, la cantidad vendida y el stock calculado (el nuevo valor que debe ir a la base de datos) para cada producto [16:23].

Resultado: El script ahora tiene el nuevo valor de stock para cada producto que se vendi贸, lo que lo deja listo para la consulta UPDATE a la base de datos.

Pr贸ximo Paso 鉃★笍

El siguiente video finalizar谩 el proceso de guardado implementando la consulta SQL UPDATE para actualizar el stock de cada producto con el stock_calculado que se obtuvo en esta lecci贸n, asegurando la integridad del inventario.