Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Laporan PDF Pada Laravel Menggunakan DOMPDF

Cara Membuat Laporan PDF Pada Laravel Menggunakan DOMPDF

Setelah berhasil membuat proses CRUD selanjutanya hal yang tidak kalah penting adalah pembuatan laporan, untuk membuat laporan kita akan menggunakan sebuah plugin DOMPDF, plugin tersebut dapat anda install menggunakan composer, berikut adalah langkah-langkah instalasi DOMPDF pada laravel.

  1. Buka CMD kemudian masuk kedalam project laravel anda.
  2. Setelah masuk kedalam proejct silahkan masukan perintah berikut : composer require barryvdh/laravel-dompdf kemudian tekan enter dan tunggu sampai proses instalasi selesai.
berikutnya kita akan memodifikasi settingan pada config/app.php untuk melakukan konfigurasi DOMPDF agar terbaca oleh aplikasi yang kita buat. buka config/app.php pada project anda kemudian tambahkan pengaturan sebagai berikut :

'providers' => [
....
BarryvdhDomPDFServiceProvider::class,
],


'aliases' => [
....
'PDF' => BarryvdhDomPDFFacade::class,
]

Tambahkan/modfikasi route pada folder route/web.php menjadi seperti berikut :

Route::group(['prefix' => 'mhs'], function () {
Route::resource('/mahasiswa', 'MahasiswaController');
Route::get('/search', ['uses' => 'MahasiswaController@search', 'as' => 'mahasiswa.search']);
Route::get('/cetak_pdf', ['uses' => 'MahasiswaController@cetak_pdf', 'as' => 'mahasiswa.cetak_pdf']);
});

pada file web.php diatas kita menambahkan sebiuah route baru untuk melakukan cetak pdf dengan nama fungsi cetak_pdf pada Mahasiswa Controller.php, untuk itu mari kita buka controller tersebut untuk menambahkan fungsi cetak_pdf() :

public function cetak_pdf()
{
$mhs = Mahasiswa::all();
$pdf = PDF::loadview('mahasiswa.mahasiswa_pdf', ['mahasiswa' => $mhs]);
return $pdf->download('laporan-mahasiswa-pdf.pdf');
}

Jangan lupa untuk menambahkan use PDF; dibawah namespace. pada coding diatas diatas terdapat sebuah fungsi PDF::loadview fungsi tersebut untuk menentukan lokasi file laporan yang akan kita cetak, pada coding diatas file laporab berada pada view mahasiswa.mahasiswa_pdf yang berarti berada di view laporan dan nama fielnya adalah mahasiswa_pdf.blade.php, silahkan tambahkan terlebih dahulu file tersebut jika sudah kita akan membuat design laporan untuk meampilkan data. design file tersebut sebagai berikut :
<!DOCTYPE html>
<html>

<head>
<title>STTI - Laporan Mahasiswa</title>
<link href="{!!asset('css/bootstrap.min.css')!!}" rel="stylesheet" type="text/css">
<link href="{!!asset('css/dashboard.css')!!}" rel="stylesheet" type="text/css">
</head>

<body>
<style type="text/css">
table tr td,
table tr th {
font-size: 9pt;
}
</style>
<center>
<h5>LAPORAN MAHASISWA</h5>
</center>

<table class='table table-bordered'>
<thead>
<tr>
<th>No</th>
<th>NIM</th>
<th>Nama</th>
<th>Prodi</th>
</tr>
</thead>
<tbody>
@php $i=1 @endphp
@foreach($mahasiswa as $p)
<tr>
<td>{{ $i++ }}</td>
<td>{{$p->nim}}</td>
<td>{{$p->nama}}</td>
<td>{{$p->prodi}}</td>
</tr>
@endforeach
</tbody>
</table>

</body>

</html>

Langkah terakhir kita akan menambahkan tombole cetak pdf pada view/mahasiswa/index berikut adalah coding untuk menambahkan tombol tersebut :

<a class="btn btn-success float-left" href="{{ route('mahasiswa.cetak_pdf') }}" class="btn btn-primary"
target="_blank">Cetak PDF</a>

Silahkan jalankan program anda dan tekan tombol Cetak PDF. Selesai..

Posting Komentar untuk "Cara Membuat Laporan PDF Pada Laravel Menggunakan DOMPDF"