Resumen: generar una factura PDF con PHP, es decir, un ticket, recibo, boleta o invoice que tenga detalles de un cliente, del emisor, número de factura, fecha y productos que se venden, así como el total con impuestos y descuento.

Para generar la factura vamos a usar la librería dompdf que convierte HTML a un PDF nativo. Aunque por el momento será estática, puedes usar más tarde una base de datos con PHP.

Creación de factura PDF con PHP

Como lo dije, vamos a usar el lenguaje PHP para generar este comprobante. Comenzamos definiendo algunos datos que irán dentro de nuestra plantilla.

Si te fijas tengo un arreglo de productos así como el descuento aplicado y el impuesto.

Obviamente estos datos pueden cambiar o venir de cualquier lugar. Ahora vamos a maquetar la factura.

Diseñando la factura

Voy a utilizar Bootstrap 3 para diseñar la factura PDF; aunque ya existe la versión 4, probé con la misma y algunas cosas de la alineación fallaban, así que usaremos la 3, cosa que no afecta en absoluto, pues no estamos usando el estilo para la web, sino para el PDF.

Comenzamos con el encabezado, en el mismo incluimos la hoja de estilos de Bootstrap.

Ahora definimos el inicio de la factura en donde estará un logotipo, la fecha y el número de factura:

En la línea 6 tenemos la imagen o logotipo. Después agregamos el cliente con el remitente:

Más tarde, agregamos la lista de productos. Creamos la tabla y dibujamos la descripción, cantidad y total. Al final de la tabla colocamos la suma de algunas cosas y desglosamos los datos:

Relacionado:  Python: agregar pie de página a PDF

La tabla es dibujada de manera dinámica, así que si se aumentan los productos, la tabla se refrescará automáticamente.

Para terminar, agregamos un pie:

Nuestro diseño HTML está listo, es un HTML generado dinámicamente. Ahora vamos a generar una factura PDF con PHP a través de la salida de esto.

Probando factura

Si visitamos la página y la renderizamos como un HTML simple, vemos esto:

Diseño de factura PDF con PHP

Diseño de factura PDF con PHP

Recuerda que el código completo es el siguiente:

Lo que resta es convertirlo a PDF.

Creando factura PDF con PHP

Finalmente usamos el truco que mostré en el post de dompdf con PHP y obtenemos la salida del documento. Hacemos lo siguiente:

Al visitar la página se muestra un documento PDF que se ve así:

Factura PDF con PHP - Documento PDF

Factura PDF con PHP – Documento PDF

PD: ya sé que decir documento PDF es redundante pues PDF es Portable Document Format, pero me gusta llamarlo así 🙂

Conclusión

Con esto podemos generar facturas dinámicas, enviar el documento por correo, guardarlo en el disco duro, descargarlo, etcétera.

Recuerda que ya expliqué el uso de dompdf, si no entiendes bien lo expuesto aquí, te recomiendo encarecidamente que lo leas.

Te dejo un enlace para aprender más sobre PHP. Por cierto, si quieres puedes ver el documento PDF generado.


Estoy disponible para trabajar en tu proyecto o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.
Si el post fue de tu agrado muestra tu apoyo compartiéndolo, suscribiéndote al blog, siguiéndome o realizando una donación.

Suscribir por correo

Ingresa tu correo y recibirás mis últimas entradas sobre programación, open source, bases de datos y todo lo relacionado con informática

Relacionado:  Tutorial OpenLayers: marcadores, coordenadas, eventos y datos dinámicos

Únete a otros 571 suscriptores


parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

3 Comments

Jonay Medina · junio 19, 2020 a las 7:02 pm

Excelente aporte amigo, muchas gracias, hasta en foros en ingles dice que Dompdf no acepta bootstrap, pero es B4 que no es soportado. Agradecido!!

    parzibyte · junio 20, 2020 a las 4:08 pm

    Gracias por el dato, la verdad es que no sabía, y al probar con BS3 funcionó así que así lo dejé.
    Le invito a seguirme y compartir para estar al tanto de mis aportes 🙂

jesus · abril 8, 2020 a las 1:42 am

excelente aporte, muchas gracias!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

A %d blogueros les gusta esto: