Halo semuanya. Pada tutorial kali ini kita akan membuat sebuah proses CRUD di Framework Laravel dengan mengitegrasikan Datatables. Lalu kenapa harus menggunakan Datatables? Karena dengan datatables data jadi lebih mudah untuk dikelola serta kemudahan untuk mengenerate kode tanpa harus menggunakan baris kode yang panjang.

Nah, tutorial kali ini kita akan belajar tentang CRUD menggunakan Datatables. Bagaimana caranya, mari kita simak tutorial berikut ini.

Membuat CRUD dengan Datatables

Berikut adalah langkah – langkah membuat CRUD dengan Datatables :

Langkah 1 : Lakukan konfigurasi database dengan menggunakan file .env

Langkah 2 : Buatlah file model sekaligus migration untuk membuat tabel. Gunakan perintah berikut :

Kemudian buka file migration ubah dengan kode berikut :

Dan jalankan perintah untuk membuat tabel dengan mengetikkan :

Jika benar maka akan muncul tabel perusahaans dengan struktur tabel berikut :

Struktur tabel perusahaans

Langkah 3 : Lakukan instalasi package laravel Datatables dengan menggunakan perintah :

Langkah 4 : Kemudian registrasikan ke dalam sistem laravel dengan melakukan setting pada file config/app.php

Langkah 5 : Kemudian publish laravel datatables vendor dengan menggunakan perintah :

Langkah 6 : Buatlah controller baru dengan nama CrudController. Gunakan perintah :

Buka file controller kemudian ubah menjadi :

Langkah 7 : Setelah membuat Controller, buatlah direktori baru view/perusahaan. Nantinya kita akan membuat beberapa file view pendukung antara lain :

  1. index.blade.php untuk menampilkan daftar data perusahaan.
  2. create.blade.php untuk menampilkan form tambah data perusahaan.
  3. action.blade.php untuk menampilkan tombol aksi.
  4. edit.blade.php untuk menampilkan form edit data perusahaan.

Oke langsung saja kita membuat masing – masing file diatas.

  • File index.blade.php

  • File create.blade.php

  • File edit.blade.php

  • File action.blade.php

Langkah 9 : Buka file routers/web.php kemudian tambahkan beberapa route berikut :

Langkah 10 : Jalankan project laravel kemudian buka browser dan ketikkan http://localhost:8000/perusahaan atau http://localhost/namaproject/public/perusahaan

Jika benar maka akan menampilkan tampilan data dengan datatables seperti pada gambar di bawah ini :

Tampilan data dengan Datatables

Nah, kalian bisa mencoba untuk melakukan Tambah Data, Ubah Data maupun Hapus Data pada data perusahaan. Selamat mencoba.

Kesimpulan

Kita telah mempelajari bagaimana membuat CRUD dengan menggunakan package laravel Yajra Datatables. Dimana kita sangat dimudahkan dalam membuat tampilan yang terlihat compactness serta meningkatkan performa aplikasi karena diakses melalui serverside.

Dengan Yajra Datatables kita akan dimudahkan dalam proses menampilk data. Apalagi jika data yang akan di load begitu banyak dengan ribuan bahkan jutaan baris data. Oleh karena itu, penggunaan datatables serverside menjadi sangat penting untuk memaksimalkan kinerja aplikasi.

Comments to: Tutorial Laravel 10 – Part 30 : CRUD dengan Yajra Datatables

Your email address will not be published. Required fields are marked *

Attach images - Only PNG, JPG, JPEG and GIF are supported.