62 – DATOS DEL CLIENTE EN EL TICKET para imprimir desde el SISTEMA con BD(👨💻PHP y MYSQL💻)

Duración: 12 min
Módulo: 🖨️ Generación de Tickets y Reportes Lección 5 de 5

Descripción

Título: 62 – DATOS DEL CLIENTE EN EL TICKET para imprimir desde el SISTEMA con BD (👨💻PHP y MYSQL 💻)

En esta lección, el instructor se enfoca en el desarrollo de la sección principal del ticket, que contiene los datos variables obtenidos del sistema y de la base de datos (BD). Se continúa trabajando en el archivo de prueba HTML/TCPDF.

Aspectos Clave de la Lección:

1. Maquetación de Datos del Cliente y Parqueo 🖋️

  • Alineación: Se utiliza un <div> con la propiedad text-align: left para alinear el contenido de esta sección a la izquierda [01:34], separándolo del encabezado que estaba centrado.
  • Información Esencial: Se definen etiquetas en negrita (<b>) y saltos de línea (<br>) para la estructura de la información, incluyendo:
    • Datos del Cliente: Título "Datos del Cliente" [01:00], seguido del "Señor(a)" y el Nombre del Cliente [02:00], y el NIT o CI [02:49].
    • Datos del Parqueo: Se incluye el campo "Cubículo de Parqueo" para indicar dónde se estacionó el vehículo [10:38].
    • Datos de Ingreso: "Fecha de Ingreso" [05:07] y "Hora de Ingreso" [05:22].
    • Operador: El "Usuario" que atendió el ingreso y emitió el ticket [06:00].

2. Ajuste de Márgenes y Dimensiones (Corrección de Bug) 📏

  • Problema con el Alto: Inicialmente, se intenta reducir el alto del ticket a 80 milímetros (80 en el array de dimensiones) [07:44]. Esto provoca que el contenido salte a una segunda página debido al margen inferior por defecto.
  • Solución del Margen Inferior: Para solucionar el salto de página, se accede a la configuración de márgenes de TCPDF y se establece el margen inferior (Margin bottom) en 5 milímetros [09:24] para que coincida con los demás márgenes ya definidos (izquierdo, derecho y superior). Esto asegura que el contenido se mantenga en una sola página.

Al finalizar la lección, el ticket tiene su diseño completo con el encabezado centrado y el cuerpo de datos justificado a la izquierda, listo para recibir la información dinámica de la base de datos en las próximas lecciones.