{"id":1149,"date":"2022-03-15T18:21:09","date_gmt":"2022-03-15T11:21:09","guid":{"rendered":"https:\/\/duniacoding.info\/?p=1149"},"modified":"2022-04-26T14:08:54","modified_gmt":"2022-04-26T07:08:54","slug":"belajar-laravel-export-pdf-pada-laravel-part-2","status":"publish","type":"post","link":"https:\/\/duniacoding.id\/blog\/belajar-laravel-export-pdf-pada-laravel-part-2\/","title":{"rendered":"Belajar Laravel 8 #12 : Sistem Export PDF pada Laravel Part 2"},"content":{"rendered":"\n
\"export-pdf-pada-laravel\"<\/figure>\n\n\n\n

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 untuk melakukan Export PDF pada Laravel. <\/p>\n\n\n\n

Penjelasan Sistem Export PDF pada Laravel<\/strong><\/h2>\n\n\n\n

Nah, yang akan kita lakukan disini adalah melakukan instalasi liblary<\/code> untuk sistem Export PDF ini, setelah itu, kita akan membuat sebuah Tombol, dimana Tombol ini akan mengakses Fungsi yang digunakan untuk Export PDF pada Laravel.<\/p>\n\n\n\n

Praktek<\/strong><\/h2>\n\n\n\n

Okay, jadi disini kita akan mulai untuk Praktek export PDF pada Laravel. Akan ada instalasi dan beberapa perubahan syntax pada Laravel yang akan kita lakukan sekarang. <\/p>\n\n\n\n

Install Liblary<\/code><\/strong><\/h3>\n\n\n\n

Okay, seperti yang ada di Artikel sebelumnya, kita akan menginstall Liblary<\/code> Laravel-Dompdf<\/code>. Liblary ini bisa kalian lihat detailnya pada link ini github.com\/barryvdh\/laravel-dompdf<\/a>. Pada Link tersebut sudah terdapat juga cara instalasi Liblary yang akan kita praktekkan disini. <\/p>\n\n\n\n

Sekarang, buka Terminal didalam Project Laravel kalian, lalu ketikkan syntax berikut<\/p>\n\n\n

\ncomposer require barryvdh\/laravel-dompdf\n<\/pre><\/div>\n\n\n
\"\"<\/figure>\n\n\n\n
Setelah selesai proses instalasi, berikutnya kita harus menambahkan beberapa syntax pada file config\/app.php<\/code>. Disini kita akan menambahkan syntax tepat pada bagian providers <\/code>dan aliases<\/code>.<\/p>\n\n\n\n
Hal ini kita lakukan agar Project Laravel kita mengetahui kalau kita sudah menginstall Liblary<\/code> DOMPDF<\/code> ini.<\/p>\n\n\n\n
Tambahkan syntax seperti ini pada file config\/app.php<\/code>.<\/p>\n\n\n
\n'providers' => [\n    Barryvdh\\DomPDF\\ServiceProvider::class,\n    ...\n],\n\n'aliases' => [\n    'PDF' => Barryvdh\\DomPDF\\Facade::class,\n    ...\n]\n<\/pre><\/div>\n\n\n
Setelah selesai semua Proses ini, berikutnya kita tinggal membuat Tampilan Data<\/code> dan Tombol <\/code>yang akan digunakan untuk melakukan Proses Export PDF<\/code> pada Laravel kita.<\/p>\n\n\n\n
Setting web.php<\/code><\/strong><\/h3>\n\n\n\n
Nah, di Router (web.php)<\/code> kita ini, kita akan memperkenalkan URL\/jalan <\/code>yang akan dilalui apabila kita ingin melakukan Export PDF pada Laravel. Jadi, kita perlu membuat 2 URL<\/code> disini, yang pertama adalah untuk menampilkan Data<\/code>, yang kedua adalah untuk Sistem Export<\/code> kita.<\/p>\n\n\n\n
File web.php<\/code><\/p>\n\n\n
\nRoute::get('\/', [KaryawanController::class, 'index']);\nRoute::get('\/pegawai\/cetak_pdf', [KaryawanController::class, 'cetak']);\n<\/pre><\/div>\n\n\n
Kalau teman-teman lihat, pada File web.php<\/code> kita, disana terdapat dua rujukan Fungsi, yaitu index <\/code>dan cetak<\/code>. Index <\/code>untuk menampilkan <\/code>tampilan Data<\/code>, dan cetak <\/code>untuk Mencetak Data <\/code>tersebut<\/p>\n\n\n\n
Membuat Tampilan<\/strong><\/h3>\n\n\n\n
Setelah selesai mengatur Route <\/code>kita, sekarang kita akan membuat tampilan Tabel <\/code>dan Tombol <\/code>sederhana, disini Aku menggunakan Bootstrap saja, agar tampilan lebih menarik. kita akan buat ini didalam Folder views<\/code>. Detailnya pada views\/keryawan\/index.blade.php<\/code>.<\/p>\n\n\n\n
File views\/keryawan\/index.blade.php<\/code><\/p>\n\n\n
\n<!doctype html>\n<html lang="en">\n\n<head>\n    <!-- Required meta tags -->\n    <meta charset="utf-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1">\n\n    <!-- Bootstrap CSS -->\n    <link href="https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.1.3\/dist\/css\/bootstrap.min.css" rel="stylesheet"\n        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">\n\n    <title>Data Karyawan<\/title>\n<\/head>\n\n<body>\n    <div class="container">\n        <div class="mt-5 mb-5">\n            <h1 class="display-4">Data Karyawan<\/h1>\n        <\/div>\n        <a href="\/cetak" class="btn btn-primary">Export Data<\/a>\n        <table class="table">\n            <thead>\n                <tr>\n                    <th scope="col">Nama<\/th>\n                    <th scope="col">Email<\/th>\n                    <th scope="col">Nomor Hp<\/th>\n                    <th scope="col">Pekerjaan<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                @foreach ($dataKaryawan as $item)\n                    <tr>\n                        <th scope="row">{{ $item->nama }}<\/th>\n                        <td>{{ $item->email }}<\/td>\n                        <td>{{ $item->no_hp }}<\/td>\n                        <td>{{ $item->pekerjaan }}<\/td>\n                    <\/tr>\n                @endforeach\n            <\/tbody>\n        <\/table>\n    <\/div>\n\n\n    <script src="https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.1.3\/dist\/js\/bootstrap.bundle.min.js"\n        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">\n    <\/script>\n<\/body>\n\n<\/html>\n<\/pre><\/div>\n\n\n
Setelah selesai membuat Tampilan dari Web nya, berikutnya kita harus membuat Tampilan <\/code>untuk PDF yang akan kita Export<\/code>. Tampilan ini cukup sederhana, cukup gunakan HTML biasa agar mudah untuk di cetak. Codingan ini akan kita tempatkan pada views\/keryawan\/cetak.blade.php<\/code><\/p>\n\n\n\n
File views\/keryawan\/cetak.blade.php<\/code><\/p>\n\n\n
\n<h1 class="display-4">Data Karyawan<\/h1>\n<table class="table" border="1">\n    <thead>\n        <tr>\n            <th scope="col">Nama<\/th>\n            <th scope="col">Email<\/th>\n            <th scope="col">Nomor Hp<\/th>\n            <th scope="col">Pekerjaan<\/th>\n        <\/tr>\n    <\/thead>\n    <tbody>\n        @foreach ($dataKaryawan as $item)\n            <tr>\n                <th scope="row">{{ $item->nama }}<\/th>\n                <td>{{ $item->email }}<\/td>\n                <td>{{ $item->no_hp }}<\/td>\n                <td>{{ $item->pekerjaan }}<\/td>\n            <\/tr>\n        @endforeach\n    <\/tbody>\n<\/table>\n\n<\/pre><\/div>\n\n\n
Setting Controller<\/code><\/strong><\/h3>\n\n\n\n
Setelah selesai membuat tampilan, sekarang kita akan mengkases tampilan itu dari Controller kita. Seperti yang sudah kita buat di Route(web.php)<\/code>, kita butuh 2 fungsi, yaitu fungsi index<\/code> untuk menampilkan Data, dan fungsi cetak <\/code>untuk mencetak <\/code>Data yang ditampilkan.<\/p>\n\n\n\n
Selain itu, di Controller kita juga harus menambahkan sebuah “Perkenalan” untuk system Export PDF kita. jadi nanti Controller tau dengan apa kita mencetak PDF kita. Nah, sekarang mari kita edit File KaryawanController.php<\/code><\/p>\n\n\n\n
File KaryawanController.php<\/code><\/p>\n\n\n
\nuse Barryvdh\\DomPDF\\Facade as PDF;\n\nclass KaryawanController extends Controller\n{\n    \/**\n     * Display a listing of the resource.\n     *\n     * @return \\Illuminate\\Http\\Response\n     *\/\n    public function index()\n    {\n        return view('karyawan.index', [\n            'dataKaryawan' => Karyawan::get()\n        ]);\n    }\n\n    public function cetak()\n    {\n        $dataKaryawan = Karyawan::all();\n\n        $pdf = PDF::loadview('karyawan.cetak', ['dataKaryawan' => $dataKaryawan]);\n        return $pdf->download('laporan-pegawai.pdf');\n    }\n}\n<\/pre><\/div>\n\n\n
Nah, setelah selesai, tinggal kita jalankan Laravel kita, lalu buka url localhost:8000<\/a>.<\/p>\n\n\n\n
Praktek<\/strong><\/h3>\n\n\n\n
Nah, sekarang kita akan praktek Menampilkan data dan melakukan Export PDF pada Laravel kita. Saat teman-teman buka Projek Laravel di Website, harusnya muncul tampilan seperti ini.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Nah, tinggal klik Tombol Export Data diatas, lalu kalian akan mendapatkan file PDF dengan isi yang sama dengan Gambar diatas.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Nah, dengan ini kita sudah selesai membuat Sistem Export PDF pada Laravel dengan Liblary DOMPDF<\/code><\/p>\n\n\n\n
Kesimpulan<\/strong><\/h2>\n\n\n\n
Nah, diartikel ini teman-teman sudah berhasil mempraktekan cara untuk Export PDF pada Laravel, semoga Artikel ini bermanfaat untuk kita semua yaa, oh ya kalau kalian mau lihat Part 1 dari Artikel ini, bisa klik Link dibawah ini yaa<\/p>\n\n\n\n
  1. Belajar Laravel 8 #12 : Sistem Export pada Laravel Part 1<\/a><\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"
    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 untuk...<\/p>\n","protected":false},"author":2,"featured_media":762,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[165,93,94,46,49],"class_list":["post-1149","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","tag-export","tag-laravel","tag-laravel-8","tag-php","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/1149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/comments?post=1149"}],"version-history":[{"count":4,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/1149\/revisions"}],"predecessor-version":[{"id":1312,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/1149\/revisions\/1312"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/media\/762"}],"wp:attachment":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/media?parent=1149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/categories?post=1149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/tags?post=1149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}