74 – SCRIPT PARA REGISTRAR DATOS DEL TICKET en el sistema con BD y GitHub (👨💻PHP y MYSQL💻)

Duración: 10 min
Módulo: ⚙️ Configuraciones del Sistema y Control de Versiones Lección 12 de 18

Descripción

🎓 Lección 74: Script para Registrar Datos del Ticket (PHP & jQuery)

Esta lección se enfoca en el desarrollo de la lógica front-end (JavaScript/jQuery) y la preparación del formulario para capturar los datos que se registrarán en la tabla tickets recién creada. Se trabaja principalmente en el archivo principal para que el botón de "Imprimir Ticket" funcione como un disparador de registro de datos.

🎯 Objetivos de la Lección

  1. Ajuste de la Vista: Incorporar el campo de cubículo en el modal de registro para que el operario pueda verificar la información.
  2. Preparación del Controlador: Implementar el script jQuery para recolectar todos los datos del formulario al hacer clic en "Imprimir Ticket".
IconoTarea PrincipalDescripción
🏢Ajuste del ModalSe modifica el archivo principal.php para añadir un input que muestre el número de cubículo seleccionado, ya que este dato es esencial tanto para el ticket como para el registro [03:17].
🖱️Disparador del EventoSe asigna un ID (btn_registrar_ticket) al botón de impresión y se crea un script para que, al hacer clic en él, se ejecute la lógica de captura [04:07].

Exportar a Hojas de cálculo

🛠️ Mecanismo de Captura de Datos con jQuery

La parte central del video consiste en crear las variables en JavaScript (jQuery) para leer los valores de cada campo del formulario. Este paso es crucial para enviar posteriormente los datos al controlador PHP.

1. Identificación y Lectura de Variables

El instructor enfatiza la necesidad de que todos los inputs tengan un ID único que combine el nombre del campo con el ID del mapping (ej., ID_placa_MAP).

Variable (jQuery)Campo a CapturarFuente del ID
placaPlaca del vehículo.ID del input en principal.php [06:42].
nombreNombre del Cliente.ID añadido al input en el Controlador (ControllerClientes.php) [08:11].
nit_ciNIT o Cédula de Identidad.ID añadido al input en el Controlador (ControllerClientes.php) [09:47].
cubiculoNúmero de cubículo seleccionado.ID añadido al input en principal.php [02:41].

Exportar a Hojas de cálculo

2. Estandarización de IDs

Se muestra cómo los campos nombre y nit_ci deben ser modificados directamente en el controlador de búsqueda de clientes (ya que se cargan dinámicamente) para garantizar que tengan IDs únicos y puedan ser leídos correctamente por el script de registro, independientemente de si el cliente es nuevo o existente [08:04].

El video culmina con la captura exitosa de todas las variables del formulario, dejando el script listo para implementar la llamada AJAX y el controlador PHP de inserción en la siguiente lección.