Hallo bagaimana kabarnya sahabat q-young, alhamdulillah mimin bisa kembali menyapa sahabat dengan tutorial baru. Oke kali ini kita akan belajar templating website di laravel 5.4.
Langsung saja kita meluncur :
1. Sebelumnya sahabat sudah menginstall laravel terlebih dahulu, kalau sahabat belum menginstall sahabat bisa lihat tutorial cara install laravel disini
2. Selanjutnya sahabat mulai siapkan template yang akan kita pasang di laravel, kali ini mimin sudah menyiapkan sebuah template, sahabat bisa download disini
selanjutnya extract dan letakkan di document
3. Jika semua sudah siap buka text editor kesayangan anda, kemudian buka folder laravel yang sudah kita download.
4. Copy folder css, js, images yang ada pada folder template kita ke folder public pada project laravel kita
Laravel akan membaca file css dan js dari eksternal di folder public jadi kita paste kan di folder public pada project laravel kita.
5. Buka file index.html yang ada di file template yang sudah kita download tadi, lalu copy semua dengan tekan tombol kombinasi ctrl + A
6. Kita buat folder layouts di folder resources/views/
7. Buat file baru dengan nama layout.blade.php dan letakan di folder resource/views/ selanjutnya paste ( lanjutan dari tutorial No. 5)
Blade adalah salah satu fitur dalam laravel yang digunakan untuk menampilkan output pada view.
8. Selanjutnya sisipkan @yield('content') Fungsi dari @yield('content') adalah menampilkan tag html yang nanti kita di panggil di bagian @section (nama_conten) nanti kita bahas tenang saja.
9. Selanjutnya kita buat file baru dengan nama home.blade.php di folder view. file ini yang nantinya akan memanggil file layout.blade.php
10. Lakukan extend ke file layout yang berada pada folder layouts, kemudian tampilkan content yang sudah kita buat @yield nya di file layout.blade.php
11. Selanjutnya untuk menampilkan template yang sudah kita pasang tadi, kita buat route nya. Buka routes/web.php
kemudian sisipkan code seperti di bawah ini.
12. Kita lakukan kita coba
lalukan artisan serve untuk mengetahui link local kita
13.
14. ubah alamat bar nya menjadi http://127.0.0.1:8000/home, tekan enter
15. Selesai..
Sekian tutorial dari q-young, perlahan namun pasti kita berkarya untuk negeri, tetap semangat jiwa yang selalu merasa muda tetap berkarya, berikan yang terbaik untuk bangsa dan agama..
sumber gambar : http://www.cloudways.com/blog/wp-content/uploads/How-to-Create-Routes-in-Laravel-Banner.jpg
2 comments
Ditunggu tutorial lainnya min...
mantul pak. suskses terus
Emoticon