53 CARGAR datos del PROVEEDOR en el MODAl en el SISTEMA DE VENTAS(PHP y MySql)FullStack

Duraci贸n: 15 min
M贸dulo: 馃挵 Implementaci贸n y Registro del M贸dulo de Compras Lecci贸n 5 de 17

Descripci贸n

Lecci贸n 53: Carga de Datos del Proveedor en el Modal (M贸dulo Compras) 馃搵馃懁

Este video completa la fase de lectura del M贸dulo Compras al implementar la visualizaci贸n detallada de la informaci贸n del Proveedor asociado a una compra, utilizando un modal y aprovechando las relaciones (INNER JOIN) establecidas en la consulta del controlador.

1. 鈿欙笍 Implementaci贸n del Modal de Proveedor

El instructor crea un segundo modal en la vista de listado de compras (vistas/compras/index.php) para mostrar los detalles del proveedor [01:07]:

  • Activaci贸n: Se utiliza el nombre del proveedor (nombre_proveedor) como texto de un bot贸n en la columna "Proveedor" de la tabla.
  • Identificador: El modal se identifica como modal-proveedor concatenado con el id_compra para ser 煤nico por fila, similar al modal de producto [00:07].
  • Dise帽o: Inicialmente se usa un tama帽o grande, pero luego se ajusta a un tama帽o intermedio ya que la informaci贸n del proveedor es menos extensa que la del producto [09:16].
  • Campos Deshabilitados: Al igual que el modal de producto, todos los inputs se marcan como disabled para evitar la edici贸n [04:36].

2. 馃摑 Carga de Datos y Usabilidad

Se cargan los datos del proveedor utilizando los alias definidos en la consulta SQL, y se a帽ade un elemento de usabilidad clave:

  • Informaci贸n Cargada: Se visualizan los siguientes datos del proveedor [04:55]:
    • Nombre del Proveedor (nombre_proveedor)
    • Tel茅fono (telefono_proveedor)
    • Empresa (empresa)
    • Email (email_proveedor)
    • Direcci贸n (direccion_proveedor)
  • Enlace Directo a WhatsApp: El campo Celular se convierte en un bot贸n (con clase btn-success) que utiliza la sintaxis https://wa.me/CODIGO_PAIS_NUMERO_CELULAR [06:08].
    • Al hacer clic, abre una nueva ventana (target="_blank") para iniciar un chat de WhatsApp con el proveedor, facilitando la comunicaci贸n (pedidos, consultas) [07:24].

3. 馃懁 Finalizaci贸n: Nombre del Usuario de Registro

Finalmente, se completa la visualizaci贸n de la tabla principal al reemplazar el id_usuario en la columna "Usuario" por el nombre legible del usuario que registr贸 la compra [12:15]:

  • Consulta: Se selecciona el campo nombres de la tabla tb_usuarios (alias us) como nombres_usuario [12:43].
  • Visualizaci贸n: Este campo finaliza el desarrollo de la fase de Lectura (Read) del M贸dulo Compras.

4. Pr贸xima Lecci贸n

La siguiente lecci贸n comenzar谩 con la fase de Creaci贸n (Create) de una nueva compra. El instructor adelanta que ser谩 m谩s compleja, ya que implicar谩 la actualizaci贸n autom谩tica del stock de productos al registrar la nueva entrada de inventario, adem谩s de manejar las consultas relacionadas [13:43].