CRUD Ajax Laravel 5.8 With DataTables Part 1

Siapkan terlebih dahulu secangkir kopi dan beberapa batang rokok kawan ^_^ sambil kita belajar bareng-bareng mengenai CRUD Laravel dengan ajax menggunakan datatables... 

Pertama kita install terlebih dahulu sebuah project laravel, disini menggunakan versi 5.8crud1

Tunggu sampe proses install selesai..

Kedua kita setting di .env untuk database nya sendiri, untuk contoh pada kasus ini kita menggunakan nama database crud

crud2

Ketiga kita buat model sekaligus migration dan controller nya

crud3

Keempat kita harus membuat untuk routes nya

crud4

kelima kita jalankan terlebih dahulu php artisan serve diterminal, apakah project yang sudah kita buat berhasil apa tidak

crud5

Setelah itu kita akses <http://127.0.0.1:8000> jika berhasil maka tampilan akan seperti ini

crud6

keenam setelah kita membuat migration untuk database nya, kita isi sesuai dengan kebutuhan tablenya 

public function up()
    {
        Schema::create('cruds', function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->string('name');
            $table->timestamps();
        });
    }

pada kasus ini kita menambahkan column name pada schema table migration nya, setelah itu kita migrate

PS C:\wamp64\www\crud> php artisan migrate
Migration table created successfully.
Migrating: 2014_10_12_000000_create_users_table
Migrated:  2014_10_12_000000_create_users_table (0.8 seconds)
Migrating: 2014_10_12_100000_create_password_resets_table
Migrated:  2014_10_12_100000_create_password_resets_table (0.74 seconds)
Migrating: 2020_11_14_033228_create_cruds_table
Migrated:  2020_11_14_033228_create_cruds_table (0.36 seconds)
PS C:\wamp64\www\crud> 

cek apakah didalam database crud yang sudah kita migrate apakah berhasil, jika berhasil tampilan nya kurang lebih seperti gambar dibawah ini

crud8

Bersambung ... ^_^

Kita lanjut part2 nya, apa saja yang dibutuhkan dalam pembuatan crud yang akan kita bahas pada tulisan kali ini, seperti Yajra DataTables package dan laravelcollective bagaimana cara menginstall nya karena kita membutuhkan nya dalam kasus ini

Terimakasih sebelumnya...

Related Articles

Comments