PEMROGRAMAN FRAMEWORK

LAPORAN MODUL 10
LARAVEL THIRD PARTY PACKAGE

Rama Prihandana Pangestu 1204200014

LINK GITHUB: https://github.com/RamaPrihandana/MODUL10

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNOLOGI INFORMASI DAN BISNIS INSTITUT
TEKNOLOGI TELKOM SURABAYA
2022
Penerapan Laravel DataTables
Tambahkan kode dibawah ini pada EmployeeSeeder Untuk Menambahkan data dalam public function
run :

Registrasi aset datatables pada /resources/js/app.js dengan menambahkan kode dibawah ini :

Registrasi aset datatables pada /rouserces/sass/app.scss dengan menambahkan kode dibawah ini :

Import jQuery pada /resource/js/bootstrap.js dengan menambahkan kode dibawah ini :

Tambahkan kode dibawah ini pada app.blade.php pada folder view/layout dibawah
@yield(‘content’) :

Buka file index.blade.php pada view/employee dan tambahkan kode dibawah ini dan taruh
setelah @section :

Tambahkan id pada sintaks table pada file yang sama sesuai pada gambar dibawah ini :

Server Side Processing Data Tables

Tambahkan uri getEmployee pada routes :

Buat method getData pada employee controller :

Sesuaikan method index pada employee controller sesuai dengan kode dibawah ini :

Ganti view table pada employee/index sesuai pada kode dibawah, pengulangan tbody dihapus
karena diload oleh datatables secara asinkronus :
Sesuaikan kode script seperti dibawah ini setelah bagian section :

Penerapan Laravel SweetAlert

Buke employee controller pada method store(), update(), destroy() dan tambahkan import
diatasnya :

Buka file view employee/actions.blade.php dan tambahkan class btn-delete dan attribute data-
name seperti kode dibawah :

Masuk pada file view employee/index dan tambahkan class datatable pada table sintaks seperti
kode dibawah ini :
Tambahkan kode push script pada view employee/index seperti kode dibawah ini dibawah
$”#employeeTable” :

Sesuaikan index dan tambahkan kode confirm delete seperti dibawah ini pada employee
controller:

Penerapan Laravel Excel

Buat button untuk export pada view employee/index dengan menambahkan kode berikut (ganti
div dengan class row mb-0 dengan kode baru dibawah ini) :

Buat routes baru :

Ubah file EmployeeExport yang tersedia pada app/exports seperti kode dibawah ini :
Buat file view baru untuk excel dengan nama export_excel.blade.php pada view employee dan
masukkan kode seperti dibawah ini :
Buat method exportExcel() pada employee controller dan tambahkan kode seperti dibawah ini
(import modul yang dibutuhkan dengan use dan buat methodnya) :

Penerapan Laravel DomPdf

Buka file view index employee dan tambahkan kode dibawah ini untuk membuat button toPdf
(posisi kode didalam list yang sama dengan tombol toExcel dan create employee) :

Buat rute baru pada routes/web.php :

Buat file pada folder view/employee dengan nama export_pdf.blade.php dan juga isikan kode
seperti dibawah ini :

Buat method exportPdf() pada employee controller dan tambahkan kode seperti dibawah ini
untuk mengimport modul yang dibutuhkan serta membuat methodnya :
Memindahkan dan Memisahkan Kode Javascript

Buat file employee.js pada direktori /resources/js/ untuk memisahkan kode javascript, dan juga
pindahkan kode javascript (yaitu kode push script) pada index.blade.php pada view/employee
lalu pindahkan ke file employee.js yang baru saja kita buat. Hilangkan tag <script> dan sisakan
kode seperti dibawah ini pada employee.js :
Buka file /resources/js/app.js dan tambahkan kode seperti dibawah ini untuk import file
employee.js (taruh dibawah import datatables) :