Pada materi Cara Membuat Template Dinamis Menggunakan Blade Laravel Part 2 kali ini kita akan membuat sebuat halaman di nantinya dapat kita gunakan pada saat membuat sebuah system untuk contoh template dinamis kali ini kita akan membuat sebuah halaman website sederhana dengan menggunakan framework laravel.
Langkah pertama pastikan teman-teman telah melakukan instalasi untuk framework laravelnya dengan mengetikan jika teman-teman belum membuat projectnya teman-teman bisa ketikan perintah dibawah ini :
|
1 |
composer create-project --prefer-dist laravel/laravel webDinamis |
Berikutnya setelah teman-teman telah berhasil membuat project yang akan digunakan kita akan membuat sebuah controller dengan nama PostController silahkan teman-teman ketikan pada terminal projectnya seperti dibawah ini :
Setelah teman-teman berhasil membuat controllernya kita akan membuat route pada routes/web.php seperti dibawah ini :
|
1 2 3 |
Route::get('/', 'PostController@home'); Route::get('/tentang', 'PostController@tentang'); Route::get('/kontak', 'PostController@kontak'); |
Pada script diatas kita akan membuat tiga method di dalam PostController yaitu method home, method tentang, dan method kontak. pada app/Http/Controllers/PostController.php untuk scriptnya seperti dibawah ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
class PostController extends Controller { public function home() { return view('pages.home'); } public function tentang() { return view('pages.tentang'); } public function kontak() { return view('pages.kontak'); } } |
Kemudian kita akan membuat sebuah file pada resources/views/template.blade.php, file template.blade.php nantinya akan berfungsi sebagai template induk atau file utama dari template dinamis yang pertama kali yang akan diakses sebelum file-file yang lainnya dan di dalam file template.blade.php nantinya akan berisikan script yang nantinya tidak berubah-ubah seperti menu, footer dan yang lainnya, yang intinya semua file yang tidak akan diubah kita bisa masukan pada template.blade.php untuk scriptnya seperti dibawah ini :
Berikutnya kita akan membuat folder baru dengan nama pages pada resources/views di dalam folder pages kita akan membuat kembali tiga file baru yaitu home.blade.php, tentang.blade.php, dan kontak.blade.php, file-file tersebut nantinya berisikan script yang dari setiap pagesnya mulai dari home,tentang, dan kontak untuk struktur folder dan scriptnya seperti dibawah ini :
Script pada file home.blade.php :
Script pada file tentang.blade.php :
Script pada file kontak.blade.php :
Selanjutnya kita akan jalankan dengan mengetikan php artisan serve pada terminalnya, jika kita jalankan pada browser maka akan terlihat hasilnya seperti dibawah ini :
Oke teman-teman itulah pembahasan kita tentang Cara Membuat Template Dinamis Menggunakan Blade Laravel Part 2.
Semoga bermanfaat.
Terima kasih.