Hello Laravel lover’s, in this tutorial i will guide you step by step ajax crud operations in laravel 7 with modal and ajax datatable, we will create a simple tutorial Laravel 7 CRUD example application that simply wrtire with jquery yajra datatable to list a records with pagination, shorting anda filter search.

Also in this topic Laravel 7 CRUD Tutorial we will use bootstrap modal for create new records and update new records into database mySQL. So i think this tutorial will give you a simple guide to create ajax crud example in Laravel 7 and also this tutorial also can implemented in Laravel 6. So scroll and follow this Laravel 7 CRUD Tutorial with modals and ajax below.

Oke teman-teman diatas adalah sedikit cerita menggunakan bahasa inggris yang intinya disini saya akan menulis sebuah tutorial bagaimana membuat CRUD di Laravel 7 dengan modals dan ajax. Sedangkan untuk ajax datatable disini saya menggunakan library yajra datatable, nantinya Yajra Datatable ini kita gunakan untuk menampilkan list records dari database MySQL.

So, agar mudah diikuti maka tutorial ini akan saya kelompokkan menjadi beberapa poin seperti berikut :

1. Install Laravel 7 pada web server
2. Install Yajra Datatable pada project
3. Melakukan Configurasi Database project
4. Membuat Migrasi Tabel Pegawai
5. Membuat Routing
6. Menambahkan Controller dan Model pada project
7. Menambahkan File Blade untuk kebutuhan CRUD
8. Menampilkan Data dari Database (READ)
9. Menambahkan Data ke Database (CRUD)
10. Mengupdate Data dari ke Database (UPDATE)
11. Menghapus Data dari Database (DELETE)

Oke teman-teman pada tutorial ini saya tidak akan membahas authentication scaffolding nya Laravel, jika teman-teman penasaran dan ingin mengikuti tutorial Laravel 7 CRUD Application example yang disertai dengan pembahasan Auth Scaffolding maka bisa mebacanya pada tutorial disini.

Baik, mari kita bahas step nya.

1. Install Laravel 7 pada web server
Sebelum melakukan instalasi framework Laravel 7 pada Web Server, maka pastikan dulu bahwa versi PHP yang terinstall pada PC Anda adalah versi PHP 7.2, berdasarkan website resminya Laravel untuk dapat menggunakan framework Laravel 7 ini dibutuhkan minimal versi PHP 7.2*, kemudian pastikan juga pada Web Server Anda telah mengaktifkan ekstensi seperti BCMath PHP Extension, Ctype PHP Extension, Fileinfo PHP extension, JSON PHP Extension, Mbstring PHP Extension, OpenSSL PHP Extension, PDO PHP Extension, Tokenizer PHP Extension, XML PHP Extension.

Memulai instalasi project Laravel 7 pada web server Anda dapat dilakukan melalui composer dengan menjalankan perintah berikut berikut, buka Terminal/ Command Prompt lalu jalankan perintah berikut :

composer create-project --prefer-dist laravel/laravel namaprojectanda "7.*"

Jika proses instalasi Laravel 7 berjalan dengan baik, maka dapat dijumpai proses berjalannya instalasi seperti berikut :

Laravel 7 Project Installation
Laravel 7 Project Installation

Proses instalasi dapat dikatakan selesai dengan sempurna jika diakhiri dengan terciptanya application key, tampak seperti berikut :

Laravel 7 Finish Installation with key
Laravel 7 Finish Installation with key

Mencoba mengakses Laravel 7 setelah proses instalasi selesai dapat dilakukan dengan menjalankan perintah php artisan serve pada project Laravel melalui jendela Terminal/Command Prompt, jalankan perintah artisan berikut :

php artisan serve

Lanjutkan dengan membuka web browser dan menjalankan URL localhost:8000, jika berjalan dengan baik maka Anda akan disambut halaman project Laravel 7 seperti berikut :

Laravel 7 CRUD Application Welcome Page
Laravel 7 CRUD Application Welcome Page

2. Install Yajra Datatable pada project

Dan berikut adalah cara menginstall Yajra datatable melalui composer :

composer require yajra/laravel-datatables-oracle

Lalu tambahkan kode berikut pada folder “config/app.php”:

'providers' => [
...,
Yajra\DataTables\DataTablesServiceProvider::class,
]

'aliases' => [
...,
'Datatables' => Yajra\DataTables\Facades\Datatables::class,
]