Setelah kemarin membuat beberapa link yang dihubungkan dengan menggunakan vue-router, maka cacatan kali ini akan mengungkapkan bagaimana cara menambah data ke dalam database menggunakan SPA Laravel & Vue JS. jadi proses penambahan data dilakukan tanpa melakukan reload halaman. dengan banyaknya plugin yang sudah terintegrasi pada laravel maka hal ini dapat dilakukan dengan mudah, mari ikuti tahap-tahap menambahan data berikut ini:
Baca Sebelumnya:
kali ini kita akan menambahkan pada tabel items, maka buatlah model dan tabel Item dengan perintah sebagai berikut:
php artisan make:model Item -m
kemudian pada file create_items_table tambahkan struktur datanya seperti berikut:
lalu buat sebuah controller yang bernama ItemController:
php artisan make:controller ItemController
yang isi dari pada file ItemController.php adalah sebagai berikut:
setelah itu buat lah route pada file api.php di folder routes
sematkan kode berikut ini:
dan yang terakhir edit file Items.vue
dan tambahkan script seperti berikut ini:
setelah semua selesai lakukan migrate dan coba jalankan pada browser.
berikut tampilan pada browser isi datanya dengan lengkap dan kemudian tekan tombol submit
maka data akan masuk kedalam database tanpa melakukan reload pada halaman
Selanjutnya Baca:
Tidak ada komentar:
Posting Komentar