Assalamualaikum wr.wb
Ini adalah seri lanjutan dari Belajar membuat CRUD dengan Laravel 7. Sesuai list kali ini kita akan belajar Cara Menampilkan Data Dari Database atau Read Data. Seperti biasa teman-teman jalankan terlebih dahulu web server dan projek laravelnya.
*Gambar (1.2)
Pertama kita akan membuat sebuah routing dan controller
terlebih dahulu. Routing sendiri terletak di folder “routes/web.php”.
*Tampilan routing awal laravel 7
Pada gambar di atas terdapat 1 route dengan tipe get dan url
“/”, routing ini adalah routing default yang kita gunakan disaat pertama kali
kita membuka sebuah projek laravel. Yang mana ketika kita mengakses
“localhost:8000” kita akan diarahkan ke route ini(“/”) kemudian route (“/”) akan
mengembalikan sebuah file dari folder views yang bernama welcome.blade.php dan
akan ditampilkan ke browser kita. Pada route ini kita tidak menggunakan
controller sebagai perantara view-nya karena di file welcome.blade.php tidak
menampilkan data dari database, ada beberapa bentuk penulisan routing dilaravel
tapi mimin tidak akan membahasnya disini, mungkin dilain artikel kita akan
bahas mengenai bentuk-bentuk penulisan routing.
Karena disini kita akan menampilkan data peserta dari
database maka, kita akan membuat sebuah controller pesertanya terlebih dahulu
dengan mengetikkan perintah “php artisan make:controller NamaController”.
*Controller Peserta berhasil dibuat
*Tampilan Controller baru
Setelah membuat controller kita akan membuat routingnya,
silahkan teman-teman ikuti saja penulisan routingnya.
Note :
Route::tipe(“nama url”, [
‘uses’ => ‘NamaController@method/function yang akan kita
pakai’,
‘as’ => ‘nama yang akan kita gunakan nantinya (fungsi as
akan kita gunakan di tutorial yang akan datang).’ Dan untuk penamaan bebas itu
terserah teman-teman saja.
]);
Kita coba buka halaman peserta dengan route yang telah kita buat di browser “localhost:8000/peserta”.
Hasilnya error, kenapa? Pada pesan errornya kita telah
diberitau bahwa Method index di Controller Peserta tidak ada, kita buat
methodnya terlebih dahulu.
Nah errornya sudah hilang dan menampilkan halaman blank
putih, kenapa? Ya karena kita belum mengembalikan view mana yang akan kita
tampilkan ke browsernya.
Note :
Peserta.index sama dengan peserta/index, peserta nama folder
dan index nama file yang akan ditampilkan ke browser.
Refresh kembali halaman browsernya.
Nah disini kita menemui error lagi, kenapa? Ya dierrornya
kita sudah dikasih tau bahwa folder peserta/index di views tidak ada. Jadi kita
akan membuatnya terlebih dahulu.
Disini mimin telah membuat sebuah folder di views yang
bernama peserta yang didalamnya ada file bernama index.blade.php dan file ini
yang akan kita tampilkan di browser nantinya, pada file ini mimin telah
menambahkan koding html sederhana untuk menampilkan data nantinya.
Refresh lagi halaman pesertanya.
Tampilannya sudah muncul sesuai kodingan kita, kemudian
bagaimana cara menampilkan datanya? Untuk menampilkan data dari database
tentunya kita membutuhkan sebuah model, jadi kita harus membuat model
pesertanya terlebih dahulu.
Untuk membuat model ketikkan perintah “php artisan
make:model Nama_model”.
Model sendiri terletak di folder “app”.
*Tampilan model baru
Note :
Disana kita memiliki 2 model Peserta dan User, untuk model
User sudah default bawaan dari laravelnya.
Kita akan menampilkan data dari tabel peserta, jadi kita
akan menghubungkan model Peserta kita dengan tabel peserta yang berada di
database. Bagaimana caranya?
Kita gunakan protected $table = “nama_tabel”; penyetingan
modelnya sudah selesai, kemudian kita panggil si model peserta ini di
controller Peserta.
*Penjelasan ada pada gambar
Untuk menampilkan datanya mimin akan menggunakan forelse,
kenapa tidak menggunakan foreach? Ya itu gimana selera aja sih, cuman jika
menggunakan forelse ketika kita akan menampilkan data dan di tabelnya tidak ada
data sama sekali untuk ditampilkan, maka otomatis laravel akan menampilkan kode
yang berada di @empty.
Note :
{{}} = echo
$loop->iteration = Untuk penomoran
$vk alias dari peserta
*Sesuaikan penamaan dari field database untuk menampilkan data yang akan
ditampilkan
*Ada Data
*Data Empty
Sekian untuk tutorial kali ini, semoga bermanfaat untuk
teman-teman umumnya dan semoga tutorialnya mudah untuk dipahami. Jika teman-teman mengalami
error atau ada yang kurang paham bisa tanyakan di kolom komentar.
Apa selanjutnya?
Mimin lagi bagi-bagi source code gratis nih - Source Code Gratis!
Note :
Jika terdapat kesalahan dalam pengertian, silahkan teman-teman memberikan komentar yang membangun.
Jika terdapat kesalahan dalam pengertian, silahkan teman-teman memberikan komentar yang membangun.
0 Komentar