Personaliza tus reportes PDF desde PHP con la librería FPDF

En el artículo de Reportes básicos de PDF con la librería FPDF se demostró paso a paso desde la descarga, e incorporación de la librería FPDF para generar reportes con el lenguaje de programación PHP, en este artículo te mostraré como personalizar un reporte con un ejemplo básico y sencillo.

Lo primero que harás es importar el archivo fpdf.php dentro de nuestro archivo llamado reporte.php para así extender una clase hija la cual heredará las propiedades de la clase padre FPDF, como en el siguiente ejemplo:

<?php
/*
Author: Ing. Dick Díaz Delgado
*/
include 'fpdf.php'; // Incluímos la clase fpdf.php para poder utilizar sus métodos para generar nuestro pdf
date_default_timezone_set('America/Lima'); //Configuramos el horario de acuerdo a la ubicación del servidor
class PDF extends FPDF{    
    function Header() {        
        $this->Image('img/logo.png', 12, 12, 25); //Insertamos el logo si es en PNG su calidad o formato debe estar entre PNG 8/PNG 24
        
        $ancho = 190;
        $this->SetFont('Arial', 'B', 6);
        
        if($this->pagina == 1){ //Cuando el archivo está en Horizontal
            $horizontal = 85; //Permitirá que las dimensiones que abarca horizontalmente sea 85 puntos más que cuando es vertical
            $this->SetY(12);
            $this->Cell($ancho + $horizontal, 10,'Usuario: http://tucafejava.blogspot.com', 0, 0, 'R');
            $this->SetY(15);
            $this->Cell($ancho + $horizontal, 10,'Fecha: '.date('d/m/Y'), 0, 0, 'R');
            $this->SetY(18);
            $this->Cell($ancho + $horizontal, 10,'Hora: '.date('H:i:s'), 0, 0, 'R');            
        } else {            
            $this->SetY(12); //Mencionamos que el curso en la posición Y empezará a los 12 puntos para escribir el Usuario:
            $this->Cell($ancho, 10,'Usuario: http://tucafejava.blogspot.com', 0, 0, 'R');
            $this->SetY(15);
            $this->Cell($ancho, 10,'Fecha: '.date('d/m/Y'), 0, 0, 'R');
            $this->SetY(18);
            $this->Cell($ancho, 10,'Hora: '.date('H:i:s'), 0, 0, 'R');            
        }        
    }
    
    function Body() {
        $yy = 40; //Variable auxiliar para desplazarse 40 puntos del borde superior hacia abajo en la coordenada de las Y para evitar que el título este al nivel de la cabecera.
        $y = $this->GetY(); 
        $x = 12;
        $this->AddPage($this->CurOrientation);
        
        $this->SetFont('helvetica', 'B', 20); //Asignar la fuente, el estilo de la fuente (negrita) y el tamaño de la fuente
        $this->SetXY(0, $y + $yy); //Ubicación según coordenadas X, Y. X=0 porque empezará desde el borde izquierdo de la página
        $this->Cell(220, 10, "Reportes Personalizados", 0, 1, 'C');
        
        $this->SetFont('courier', 'U', 15); //Asignar la fuente, el estilo de la fuente (subrayado) y el tamaño de la fuente
        $y = $this->GetY(); 
        $this->SetXY(0, $y); //Ubicación según coordenadas X, Y. X=0 porque empezará desde el borde izquierdo de la página
        $this->Cell(220, 10, "Lista de Alumnos", 0, 1, 'C');
        
        $this->SetFont('arial', '', 8); //Asignar la fuente, el estilo de la fuente (subrayado) y el tamaño de la fuente
        $y = $this->GetY() + 8;
        $this->SetXY(10, $y);
        $this->MultiCell(12, 4, utf8_decode("Nº"), 1, 'C'); //Utilizamos el utf8_decode para evitar código basura o ilegible
        $this->SetXY(22, $y); //El resultado 22 es la suma de la posición 10 y el tamaño del MultiCell de 12.
        $this->MultiCell(73, 4, utf8_decode("Apellidos y Nombres"), 1, 'C');
        $this->SetXY(95, $y);
        $this->MultiCell(40, 4, utf8_decode("Nº DNI"), 1, 'C');
        $this->SetXY(135, $y);
        $this->MultiCell(35, 4, utf8_decode("Correo"), 1, 'C');
        $this->SetXY(170, $y);
        $this->MultiCell(30, 4, utf8_decode("Teléfono"), 1, 'C');        
        $n = 1;

        while($n <= 5) {            
            $y = $this->GetY();
            $this->SetXY(10, $y);
            $this->MultiCell(12, 4, $n, 1, 'C');
            $this->SetXY(22, $y);
            $this->MultiCell(73, 4, "", 1, 'C');
            $this->SetXY(95, $y);
            $this->MultiCell(40, 4, "", 1, 'C');
            $this->SetXY(135, $y);
            $this->MultiCell(35, 4, "", 1, 'C');
            $this->SetXY(170, $y);
            $this->MultiCell(30, 4, "", 1, 'C');
            $n++;            
        }
        
        $y = $this->GetY();
        $this->SetXY(10, $y);
        $this->Cell(190, 10, utf8_decode("Alineación a la derecha con 'R'"), 0, 1, 'R');
        $y = $this->GetY();
        $this->SetXY(10, $y);
        $this->Cell(190, 10, utf8_decode("Alineación a la derecha con 'L'"), 0, 1, 'L');
        $y = $this->GetY();
        $this->SetXY(10, $y);
        $this->Cell(190, 10, utf8_decode("Alineación centrado con 'C'"), 0, 1, 'C');
        $y = $this->GetY();
        $this->SetXY(10, $y);
        $this->Cell(190, 10, utf8_decode("Texto con Borde"), 1, 1, 'J');
        
        $this->pagina = 1;
        $this->AddPage('L');
        
        $this->pagina = 0;
        $this->AddPage('P');
        
        $this->pagina = 1;
        $this->AddPage('L');
        
    }
    
    function Footer() {        
        $this->SetY(-10);
        $this->SetFont('Arial', 'I', 8);
        $this->Cell(0, 10, utf8_decode('Página ').$this->PageNo().'/{nb}', 0, 0, 'C');
        if($this->CurOrientation == 'L') { //Se reconoce el tipo de Orientación de la página (Vertical = P|Horizontal = L)
            $this->SetX(0);
            $this->Cell(292, 10, utf8_decode('Creado por el '.$this->Author), 0, 0, 'R');            
        } else {       
            $this->SetX(0);
            $this->Cell(205, 10, utf8_decode('Creado por el '.$this->Author), 0, 0, 'R');
            
        }        
    }
}

$pdf = new PDF();
$pdf->pagina = 0;
$pdf->AliasNbPages(); //Permitir el conteo de la cantidad de páginas existentes {nb}
$pdf->Body(); //Llamada a la función Body para generar el PDF
$pdf->Output('ReporteEjemplo_TuCafeJava_'.date("d_m_Y_H_i_s"), 'I'); //El primer parámetro es para colocar el nombre del archivo al momento de ser descargado y el segundo parámetro es para abrir el archivo en el navegador con la opción para poder ser descargado
?>

Si deseas que tu reporte contenga la detalles en el pie de página es necesario agregar dentro de la función footer el siguiente código:

<?php

$this->SetY(-10);
$this->SetFont('Arial', 'I', 8);
$this->Cell(0, 10, utf8_decode('Página ').$this->PageNo().'/{nb}', 0, 0, 'C');
if($this->CurOrientation == 'L') { //Se reconoce el tipo de Orientación de la página (Vertical = P|Horizontal = L)
   $this->SetX(0);
   $this->Cell(292, 10, utf8_decode('Creado por el '.$this->Author), 0, 0, 'R');            
} else {       
   $this->SetX(0);
   $this->Cell(205, 10, utf8_decode('Creado por el '.$this->Author), 0, 0, 'R');
}

?>

Permitiendote insertar los detalles en el pie de página de tus reportes. Debo hacer hincapié que, para la posición de cada elemento es necesario trabajar con coordenadas con las clásicas variables X, Y como quien recuerda la escuela como son las teorías de geometría analítica y del espacio.

Si deseas insertar una imagen como logo de tu reporte, utiliza la función Image(), no debes olvidar el direccionamiento a la carpeta o ubicación de la imagen en el caso de ser una url o servidor local. En la siguiente imagen puedes apreciar que el archivo logo.png se encuentra dentro de la carpeta img.

En el caso que se desee abrir el reporte a través de un botón y en una ventana nueva; el código de la página index.php la cual se encargará de contener la función que abrirá el reporte tendría el siguiente código.

   
      
      
   
   
      

Abrir en una nueva pestaña

         
      

Abrir en una nueva ventana popup con tamaño definido

      

Abrir en una nueva ventana popup maximizado
 
      

Abrir en una nueva pestaña utilizando la etiqueta de hipervínculo
En el caso de utilizar bootstrap puedes personalizarlo
Generar reporte
   

El resultado del código anterior:

Espero haya sido de ayuda este artículo para la personalización de tus reportes de los proyectos que tienes desarrollando en entorno web, con esta potente librería y el lenguaje de programación PHP puedes hacer maravillas, no te olvides dejar tu comentario o tal vez una opinión para seguir mejorando nuestro blog, o compartirlo en tus redes sociales. Agradecido por anticipado por el apoyo.

Clic aquí para descargar el código de este artículo.