Membaca Data Hotel Laravel 11 - Riwayat revisi

Robie: /* Menampilkan Data Dari Database */

2024-11-10T16:24:35Z

Menampilkan Data Dari Database

← Revisi sebelumnya		Revisi per 10 November 2024 16.24
Baris 36:		Baris 36:
	Tambahkan data di database untuk uji coba.		Tambahkan data di database untuk uji coba.
	[[Berkas:009-tambah-data-manual.png\|pus\|jmpl\|493x493px]]		[[Berkas:009-tambah-data-manual.png\|pus\|jmpl\|493x493px]]
	Buat Model Hotel terlebih dahulu ~~dengan mengetikan perintah~~. Model dalam laravel ini adalah sebuah representasi untuk menampilkan data dari database ke halaman website.		Buat Model Hotel terlebih dahulu. Model dalam laravel ini adalah sebuah representasi untuk menampilkan data dari database ke halaman website. Cara untuk membuat model dengan mengetikkan perintah

	<code>php artisan make:model Hotel</code> (enter) (penamaan model harus single)		<code>php artisan make:model Hotel</code> (enter) (penamaan model harus single)

Robie: /* Menampilkan Data Dari Database */

2024-11-10T16:23:45Z

Menampilkan Data Dari Database

← Revisi sebelumnya		Revisi per 10 November 2024 16.23
Baris 36:		Baris 36:
	Tambahkan data di database untuk uji coba.		Tambahkan data di database untuk uji coba.
	[[Berkas:009-tambah-data-manual.png\|pus\|jmpl\|493x493px]]		[[Berkas:009-tambah-data-manual.png\|pus\|jmpl\|493x493px]]
	Buat Model Hotel terlebih dahulu dengan mengetikan perintah		Buat Model Hotel terlebih dahulu dengan mengetikan perintah. Model dalam laravel ini adalah sebuah representasi untuk menampilkan data dari database ke halaman website.

	<code>php artisan make:model Hotel</code> (enter)		<code>php artisan make:model Hotel</code> (enter) (penamaan model harus single)

	Jika berhasil akan muncul tampilan berikut		Jika berhasil akan muncul tampilan berikut

	[[Berkas:011-buat-model-hotel.png\|pus\|jmpl\|431x431px]]		[[Berkas:011-buat-model-hotel.png\|pus\|jmpl\|431x431px]]



	Cara agar data yang sudah diinput tampil di halaman web adalah dengan menambahkan array di return view pada file HotelList.php yang ada di folder app/Livewire/Hotels di belakang 'livewire.hotels.hotel-list', dengan tambahan kode untuk menambahkan variabel hotel dengan cara [ 'hotels' => Hotel::all()]		Cara agar data yang sudah diinput tampil di halaman web adalah dengan menambahkan array di return view pada file HotelList.php yang ada di folder app/Livewire/Hotels di belakang 'livewire.hotels.hotel-list', dengan tambahan kode untuk menambahkan variabel hotel dengan cara [ 'hotels' => Hotel::all()]
Baris 51:		Baris 49:

	sehingga kode program menjadi seperti berikut		sehingga kode program menjadi seperti berikut
	[[Berkas:008-tambah-title-di-hotellist.png\|pus\|jmpl\|323x323px]]		[[Berkas:008-tambah-title-di-hotellist.png\|pus\|jmpl\|323x323px]]Untuk menampilkan data pada halaman view dengan cara menambahkan looping dengan perintah

			@foreach($hotels as $hotel) dan panggil semua nama kolom dalam tabel hotel seperti tampilan berikut.
			[[Berkas:012-menampilkan-data-pada-view-hotel.png\|pus\|jmpl]]
			jika berhasil makan ketika meng-klik menu hotels maka akan muncul semua data pada database seperti tampilan berikut
			[[Berkas:013-data-sudah-muncul-di-menu-hotel.png\|pus\|jmpl\|567x567px]]

Robie: /* Menampilkan Data Dari Database */

2024-11-10T16:16:42Z

Menampilkan Data Dari Database

@@ Baris 36: / Baris 36: @@
 Tambahkan data di database untuk uji coba.
 [[Berkas:009-tambah-data-manual.png|pus|jmpl|493x493px]]
 Cara agar data yang sudah diinput tampil di halaman web adalah dengan menambahkan array di return view pada file HotelList.php yang ada di folder app/Livewire/Hotels di belakang 'livewire.hotels.hotel-list', dengan tambahan kode untuk menambahkan variabel hotel dengan cara [ 'hotels' => Hotel::all()]

Robie: /* Ubah Judul Halaman agar menjadi dinamis */

2024-11-10T16:14:22Z

Ubah Judul Halaman agar menjadi dinamis

← Revisi sebelumnya		Revisi per 10 November 2024 16.14
Baris 36:		Baris 36:
	Tambahkan data di database untuk uji coba.		Tambahkan data di database untuk uji coba.
	[[Berkas:009-tambah-data-manual.png\|pus\|jmpl\|493x493px]]		[[Berkas:009-tambah-data-manual.png\|pus\|jmpl\|493x493px]]
	Cara agar data yang sudah diinput tampil di halaman web adalah dengan menambahkan array di return view pada file HotelList.php yang ada di folder app/Livewire/Hotels di belakang 'livewire.hotels.hotel-list', dengan tambahan kode [ 'hotels' => Hotel::all()]		Cara agar data yang sudah diinput tampil di halaman web adalah dengan menambahkan array di return view pada file HotelList.php yang ada di folder app/Livewire/Hotels di belakang 'livewire.hotels.hotel-list', dengan tambahan kode untuk menambahkan variabel hotel dengan cara [ 'hotels' => Hotel::all()]

	dan ~~pada~~ library ditambahkan use App\Models\Hotel;		dan library ditambahkan use App\Models\Hotel;

	sehingga kode program menjadi seperti berikut		sehingga kode program menjadi seperti berikut
	[[Berkas:008-tambah-title-di-hotellist.png\|pus\|jmpl\|323x323px]]		[[Berkas:008-tambah-title-di-hotellist.png\|pus\|jmpl\|323x323px]]

Robie: /* Ubah Judul Halaman agar menjadi dinamis */

2024-11-10T16:13:30Z

Ubah Judul Halaman agar menjadi dinamis

← Revisi sebelumnya		Revisi per 10 November 2024 16.13
Baris 32:		Baris 32:
	dan mengedit sedikit file HotelList.php pada folder app/Livewire/Hotels/HotelList.php menjadi seperti berikut		dan mengedit sedikit file HotelList.php pada folder app/Livewire/Hotels/HotelList.php menjadi seperti berikut
	[[Berkas:008-tambah-title-di-hotellist.png\|pus\|jmpl]]		[[Berkas:008-tambah-title-di-hotellist.png\|pus\|jmpl]]

			= Menampilkan Data Dari Database =
			Tambahkan data di database untuk uji coba.
			[[Berkas:009-tambah-data-manual.png\|pus\|jmpl\|493x493px]]
			Cara agar data yang sudah diinput tampil di halaman web adalah dengan menambahkan array di return view pada file HotelList.php yang ada di folder app/Livewire/Hotels di belakang 'livewire.hotels.hotel-list', dengan tambahan kode [ 'hotels' => Hotel::all()]

			dan pada library ditambahkan use App\Models\Hotel;

			sehingga kode program menjadi seperti berikut
			[[Berkas:008-tambah-title-di-hotellist.png\|pus\|jmpl\|323x323px]]

Robie: /* Edit file hotel-list.blade.php */

2024-11-10T16:04:06Z

Edit file hotel-list.blade.php

← Revisi sebelumnya		Revisi per 10 November 2024 16.04
Baris 26:		Baris 26:
	[[Berkas:005-hasil-copas-dari-dashboard-blade.png\|pus\|jmpl\|364x364px]]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		[[Berkas:005-hasil-copas-dari-dashboard-blade.png\|pus\|jmpl\|364x364px]]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
	[[Berkas:006-kode-tabel-hotel.png\|pus\|jmpl\|385x385px]]		[[Berkas:006-kode-tabel-hotel.png\|pus\|jmpl\|385x385px]]

			= 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
			[[Berkas:007-title-dinamis-laravel-11.png\|pus\|jmpl\|415x415px]]
			dan mengedit sedikit file HotelList.php pada folder app/Livewire/Hotels/HotelList.php menjadi seperti berikut
			[[Berkas:008-tambah-title-di-hotellist.png\|pus\|jmpl]]

Robie: /* Edit fiel hotel-list.blade.php */

2024-11-10T15:58:58Z

Edit fiel hotel-list.blade.php

← Revisi sebelumnya		Revisi per 10 November 2024 15.58
Baris 20:		Baris 20:
	[[Berkas:004-routing-halaman-hotels-dashboard.png\|pus\|jmpl\|350x350px]]		[[Berkas:004-routing-halaman-hotels-dashboard.png\|pus\|jmpl\|350x350px]]

	= Edit ~~fiel~~ hotel-list.blade.php =		= Edit file hotel-list.blade.php =
	Edit file hotel-list.blade.php, kemudian isi file dari dashboard.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)		sehingga kode program menjadi seperti ini (gambar terpotong, masih ada script dibawahnya)
	[[Berkas:005-hasil-copas-dari-dashboard-blade.png\|pus\|jmpl\|364x364px]]		[[Berkas:005-hasil-copas-dari-dashboard-blade.png\|pus\|jmpl\|364x364px]]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
			[[Berkas:006-kode-tabel-hotel.png\|pus\|jmpl\|385x385px]]

Robie pada 10 November 2024 15.52

2024-11-10T15:52:30Z

← Revisi sebelumnya		Revisi per 10 November 2024 15.52
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]]
	~~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.~~

			= 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]]

Robie pada 10 November 2024 15.44

2024-11-10T15:44:03Z

← Revisi sebelumnya		Revisi per 10 November 2024 15.44
Baris 1:		Baris 1:
	[[Kategori:Laravel 11]]		[[Kategori:Laravel 11]]
	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.
			[[Berkas:001-tampil-data-rubah-menu-samping.png\|pus\|jmpl\|515x515px]]
			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]]
			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.

			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
			[[Berkas:003-buat-component-data-hotel.png\|pus\|jmpl\|495x495px]]

Robie pada 9 November 2024 14.52

2024-11-09T14:52:59Z

← Revisi sebelumnya		Revisi per 9 November 2024 14.52
Baris 1:		Baris 1:
	[[Kategori:Laravel 11]]		[[Kategori:Laravel 11]]
			Buka file app.blade.php pada folder resource/view/components/layouts