Membaca Data Hotel Laravel 11: Perbedaan antara revisi
Tidak ada ringkasan suntingan |
Tidak ada ringkasan suntingan |
||
| Baris 1: | Baris 1: | ||
[[Kategori:Laravel 11]] | [[Kategori:Laravel 11]] | ||
= Edit file app.blade.php = | |||
Buka file app.blade.php pada folder resource/view/components/layouts | Buka file app.blade.php pada folder resource/view/components/layouts | ||
menghapus semua menu sebelah kiri dan hanya ditampilkan Dashboard dan menambah Menu Hotel. | menghapus semua menu sebelah kiri dan hanya ditampilkan Dashboard dan menambah Menu Hotel. | ||
[[Berkas:001-tampil-data-rubah-menu-samping.png|pus|jmpl|515x515px]] | [[Berkas:001-tampil-data-rubah-menu-samping.png|pus|jmpl|515x515px]] | ||
= Tambahkan wire:navigate = | |||
Tambahkan wire:navigate pada tiap link. agar tidak ada load saat pindah halaman. sehingga kode program menjadi seperti berikut | Tambahkan wire:navigate pada tiap link. agar tidak ada load saat pindah halaman. sehingga kode program menjadi seperti berikut | ||
[[Berkas:002-tambah-wire-navigate.png|pus|jmpl|331x331px]] | [[Berkas:002-tambah-wire-navigate.png|pus|jmpl|331x331px]] | ||
= Buat Component hotel-list = | |||
Sebelum kita tambahkan routingnya kita perlu membuat component data hotel, dengan cara mengetikan perintah | Sebelum kita tambahkan routingnya kita perlu membuat component data hotel, dengan cara mengetikan perintah | ||
<code>php artisan make:livewire hotels.hotel-list</code> 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 | <code>php artisan make:livewire hotels.hotel-list</code> 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 | ||
[[Berkas:003-buat-component-data-hotel.png|pus|jmpl|495x495px]] | [[Berkas:003-buat-component-data-hotel.png|pus|jmpl|495x495px]] | ||
= 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. | |||
[[Berkas:004-routing-halaman-hotels-dashboard.png|pus|jmpl|350x350px]] | |||
= Edit fiel 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) | |||
[[Berkas:005-hasil-copas-dari-dashboard-blade.png|pus|jmpl|364x364px]] | |||
Revisi per 10 November 2024 15.52
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.
Tambahkan wire:navigate pada tiap link. agar tidak ada load saat pindah halaman. sehingga kode program menjadi seperti berikut
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
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.
Edit fiel 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)
