setelah di tutorial sebelumnya kita berhasil menampilkan data ke view, kita bisa merapihkannya dan tentunya kita akan memakai framework css Bootstrap versi 4, oke teman teman langsung saja kita akan mempraktekannya di artikel CRUD Laravel Part 3 ini.
untuk menampilkan data ke view kita pertama tama cari dulu folder view nya, tepatnya berada di folder resources/ views, nah di dalam folder views kita buat folder baru dengan nama folder user dan folder layout, dan di dalam folder user kita buat file dengan nama home.blade.php dan di dalam folder layout kita buat file dengan nama master.blade.php.
di dalam file master.blade.php buat struktur html dan sambung kan dengan bootstrap. berikut contohnya.
ini adalah template yang akan kita gunakan dan panggil di dalam file home.blade.php. oh iya sebelum ke home.blade.php kita ke userController terlebih dahulu.
di dalam function index() kita return data model user ke view home. user itu nama foldernya dan home nama filenya, dan kita compact, compact di sini istilahnya mempassing data dari controller ke view, dan kita akan mempassing data user tentu saja dan no, $no ini hanya untuk penomoran agar secara otomatis nomor akan bertambah di view nantinya.
oke kita ke folder view/ user/ home.blade.php. dan ketikan kode berikut.
penjelasannya seperti berikut,
@extends (‘layout.master’) itu adalah cara untuk memanggil struktur html atau file yang ada di dalam folder layout dan file nya bernama master.blade.php.
@section(‘title’, ‘CRUD Laravel’) ini adalah cara untuk memberikan title pada Website kita, dimana cara ini lebih dinamims ketika kita akan membuat halaman baru selain halaman home.blade.php.
@section(‘content’) adalah isi dari @yield(‘content’) yang ada di dalam master.blade.php, dimana content ini bisa berubah ubah ketika kita mengganti halaman cukup memanggil @section(‘content’) pada halaman tersebut.
dan untuk @foreach ini adalah fungsi foreach seperti biasa pada PHP, di laravel menggunakan @foreach() sebagai pembuka dan penutupnya adal;ah @endforeach
dan untuk kurung kurawal atau tanda {{ }} ini sama seperti memanggil kode seperti ini <?php echo ?> nah cukup simpel bukan.
nah sekarang coba kalian jalankan php artisan serve kalian dan lihat di browser dengan alamat localhost:8000/user
nah kita berhasil menampilkan data data dari database tentunya sekarang dengan menggunakan blade templatenya laravel, dan framework bootstrap 4 sebagai CSSnya. oke sekian tutorial CRUD Laravel Part 3, dan berikutnya kita akan membuat fungsi edit dan hapus dengan menggunakan framework laravel, semoga bermanfaat yah teman teman 😀