Cara menggunakan Datatables di Laravel dengan Database MySQL

Cara menggunakan Datatables di Laravel dengan Database MySQL, Datatables Serverside – Halo semuanya, apa kabar ? semoga dalam keadaan baik-baik saja. Tutorial pemrograman kali ini membahas mengenai tutorial Laravel.

Tutorial Laravel yang membahas mengenai cara menggunakan datatables di Laravel biasa dan menggunakan Datatables ServerSide.

Sudah tahu apa itu datatable ?

Apa itu Datatables ?

Datatables adalah sebuah package / Libary yang digunakan untuk menampilkan data ke dalam bentuk sebuah tabel. Perbedaan tabel dengan datatable dan tidak terletak pada fitur yang di sajikan.

Dengan menggunakan Fitur Datatable kita tidak lagi di pusing kan membuat pagination, pencarian, sorting dan masih banyak lagi karena semua itu sudah di sediakan oleh datatables.

Penggunaan Datatables sendiri dapat di bedakan menjadi 2 yaitu : Datatables biasa dan Datatables Server Side.

Cara menggunakan databales biasa cukup dengan menampilkan data pada umumnya, sedangkan datatables server side yaitu menggunakan data json untuk di tampilkan di tabel.

Keuntungan menggunakan Datatables server side yaitu kecepatan akses terhadap data lebih cepat karena akan di bagi per jumlah data. Sedangkan untuk datatables regular akan di tampilkan seluruh data hanya saja di tangani dengan tabel pada jumlah pagination tertentu.

Yuk lanjut kita lakukan di dalam pengkodean.

Apa saja yang perlu di siapkan untuk menggunakan Datatable Laravel?

  • Projek Laravel
  • Database MySQL

Berikut ini contoh skema tabel yang di pakai :

Skema SQL di atas berguna untuk membuat tabel MySQL dengan nama “users”

Silahkan isi database tabel users dengan data dummy.

Cara menggunakan Datatables di Laravel dengan Database MySQL
Menggunakan Datatables ServerSide | MySQL

Gambar di atas contoh data dummy pada PC saya.

Cara menggunakan Datatables Biasa

Langsung saja silahkan buat routing baru :

routes/web.php

Asumusikan sudah terdapat controller dengan nama UserController.

Setelah itu buat controller baru :

Silahkan ubah controller Laravel dengan nama UserController dengan kode di bawah ini :

Baca Juga Tutorial Laravel pendukung untuk belajar :

Jangan lupa selanjutnya kita buat model dengan nama User.

Pada model User tidak perlu di lakukan perubahan kode PHP.

Sekarang silahkan buat views dengan nama users.blade.php

resource/users.php

Jika sudah saatnya lakukan uji coba :

Dan buka URL nya : http://127.0.0.1:8000/users_general

Maka hasilnya :

Cara menggunakan Datatables di Laravel dengan Database MySQL
Cara menggunakan Datatables di Laravel

Lihatlah gambar di atas, tampilannya sangat menarik dan fitur yang di sajikan pun sangatlah lengkah untuk kebutuhan pengelolaan data.

Selanjutnya kita buat datatables server side menggunakan yajra.

Cara menggunakan Datatables Serverside dengan Yajra

Untuk menggunakan Datatables Serverside di Laravel menggunakan package dari Yajra. Berikut ini cara instalasi package datatables yajra untuk Laravel :

Setelah itu tambahkan kode berikut ini di config/app.php

config/app.php

Jika sudah buat 2 routing baru :

2 routing laravel baru di atas berguna untuk menampilkan views dan menampilkan data JSON menggunakan Datatables Serverside oleh Yajra.

Sebelum nya kan sudah membuat UserController, jadi untuk menggunakan UserController tidak perlu bikin lagi.

Ubah UserController.php menjadi kode di bawah ini :

app/Http/Controlller/UserController.php

Perhatikan kode di atas, untuk menggunakan datatables server side di Laravel harus mengimport facade yang kita instance di config/app.php tadi.

Pada method getAllUserServerSide() terdapat query mengguakan elequent ORM untuk menampilkan data dari Database MySQL.

Untuk melakukan perubahan bentuk data pada data JSON datatables menggunakan keyword “editColumn“, sedangkan untuk menambahkan field baru yang tidak ada di tabel database dapat menggunakan perintah “addColumn“.

Selanjutnya bikin views untuk memanggil data Json pada method getAllUserServerSid() menggunakan method indexGetUser().

Silahkan buat views baru dengan nama user_server_side. Berikut ini kode views nya :

Resource/Views/user_server_side.php

Perhatikan kode di atas, untuk memanggil data json yang tadi kita buat menggunakan bantuan Ajax Jquery, Lalu hasil (response) dari json di definisikan nama field nya untuk di tampilkan sebagai data pada tabel.

Jika sudah semua saatnya lakukan uji coba :

Lalu akses URL : http://127.0.0.1:8000/index_get_user

Lihat Hasil nya :

Cara menggunakan Datatables di Laravel dengan Database MySQL
Cara menggunakan Datatables di Laravel ServerSide

Pada gambar di atas menujukkan hasil dari data pada database MySQL.Terdapat 3 varian bentuk data yaitu :

  • Data Asli,
  • Merubah Format Waktu,
  • dan Memberikan Style pada Field Data.

Note : Uji Coba menggunakan Laravel Versi 5.8

Sekian tutorial Laravel yang membahas Cara menggunakan Datatables di Laravel. Semoga Bermanfaat.

Leave a Reply