Akademi Manajemen Informatika

export-pdf-pada-laravel

Di artikel ini, kita akan melanjutkan Sistem Export PDF pada Laravel. Setelah di artikel sebelumnya kita melakukan instalasi dan persiapan kebutuhan seperti Tampilan dan Database, disini kita akan Benar-Benar memulai Kepada melakukan Export PDF pada Laravel.

Penjelasan Sistem Export PDF pada Laravel

Nah, yang akan kita lakukan disini adalah melakukan instalasi liblary Kepada sistem Export PDF ini, setelah itu, kita akan Membangun sebuah Tombol, dimana Tombol ini akan mengakses Fungsi yang digunakan Kepada Export PDF pada Laravel.

Praktek

Okay, jadi disini kita akan mulai Kepada Praktek export PDF pada Laravel. Akan Terdapat instalasi dan beberapa perubahan syntax pada Laravel yang akan kita lakukan sekarang.

Baca Juga:  Langkah Menjadi Web Developer Pemula Belajar Dengan Mudah

Install Liblary

Okay, seperti yang Terdapat di Artikel sebelumnya, kita akan menginstall Liblary Laravel-Dompdf. Liblary ini Dapat kalian lihat detailnya pada link ini github.com/barryvdh/laravel-dompdf. Pada Link tersebut sudah terdapat juga Langkah instalasi Liblary yang akan kita praktekkan disini.

Sekarang, buka Terminal didalam Project Laravel kalian, Lampau ketikkan syntax berikut

composer require barryvdh/laravel-dompdf
Belajar Laravel 8 #12 : Sistem Export PDF pada Laravel Part 2 Dunia Coding

Setelah selesai proses instalasi, berikutnya kita harus menambahkan beberapa syntax pada file config/app.php. Disini kita akan menambahkan syntax Benar pada bagian providers dan aliases.

Hal ini kita lakukan agar Project Laravel kita mengetahui kalau kita sudah menginstall Liblary DOMPDF ini.

Tambahkan syntax seperti ini pada file config/app.php.

'providers' => [
    Barryvdh\DomPDF\ServiceProvider::class,
    ...
],

'aliases' => [
    'PDF' => Barryvdh\DomPDF\Facade::class,
    ...
]

Setelah selesai Seluruh Proses ini, berikutnya kita tinggal Membangun Tampilan Data dan Tombol yang akan digunakan Kepada melakukan Proses Export PDF pada Laravel kita.

Baca Juga:  Alternatif Mesin Pencari Selain Google Search

Setting web.php

Nah, di Router (web.php) kita ini, kita akan memperkenalkan URL/jalan yang akan dilalui apabila kita Ingin melakukan Export PDF pada Laravel. Jadi, kita perlu Membangun 2 URL disini, yang pertama adalah Kepada menampilkan Data, yang kedua adalah Kepada Sistem Export kita.

File web.php

Route::get('/', [KaryawanController::class, 'index']);
Route::get('/pegawai/cetak_pdf', [KaryawanController::class, 'cetak']);

Kalau Mitra-Mitra lihat, pada File web.php kita, disana terdapat dua rujukan Fungsi, Yakni index dan cetak. Index Kepada menampilkan tampilan Data, dan cetak Kepada Mencetak Data tersebut

Membangun Tampilan

Setelah selesai mengatur Route kita, sekarang kita akan Membangun tampilan Tabel dan Tombol sederhana, disini Saya menggunakan Bootstrap saja, agar tampilan lebih menarik. kita akan buat ini didalam Folder views. Detailnya pada views/keryawan/index.blade.php.

File views/keryawan/index.blade.php





    
    
    

    
    

    Data Karyawan



    
Export Data @foreach ($dataKaryawan as $item) @endforeach
Nama Email Nomor Hp Pekerjaan
{{ $item->nama }} {{ $item->email }} {{ $item->no_hp }} {{ $item->pekerjaan }}

Setelah selesai Membangun Tampilan dari Web nya, berikutnya kita harus Membangun Tampilan Kepada PDF yang akan kita Export. Tampilan ini cukup sederhana, cukup gunakan HTML Standar agar mudah Kepada di cetak. Codingan ini akan kita tempatkan pada views/keryawan/cetak.blade.php

File views/keryawan/cetak.blade.php


@foreach ($dataKaryawan as $item)

@endforeach

Nama Email Nomor Hp Pekerjaan
{{ $item->nama }} {{ $item->email }} {{ $item->no_hp }} {{ $item->pekerjaan }}

Setting Controller

Setelah selesai Membangun tampilan, sekarang kita akan mengkases tampilan itu dari Controller kita. Seperti yang sudah kita buat di Route(web.php), kita butuh 2 fungsi, Yakni fungsi index Kepada menampilkan Data, dan fungsi cetak Kepada mencetak Data yang ditampilkan.

Selain itu, di Controller kita juga harus menambahkan sebuah “Perkenalan” Kepada system Export PDF kita. jadi nanti Controller tau dengan apa kita mencetak PDF kita. Nah, sekarang mari kita edit File KaryawanController.php

File KaryawanController.php

use Barryvdh\DomPDF\Facade as PDF;

class KaryawanController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        return view('karyawan.index', [
            'dataKaryawan' => Karyawan::get()
        ]);
    }

    public function cetak()
    {
        $dataKaryawan = Karyawan::all();

        $pdf = PDF::loadview('karyawan.cetak', ['dataKaryawan' => $dataKaryawan]);
        return $pdf->download('laporan-pegawai.pdf');
    }
}

Nah, setelah selesai, tinggal kita jalankan Laravel kita, Lampau buka url localhost:8000.

Praktek

Nah, sekarang kita akan praktek Menampilkan data dan melakukan Export PDF pada Laravel kita. Begitu Mitra-Mitra buka Projek Laravel di Website, harusnya muncul tampilan seperti ini.

Belajar Laravel 8 #12 : Sistem Export PDF pada Laravel Part 2 Dunia Coding

Nah, tinggal klik Tombol Export Data diatas, Lampau kalian akan mendapatkan file PDF dengan isi yang sama dengan Gambar diatas.

Belajar Laravel 8 #12 : Sistem Export PDF pada Laravel Part 2 Dunia Coding

Nah, dengan ini kita sudah selesai Membangun Sistem Export PDF pada Laravel dengan Liblary DOMPDF

Hasil

Nah, diartikel ini Mitra-Mitra sudah berhasil mempraktekan Langkah Kepada Export PDF pada Laravel, semoga Artikel ini bermanfaat Kepada kita Seluruh yaa, oh ya kalau kalian mau lihat Part 1 dari Artikel ini, Dapat klik Link dibawah ini yaa

  1. Belajar Laravel 8 #12 : Sistem Export pada Laravel Part 1