¿Cómo crear PDF’s fácilmente usando HTML2PDF?

htmlCrear reportes es una verdadera odisea si no se cuenta con los suficientes conocimientos en determinada librería, sin embargo, existen librerías como HTML2PDF que nos ayudan fácilmente a crear estos archivos PDF y nos ahorra el dolor de cabeza. En este post te explicamos como hacerlo y no morir en el intento.
Lo primero que debemos realizar es la descarga de la librería, en este caso como mencionamos anteriormente utilizaremos HTML2PDF, es bastante cómoda al manejar y nos permite estructurar nuestro reporte en una especie de HTML, aquí puedes descargar la librería.

Luego de esto copiamos la carpeta en nuestro proyecto, y procedemos a realizar el archivo que queremos que se muestre, es decir el reporte como tal, debemos tener en cuenta que la estructura de esta librería consta de una etiqueta principal llamada <page> que a su vez contiene el <page header> que es el encabezado del documento y un  <page footer> que es el pie de página. El contenido se coloca dentro de las etiquetas principales. En el ejemplo de código que se muestra se aprecia mejor la estructura. Nótese, que en el archivo se está realizando en el mismo archivo la consulta de los datos, esto se puede hacer sin la mayor complicación.


<?php

if(isset($_GET["id_ent_x_mat"])){

$id_ent_x_mat=$_GET["id_ent_x_mat"];


}
include("conexion_bd.php");
$db=conectarse();
$strsql="SELECT *
FROM entradas_x_mat";

$filas_entradas=mysql_query($strsql);
?>

<page backtop="8mm" backbottom="8mm" backleft="8mm" backright="9mm">
<page_header>
<table width="1100" height="101" border="1" bordercolor="#000000" >
<tr>
<th width="218" height="95" scope="col" valign="middle"><img src="Imagen11.png" width="132" height="72" align="middle" />
<p align="center"><span class="fuente-veneflu"><strong>Soy encabezado</strong></span></p>
</th>
</tr>
</table>
</page_header>

<page_footer>
<table width="1100" border="1" height="100">
<tr>
<th width="530" height="50" valign="middle">ELABORADO POR:______________________________</th>
<th width="530" height="50" valign="middle">REVISADO POR:_______________________________</th>
</tr>
</table>
</page_footer>
<div id="resultados" class="resultados">
<table width="1100" border="1" bordercolor="#000000" >
<tr>
<th width="76" height="39" class="titulo-tabla" scope="col">Hola</th>
<th width="180" class="titulo-tabla" scope="col">Hola2</th>
<th width="61" class="titulo-tabla" scope="col">Hola3</th>
</tr>
<?php
while($fila=mysql_fetch_array($filas_entradas))
{


$id_entr= $fila['id_ent_x_mat'];

echo "
<tr>";


echo "
<td class='Texto' align='center' >"."1". "</td>
";
echo "
<td class='Texto' align='center'>".$fila['descp_clasf']." ".$fila['descrp_subclaf_mat']." ".$fila['desc_dim_mat']. "</td>
";
echo "
<td class='Texto' align='center'>" .$fila['fecha_entrada']. "</td>
";
echo "
<td class='Texto' align='center' > " .$fila['nombre_proveedor'].  "</td>
";


echo "</tr>
";}?></table>
</div>
</page>

Luego de tener este archivo, si desean probarlo lo ejecutan para verificar que las consultas y los datos que retorna son correctos. En este caso, para el ejemplo se asoció el PDF a un botón que lista las entradas que se han registrado en la base  de datos. A continuación, elaboraremos en archivo que hará la conversión a PDF. El archivo tiene la siguiente estructura:

<?php

ob_start();

include(dirname(__FILE__).'/EntradasPDF.php');
require_once('../html2pdf/html2pdf.class.php');
$content= ob_get_clean();

try
{
$html2pdf = new HTML2PDF('L','A4','es', true, 'UTF-8'); //Configura la hoja
$html2pdf->pdf->SetDisplayMode('fullpage'); //Ver otros parámetros para SetDisplaMode
$html2pdf->writeHTML($content); //Se escribe el contenido
$html2pdf->Output('Entrada_Individual.pdf'); //Nombre default del PDF
}
catch(HTML2PDF_exception $e) {
echo $e;
exit;
}

?>

Facilmente hemos creado un PDF usando la librería HTML2PDF, Espero que les haya gustado el post y nos leemos pronto 😛


					
Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s