Menu

Generar un PDF con una tabla PHP y MySQL

Generar un PDF con una tabla PHP y MySQL. Agregar información a un PDF desde HTML o utilizando MySQL, como gestor de almacenamiento es algo muy imprescindible en estos tiempos, por su versatilidad para generar reportes y facturas dinámicas que son muy necesarios para nuestros proyectos.

En este artículo veremos dos formas para crear un PDF.

Generar un PDF con una tabla PHP y MySQL

Recursos a utilizar

  • Lenguaje JavaScript, para generar PDF
  • Librería JsPDF
  • Plugin autotable.
  • Lenguaje HTML, base de nuestro sistema.
  • PHP, intérprete para extraer datos de MySQL.
  • Base de datos MySQL,  motor almacenamiento

Obtener librerías externas

El plugin JsPDF lo descargamos de GitHub: https://github.com/MrRio/jsPDF

El plugin autotable  lo bajamos de Github: https://github.com/simonbengtsson/jsPDF-AutoTable

1. Primera forma de crear PDF de manera estática

Mostrando el contenido incluyendo las librerías descargadas líneas arriba.

El botón HTML que llama a la función que genera el PDF

La función JavaScript que genera y contiene los datos para el PDF

Crear PDF con JavaScript

Crear PDF con JavaScript

2. Segunda Forma de crear PDF de manera dinámica

Necesitamos los siguientes recursos

  • Lenguaje JavaScript, para generar PDF
  • Plugin JsPDF y autotable.
  • Lenguaje HTML.
  • Lenguaje PHP para la conexión con MySQL
  • Base de datos MySQL, para extraer los datos en el PDF

Base de Datos

Conexión con la base de datos

Botón para generar el PDF dinámico mediante un elemento de formulario

El código JavaScript con incrustación de PHP, para devolver los datos de MySQL.

Resultado en el navegador de la segunda Forma

Crear PDF PHP y MySQL

Crear PDF PHP y MySQL

Generar un PDF con una tabla PHP y MySQL

Generar un PDF con una tabla PHP y MySQL

Conclusión

Este pequeño ejemplo muestra cómo es posible generar un PDF con el plugin jsPDF.

Por lo tanto, implementar podría ser muy fácil, pero la falta de una documentación hace que cada paso sea realmente complicado. Por tal motivo, me propuse realizarlo para que ustedes no tengan problemas.

¿Has usado jsPDF para crear PDFs? ¿Cuál fue tu experiencia?

Házmelo saber en los comentarios, gracias por su visita.

Descargar

A continuación les dejo el código para descargar este ejemplo con todos los archivos y librerías utilizadas.

Suscríbete

Les invito a suscribirte este Blog y recibir un email cada vez que publique nuevos artículos, que le ayudaran en sus proyectos que estén realizando.

Obtener cosas como esta
En tu E-Mail

Suscríbase a nuestra lista de correo y obtenga cosas interesantesa su E-mail.

Deja una respuesta

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

Si continuas utilizando este sitio aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar