How to Generate PDF Using DomPDF in Laravel 10

2 years ago admin Laravel

In this tutorial, we will see how to generate pdf using DomPDF in Laravel 10, let's assume that we are working on an e-commerce website and we want to generate invoices as pdf.


Install the package

First, let's install the package we need:

                                                    
                                                                                                                
composer require barryvdh/laravel-dompdf

Create the method

Next, inside our controller, we add the method to generate the pdf here as an example we assume that the method receives an order to generate as pdf.

                                                        
                                                                                                                        
<?php

namespace App\Http\Controllers;

use App\Models\Order;
use Illuminate\Http\Request;
use Barryvdh\DomPDF\Facade\Pdf;

class OrderController extends Controller
{
    /**
     * Generate invoice as pdf
     */
    public function generateOrderAsPdf(Order $order)
    {
        $pdf = Pdf::loadView('invoice', compact('order'));
        return $pdf->download('invoice.pdf');
    }
}


Create the blade file

Next, let's create the 'invoice.blade.php' file which will receive the order to display.

                                                        
                                                                                                                        
<div style="text-align: center">
    <div>
        <div>
            <div>
                <div>
                    <div>
                        <div>
                            <h3>Order #{{$order->id}}</h3>
                            <div>
                                <div>
                                    <div>
                                        <div>
                                            <div style="border: 1px solid #000; padding: 10px"> 
                                                <h3><strong>Order summary</strong></h3>
                                            </div>
                                            <div>
                                                <div>
                                                    <div style="margin: 10px 0">
                                                        <p>
                                                            <span><strong>Product Name:</strong></span>
                                                            {{$order->product->name}}<br>
                                                            <span><strong>Product Price:</strong></span>
                                                            {{$order->product->price}}
                                                        </p>
                                                    </div>
                                                    <div style="margin: 10px 0">
                                                        <p>
                                                            <span><strong>Order Qty:</strong></span>
                                                            {{$order->qty}}<br>
                                                            <span><strong>Total:</strong></span>
                                                            {{$order->total}}
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


Add the route

Next, let's add the route.

                                                        
                                                                                                                        
Route::get('generate/{order}/invoice', [OrderController::class, 'generateOrderAsPdf'])
  ->name('orders.invoice');

Generate the pdf

Finally, we add a link to generate the pdf.

                                                        
                                                                                                                        
<a href="{{route('orders.invoice', $order)}}" class="btn btn-sm btn-success mb-1 ms-1">
    <i class="fas fa-file-invoice-dollar"></i>
</a>

Related Tuorials

Drag and Drop File Upload in React & Laravel — Step-by-Step Tutorial Part 2

In the second part of this tutorial, we will move to the frontend. First, we will create the upload...


Drag and Drop File Upload in React & Laravel — Step-by-Step Tutorial Part 1

In this tutorial, we will create a drag-and-drop file uploader using React 19 and Laravel 12. The us...


How to Add Query Parameters to Laravel Pagination

In this lesson, we will see how to add query parameters to Laravel pagination.Our goal in this lesso...


How to Add Query Parameters to Laravel Pagination with Vue 3 and Inertia.js

In this lesson, we will see how to add query parameters to Laravel pagination with Vue 3 and inertia...


How to Build a Shopping Cart in Laravel 12 (Step-by-Step) Part 3

In the third part of this tutorial, we will display the products on the home page and add, update, a...


How to Build a Shopping Cart in Laravel 12 (Step-by-Step) Part 2

In the second part of this tutorial, we will add the controllers we need with the function...


How to Build a Shopping Cart in Laravel 12 (Step-by-Step) Part 1

In this tutorial, we will Learn how to create a fully functional shopping cart in Laravel 12. The us...


How to Add a Relationship to a Select in Filament

In this lesson, we will see how to add a relationship to a select in Filament.Let's assume that we h...


How to Generate Slugs from a Title in Filament

In this lesson, we will see how to generate slugs from a title in Filament, Sometimes we need to gen...


How to Change the Order of the Filament Left Navigation Menu Items

In this lesson, we will see how to change the order of the filament left navigation menu items.Somet...