Implementasi CRUD Lebih dari Satu Tabel dengan Menggunakan Laravel + Bootstrap

Bismillahirrahmaanirrahin

Halo, selamat datang kembali di blog saya. Pada postingan ini saya akan mebhasa bagaimana cara menimplementasikan CRUD yang memiliki lebih dari satu tabel dan berelasi dengan menggunakan framework Laravel dan Bootstrap. Untuk postingan ini saya sarankan ikutin dulu langkah-langkahnya, baru setelah kalian paham, silahkan bikin versi kalian sendiri. Oke cekibrot!

1. Install Laravel

Pertama yang harus kalian lakukan adalah memastikan laptop/komputer kalian terinstal laravel. Silahkan tanya mbah gugel sebagai referensi

2. Buat folder di Laravel

Buat folder di laravel menggunakan cmd. buka cmd (command prompt) lalu ketikkan perintah berikut

"folderkalian" bebas mau kalian beri nama apa untuk folder yang mau kalian buat

3. Buat Database

Nyalakan server kalian, buka phpmyadmin, buat database yang ingin kalian buat, disini, saya akan membuat database dengan nama "pccompany"

4. Buat Tabel

Kembali ke cmd, kita akan mengisi database-nya dengan tabel menggunakan command migration yg ada di Laravel. buka kembali cmd nya lali ketikkan perintah seperti berikut. Tapi kalian harus pastikan klian melakukannya di dalam direktori folder laravel yg kalian buat di step kedua.

Caranya, ketikkan cd ..//.. untuk kembali ke direktori C:/

Setelah itu kalian masukkan command cd /xampp/hdocs/(namafolderkalian). Disini saya akan masuk ke folder yang saya buat bernama "crud".

Baru lah setelah kalian berada di dalam direktori folder laravel kalian, kalian tinggal menambahkan command berikut. Karena saya ingin membuat tabel "pelanggan", maka command-nya seperti ini

php artisan make:migration buat_tabel_pelanggan –create=pelanggans

Hasilnya nanti akan tersimpan di direktori (namafolderkalian)/database/migration/

Dengan cara yang sama, buat lagi untuk tabel barang, kategori dan transaksi.

Lanjutkan dengan mengisi tabel yang sudah kita bua dengan atribut. Pertama saya ingin mengisi abel pelanggan dengan atribut atribut berupa id, nama pelanggan dan nomor telepon. buka file pelanggan hasil command migration tadi menggunakan text editor kalian. Lalu tambahkan seperti ini.

fungsi timestamps() adalah fungsi dimana setiap kita mengupdate aka akan tersimpan juga waktu persis kapan kita mengupdate/menyimpan/membuat secara otomatis.

Lakukan hal yang sama untuk kesemua tabel!

Sebelum dimigrasi, buka file .env, untuk mengatur database yang akan dimigrasi. buka lewat text editor kalian!

Ubah nama database-ya sesuai dengan nama database kalian. ganti usernamnya dengan "root", dan kosongkan kolom password

Setelah itu, migrasikan tabel tabel yg sudah dibuat tadi dengan menggunakan perintah migrate. Buka lagi command prompt kalian, lalu ketikkan perintah berikut.

php artisan migrate

Perintah ini digunakan untuk memasukkan tabel tabel yg kita buat tadi ke dalam database kita.

5. Buat Controller

Sebelum membuat controller, kita terlebih dahulu membuat rute untuk controller-nya. Buka routes/web.php kalian menggunakan text editor kalian. Sebagai contoh, saya mengisi seperti berikut.

Setelah itu kita membuat controller dengan perintah berikut. Controller yang akan kita buat menyesuaikan dengan tabel yang sudah dibuat. Sebagai contoh, saya akan membuat controller untuk tabel pelanggan. Buka cmd kalian, ketikkan perintah berikut.

php artisan make:Controller pelangganController -resource

Perintah tersebut berarti saya membuat controller untuk pelanggan dengan nama "pelangganController". Jangan lupa buat juga untuk tabel lainnya! Hasilnya bisa kalian lihat di folder app/Http/Controller. Buka text editor kalian.

6. Buat Model

Langkah selanjutnya adalah membuat model. Ketikkan perintah berikut.

php artisan make:model pelanggan

Jika sudah, maka file yang anda buat akan ersimpan di direktori app/Provider. Jangan lupa buat untuk tabel yang lainnya!

7. Buat View

Langkah berikutnya adalah kalian harus membuat halaman view-nya. silahkan berkespresi dengan HTML untuk membuat haaman web yang kalian inginkan. Kalau saya sih, saya menggunakan framework Bootstrap 4.0.

8. Setelah membuat halaman View-nya, lalu masuk ke bagian Controller untuk membuat semua function yang dibutuhkan dalam melakukan proses CRUD.

9. Jika semua langkah sudah dilakukan, jalankan aplikasi XAMPP, lalu jalankan laravelnya di command prompt. Ketikkan perintah berikut.

php artisan serve

10. Akses halaman kalian sesuai dengan file yang sudah kalian bikin di view. Format aksesnya seperti ini.

localhost:8000/(namafileyangmaukaliantampilkan)

Selamat, kalian sudah membuat implementasi CRUD dengan sukses!

Sekian tutorial dari saya. Apabila ada yang ingin ditanyakan silahkan tulis dikolom komentar. Silahkan share tutorial ini jika bermanfaat. Terimakasih.