Minggu, 13 Agustus 2017

Mengambil Data Dari Database Menggunakan SPA Laravel & Vue JS


Data dapat diambil dari tabel database dengan mengeksekusi controller melalui API. Sejauh ini kita telah membuat database dan tabel sekaligus memasukkan data. Sekarang saatnya untuk mengambil data yang telah di input pada catatan sebelumnya. mari ikuti tahap demi tahap pada catatan kali ini.

Sebelumnya Baca:


Buka kembali file ItemController.php


Dan tambahkan fungsi berikut ini yang berfungsi untuk mengambil data dan mengkonversinya kedalam bentuk json


Berikut script lengkapnya:

Kemudian pada route file api.php


tambahkan route berikut ini yang merujuk pada fungsi getItem pada ItemController


berikut script lengkapnya

Lalu tahap berikutnya buka kembali component yaitu file Item.vue


dan selip kan kode berikut ini untuk menampilkan data-data nya


berikut ini script lengkapnya

setelah selesai jalankan pada browser maka akan terlihat tabel berikut datanya seperti pada tampilan berikut ini.


dan proses input data beserta menampilkan datanya secara langsung, seperti pada layar video dibawah ini.



Selanjutnya Baca:

Tidak ada komentar:

Posting Komentar