Hallo Teman-teman semuanya, kembali lagi bersama dengan saya di blog kita bersama, kali ini kita akan membahas mengenai bagaimana cara membuat layouting pada halaman view laravel, sebelum mengikuti tutorial ini pastikan teman-teman sudah mengetahui cara instalasi laravel, memahami struktur folder laravel dan mengerti tentang cara routing pada laravel, bagi teman-teman yang belum memahami mengenai cara instalasi, struktur folder dan routing pada laravel silahkan kunjungi link berikut ini https://laravel.com/docs/9.x/installation
oke tanpa berlama-lama langsung saja kita masuk ke dalam cara melakukan layouting pada view laravel
1. Install laravel
disini saya menggunakan composer untuk menginstall laravel :
composer create-project laravel/laravel tutor_layouting
selanjutnya masuk ke folder laravel yang sudah kita install
cd tutor_layouting
Buka aplikasi laravel pada editor teman-teman semuanya(disini saya menggunakan VScode) dan Jalankan aplikasi laravel
code .
php artisan serve
2. Layouting pada halaman view laravel
A. Buat File layouts.blade.php yang terdapat pada folder resources/views/
B. Copy source code dibawah ini ke dalam file layouts.blade.php
Keterangan :
- @yield('content') => merupakan sebuah halaman content yang akan kita masukkan ke dalam layouts
C. Membuat halaman contents.php di dalam folder Resources/views
silahkan copy source code dibawah ini untuk membuat content halaman
Keterangan :
- @extends('nama_layout') => berfungsi untuk menghubungkan halaman content ke halaman layouts
- @section('nama_content') => berisi halaman content yang ingin kita tampilkan pada layouts, untuk nama content sesuaikan dengan nama content yang sudah kita tulis pada layouts.
D. Tambahkan rute ke halaman contents pada Routes/web.php
setelah membuat rute ke halaman contents.blade.php pada folder Routes/web.php. Maka selanjutnya silahkan buka web browser dan akses url localhost:8000, jika proses layouting teman-teman sudah benar maka tampilanya akan sebagai berikut ini :
Sekian tutorial bagaimana cara layouting view pada framework laravel, jika teman-teman masih bingung silahkan tinggalkan pesan di kolom komentar..
sekian dan terimakasih...
0 Komentar