Laravel - How to Generate Dynamic PDF from HTML using DomPDF
Step 1 - Download Laravel Dompdf Package
For create PDF file in Laravel first we want to download laravel-dompdf package. For this first we want to write following command in command prompt terminal.
composer require barryvdh/laravel-dompdf
Download this packege we have to register this package into Laravel working environment, for this we have to open config/app.php file and add service provider and aliase details.
'providers' => [
..........
Barryvdh\DomPDF\ServiceProvider::class,
],
'aliases' => [
..........
'PDF' => Barryvdh\DomPDF\Facade::class,
],
Step 2 - Create Controller
After this we have to create controller in our Laravel application by using composer command. This controller will handle http requrest to convert html code to PDF file.
php artisan make:controller DynamicPDFController
This command will make controller in app/Http/Controllers folder with name like DynamicPDFController.php. In this controller first we have to make index() method for fetch data from database and here for fetch data we have to get_customer_data() method and after this in index() method we have send data to view file. For convert HTML data to PDF we have make another method pdf() by using this method it will convert html code to PDF file. For html data here we have use convert_customer_data_to_html() method. Below you can find complete controller source code below.
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use DB;
use PDF;
class DynamicPDFController extends Controller
{
function index()
{
$customer_data = $this->get_customer_data();
return view('dynamic_pdf')->with('customer_data', $customer_data);
}
function get_customer_data()
{
$customer_data = DB::table('tbl_customer')
->limit(10)
->get();
return $customer_data;
}
function pdf()
{
$pdf = \App::make('dompdf.wrapper');
$pdf->loadHTML($this->convert_customer_data_to_html());
return $pdf->stream();
}
function convert_customer_data_to_html()
{
$customer_data = $this->get_customer_data();
$output = '
<h3 align="center">Customer Data</h3>
<table width="100%" style="border-collapse: collapse; border: 0px;">
<tr>
<th style="border: 1px solid; padding:12px;" width="20%">Name</th>
<th style="border: 1px solid; padding:12px;" width="30%">Address</th>
<th style="border: 1px solid; padding:12px;" width="15%">City</th>
<th style="border: 1px solid; padding:12px;" width="15%">Postal Code</th>
<th style="border: 1px solid; padding:12px;" width="20%">Country</th>
</tr>
';
foreach($customer_data as $customer)
{
$output .= '
<tr>
<td style="border: 1px solid; padding:12px;">'.$customer->CustomerName.'</td>
<td style="border: 1px solid; padding:12px;">'.$customer->Address.'</td>
<td style="border: 1px solid; padding:12px;">'.$customer->City.'</td>
<td style="border: 1px solid; padding:12px;">'.$customer->PostalCode.'</td>
<td style="border: 1px solid; padding:12px;">'.$customer->Country.'</td>
</tr>
';
}
$output .= '</table>';
return $output;
}
}
Step 3 - Create view file
After this we have make view file in resources/view/dynamic_pdf.blade.php. This file has received data from controller index() method and display dynamic data in html table format. After this we have make on button for convert this html data to pdf file. When we have click on this button then it has send request to pdf() method of controller which will convert html to PDF file by using dompdf package in laravel which we can see on web page.
<!DOCTYPE html>
<html>
<head>
<title>Laravel - How to Generate Dynamic PDF from HTML using DomPDF</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style type="text/css">
.box{
width:600px;
margin:0 auto;
}
</style>
</head>
<body>
<br />
<div class="container">
<h3 align="center">Laravel - How to Generate Dynamic PDF from HTML using DomPDF</h3><br />
<div class="row">
<div class="col-md-7" align="right">
<h4>Customer Data</h4>
</div>
<div class="col-md-5" align="right">
<a href="{{ url('dynamic_pdf/pdf') }}" class="btn btn-danger">Convert into PDF</a>
</div>
</div>
<br />
<div class="table-responsive">
<table class="table table-striped table-bordered">
<thead>
<tr>
<th>Name</th>
<th>Address</th>
<th>City</th>
<th>Postal Code</th>
<th>Country</th>
</tr>
</thead>
<tbody>
@foreach($customer_data as $customer)
<tr>
<td>{{ $customer->CustomerName }}</td>
<td>{{ $customer->Address }}</td>
<td>{{ $customer->City }}</td>
<td>{{ $customer->PostalCode }}</td>
<td>{{ $customer->Country }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</body>
</html>
Step 4 - Add Route
This is last step for generate dynamic pdf file in laravel by using dompdf package and here we want to set route for index() and pdf() method of DynamicPDFController.php file. For this we have to go to app/Http/routes.php and write following code for set route in our laravel application.
Route::get('/dynamic_pdf', 'DynamicPDFController@index');
Route::get('/dynamic_pdf/pdf', 'DynamicPDFController@pdf');
No comments