FPDF introducción del tutorial para crear formato en pdf

FPDF: Introducción (1/7)

Hugui Dugui

En este tutorial vamos a crear un documento PDF el cual va a tener las siguiente características: Un encabezado, pie de página, texto fijo y una tabla con datos que vienen desde la BD. Todo esto lo vamos a hacer en pasos, empezando desde crear una hoja en blanco, después agregando el pie de página, enseguida el encabezado y finalmente obtener datos de la BD y colocarlos en una tabla en el documento. El boceto de este documento es como se muestra en la siguiente imagen:


Siguiendo el boceto de la imagen, se generará solo una hoja en una pestaña nueva del navegador con las siguientes características:

ENCABEZADO

  • Dos líneas paralelas (diseño)
  • Texto fijo
  • Habrá 3 logos (los círculos morados en la imagen)

CUERPO

  • Una fecha que será elegida antes de crear el PDF (línea color naranja en el boceto).
  • Un texto fijo, que son las 4 líneas grises.
  • En el recuadro se mostrará una tabla con los datos de un registro obtenido de la Base de Datos.

PIE DE PÁGINA

  • Una línea
  • Texto fijo


Vamos a utilizar la librería FPDF para generar el pdf. Cabe señalar que la librería FPDF es ligera, generalmente se usa para documento sencillos, es decir, que no requieran de mucho diseño. Puedes ver su sitio oficial fpdf para ver la documentación y ejemplos que tiene.

Para comenzar vamos a crear un árbol de directorios como el de la siguiente imagen para comenzar:


La carpeta que nos interesa más es la de PHP y esto es lo que contiene:

  • dbconfig.php: Tiene la configuración para la comunicación con la Base de Datos
  • myDBC.php: Contiene los métodos de INSERT/SELECT/UPDATE (en este ejemplo solo usaremos el SELECT)
  • fpdf.php: Es la librería.
  • PDF.php: Aquí estarán todos lo métodos que usaremos como el Footer(), Header(), ImprimirTexto, cabecera() para crear el documento (se verá más adelante)
  • creaPDF.php: Es el encargado de generar el PDF con los métodos definidos en el archivo anterior.


No olvides que puedes descargar el zip de esta entrada con el proyecto completo: FPDF, proyecto crear documento. Espero que me quieras compartir tus avances y/o dudas en el grupo de facebook del curso.

Si quieres puedes escribirme a ringhugos@gmail.com o al whatsapp para cualquier comentario o duda que tengas sobre este tutorial.

Gracias por leer el blog :D