Monday, June 29, 2020

Menampilkan Halaman Detail Dengan Laravel





Pada bagian Detail ini ada 2 yang kita tambahkan yaitu dibagian controllers dan dibagain bagian front-end di detail.blade.php, dibagian controllernya kita akan memanggi model dari TravelPackage.




Setelah itu kita akan menambahkan query Sqlnya dan parameter slug karna dibagian route / web.php kita sudah menambahkan slug




Jadi untuk memanggil bagian travel detailnya kita akan menggunakan Slug dibandingkan menggunakan ID karna dengan menggunakan Slug lebih enak dibaca untuk pengguna




Setelah itu tambahkan variable item dengan value TravelPackage dengan relasi galleries dengan kondisional slug =  $slug lalu kita akan panggil firstorfail / datanya yang pertama akan dipanggil dan gagalkan jika datanya tidak ditemukan, setelah itu masukkan item dengan $item kedalam view.




Setelah itu masukkan data yang dikirimkan dari controller tadi kedalam view detail.blade.php  sesuai dengan apa yang ingin ditampilkan. 

Untuk menampilkan data gallery yang pertama atau menampilkan gambar yang pertama kita akan menggunakan kondisional if  sebagai mencheck data pertama untuk gallery tersebut.




Dibagian src dan xoriginal untuk menampilkan gambar pertama




Hasil dari pemanggilan data tersebut bisa dilihat seperti gambar dibawah






Untuk menampilkan thumbnail /beberapa gambar yang ada dibawah gambar utama maka kita akan menggunakan foreach, jangan lupa pada saat memanggil imagenya dibungkus dengan munggunakan storage.






Dan untuk menampilkan deskripsi pada gallery kita bisa memanggil data seperti gambar yang dibawah.



Dan untuk menampilkan data yang lain bisa dipanggil dengan cara seperti yang dibawah.




Selenjutnya untuk menampilkan data yang ada di trip informasi, dibagian tanggal kita akan set dibagian table maka kita akan menampilkan dengan menggunakan format  carbon karbon ini sudah terinstal secara otomatis di laravel contohnya seperti gambar dibawah




Hasilnya seperti gambar dibawah





Di bagian tombol ayo berangkat kita akan tambahkan pengkondisian disini kita buat 2 kondisi  jika pengguna belum login maka kita akan mengarahkan pengguna ke halaman login dan jika pengguna sudah melakukan login maka kita akan mengarahkan pengguna ke bagian proses check out




Setelah itu kita siapkan routernya sebelum kita melakukan dibagian check out




Dibagian router kita tambahkan middleware didalamnya terdapa auth yang mencheck apakah user sudah melakukan login atau tidak dan verified untuk verifikasi dibagian verifikasi ini sudah menjadi default bawaan dari laravel

Penjelasan dari setiap router diatas



Route post yang diatas adalah halaman dari checkout dengan tambahan parameter Id, router ini berfungsi untuk memproses data dari checkout tersebut, saat user menekan tombol ayo berangkat maka akan diarahkan ke checkout proses dan data yang telah diinputkan itu  akan masuk ke halaman chekout controller index, jadi nanti user akan mendapatkan Id, id disini dari id transaction. 




Setelah melakukan checkout data tersebut akan tersedia dan akan mendapatkan Id juga tapi di route ini akan menggunakan Get 




Disini kita akan membutuhkan tambahan misalnya dalam satu acara travel kita membutuhkan 5 orang nah di website ini kita bisa mengundang /invite member yang pernah join, jadi fungsinya untuk menambah dari orang selain dari pengguna.




Selanjutnya checkout remove fungsinya hampir sama dengan checkout create tapi disini kebalikan dari checkout create dimana kita akan menghapus data yang tersedia.




Dan yang terakhir bagian dari checkout confirm  jadi jika user sudah yakin dengan data yang telah diinputkan maka tahap selanjutnya akan mengganti status itu menjadi sukses, karna sebenarnya data transaksi ini atau bisa dikatakan dengan data cart / keranjang belanja hanya saja disini beda di statusnya saja.

1 comment:

  1. wah penjelasan nya simpel dan mudah di mengerti, terus semangat bagi2 ilmu nya min

    ReplyDelete