Membaca Data Hotel Laravel 11

Dari Dokumentasi Robie
Loncat ke navigasi Loncat ke pencarian


Edit file app.blade.php

Buka file app.blade.php pada folder resource/view/components/layouts

menghapus semua menu sebelah kiri dan hanya ditampilkan Dashboard dan menambah Menu Hotel.

001-tampil-data-rubah-menu-samping.png

Tambahkan wire:navigate

Tambahkan wire:navigate pada tiap link. agar tidak ada load saat pindah halaman. sehingga kode program menjadi seperti berikut

002-tambah-wire-navigate.png

Buat Component hotel-list

Sebelum kita tambahkan routingnya kita perlu membuat component data hotel, dengan cara mengetikan perintah php artisan make:livewire hotels.hotel-list lalu enter. Perintah ini maksudnya adalah buatkan class dan view di folder hotels dengan nama file HotelList.php dan hotel-list.blade.php, jika perintah ini berhasil maka akan muncul tampilan berikut

003-buat-component-data-hotel.png

Buat Routing Hotels

Ketika di klik link Hotels sudah dibuat, maka akan muncul 404 not found, karena routingnya belum dibuat. Selanjutnya buat routing di file routes/web.php.

004-routing-halaman-hotels-dashboard.png

Edit file hotel-list.blade.php

Edit file hotel-list.blade.php, kemudian isi file dari dashboard.blade.php

sehingga kode program menjadi seperti ini (gambar terpotong, masih ada script dibawahnya)

005-hasil-copas-dari-dashboard-blade.png

copy source code tabel untuk menampilkan semua data dari kode master html dan sesuaikan dengan tabel yang dibuat di database, sehingga kode program menjadi seperti berikut

006-kode-tabel-hotel.png

Ubah Judul Halaman agar menjadi dinamis

untuk merubah judul halaman, kita perlu sedikit merubah file di app.blade.php pada bagian title menjadi seperti ini

007-title-dinamis-laravel-11.png

dan mengedit sedikit file HotelList.php pada folder app/Livewire/Hotels/HotelList.php menjadi seperti berikut

008-tambah-title-di-hotellist.png