Membuat Buku Tamu – Laravel + AngularJS

Sebelumnya telah kita ketahui cara membuat Buku Tamu dengan Laravel juga membuat Buku Tamu dengan menggunakan AngularJS, kini kita akan menggabungkan keduanya, bagaimana hasilnya mari ikuti langkah-langkah berikut ini.

Baca terlebih dahulu:

• Membuat Buku Tamu – Laravel
• Membuat Buku Tamu – AngularJS

1. Buka web editor dan ketikan kode berikut ini pada app/Http/routes.php.

2. Kemudian buat GuestBookController.php dengan cara buka shell lalu ketikan perintah berikut ini.

$ php artisan make:controller GuestBookController

3. Setelah itu pada Controller tersebut ketik kode berikut ini.
4. Selanjutnya jangan lupa membuat model dan tabel yaitu dengan cara buka shell lalu ketikan perintah berikut ini.

$ php artisan make:model GuestBook -m

5. Pada file migration tambahkan kode berikut ini.

$table->string('name', 100);
$table->string('comments', 255);

6. Setelah itu ketik pada shell ketik perintah berikut ini untuk membuat tabel database.

$ php artisan migrate

7. Kemudian buat file guestbook.blade.php pada resource/views yang isi kodenya sebagai berikut.
8. Terlihat pada kode guestbook.blade.php diatas terlihat kita akan menggunakan file guestbook.js maka buat file guestbook.js tersebut pada public/js dan ketik kode berikut ini.
9. Selanjutnya buka web browser lalu ketik alamat merujuk ke route guestbook misalnya http://localhost/guestbook. jika berhasil akan menghasilkan tampilan seperti yang terlihat pada gambar 2.2, kemudian Anda coba untuk memasukan Nama dan Pesan lalu tekan tombol Kirim.

Gambar 2.2