Laravel #2 – Belajar Route & View pada Laravel 8

Route dan View merupakan hal yang paling dasar pada framework yang mengusung konsep MVC (Model, View, Controller) seperti Laravel ini. Maka dari itu, Route dan View harus kamu pahami sebelum melanjutkan ke tahap selanjutnya.

Mungkin buat kamu yang sudah pernah belajar konsep MVC tentunya sudah familiar tentang apa itu Model, View, dan Controller. Jika belum pernah, akan saya jelaskan secara rinci mengenai hal tersebut. Pahami baik-baik ya!

Route jika diartikan dalam bahasa Indonesia artinya rute atau jalur. Pada Laravel, route yang dimaksud adalah bagian yang mengatur rute aplikasi yang kita buat dengan Laravel. Masih bingung? intinya rute yang kita buat akan menjadi sebuah URL lengkap yang dapat kita akses. Misalkan kita ingin membuat halaman seperti localhost/blog, maka kita harus membuat route blog. Dengan rute yang sudah dibuat tersebut, kita dapat membuka view, menjalankan controller, dan lain-lain pada saat route blog diakses.

View merupakan bagian khusus untuk menangani tampilan (user interface) untuk ditampilkan pada web browser. Jadi, hasil tampilan aplikasi yang akan kita buat nanti dinamakan view.


Mulai Belajar

Setelah membaca penjelasan di atas, kita akan coba membuat route dan view agar kamu lebih paham.

Sebelum membuat route dan view, silakan buat project Laravel dengan perintah di bawah ini.

Baca juga: Laravel #1 – Cara Install Laravel di Linux (Semua Distro)

Jika sudah selesai install Laravel, sekarang coba buka file web.php pada folder routes, seperti gambar di bawah ini.

Route View Laravel - web.php
routes/web.php

Pada gambar di atas, kita menjumpai baris kode berikut.

routes/web.php

Maksud baris kode di atas adalah pada saat direktori awal (/) project dijalankan, maka akan menampilkan view welcome untuk menjadi tampilan ketika alamat 127.0.0.1:8000 diakses pada web browser.

Untuk membuktikan, jalankan project tersebut dengan perintah di bawah ini.

Kemudian akses alamat 127.0.0.1:8000 pada web browser.

Tampilan Default Project Laravel
Tampilan Default Project Laravel

Pada gambar di atas adalah tampilan awal view Laravel secara default. File view tersebut berada pada folder resources/views dengan nama file welcome.blade.php.

Kamu tidak perlu menuliskan nama file dengan menambahkan blade.php saat memanggil view, cukup dengan memanggil nama file seperti contoh di atas. Ini karena file .blade adalah fitur templating yang di sediakan oleh Laravel.

Sekarang kita akan mencoba mengubah isi dari welcome.blade.php, hapus semua kodenya dan buatlah kode seperti di bawah ini.

resources/views/welcome.blade.php

Save kode dan refresh/reload pada 127.0.0.1:8000.

Route View Laravel - welcome.blade.php yang sudah diubah
View welcome.blade.php yang sudah diubah

Nah, perubahan yang kita lakukan sudah berhasil. Sekarang kita akan mencoba membuat route baru.


Membuat Route & View yang Baru

Agar pemahaman kita semakin mantap, mari membuat contoh yang lebih banyak.

Buat kode route baru seperti berikut ini di bawah route sebelumnya. Selain me-return view, kita dapat me-return string.

routes/web.php

Simpan dan akses route halo pada 127.0.0.1:8000/halo.

Route View Laravel - routes /halo
View dari routes /halo

Seperti yang kita lihat pada gambar di atas, telah tampil string “Halo, selamat datang di tutorial Laravel aantamim.ID” sesuai dengan yang kita buat pada route halo.

Selanjutnya kita akan membuat route baru untuk menampilkan view baru. Buat route baru lagi di bawah route halo. Di sini kita akan membuat route “blog”.

routes/web.php

Sehingga isi lengkap route web.php akan seperti di bawah ini.

Karena kita sudah membuat route yang mereturn view “blog”, kita haru membuat file view pada direktori resources/views bernama blog.blade.php.

resources/views/blog.blade.php

Simpan dan akses route blog pada 127.0.0.1:8000/blog.

Route View Laravel - routes /blog
View dari routes /blog

Nah, akan muncul tampilan dari view blog.blade.php yang kita buat pada route blog.

Selesai sudah kita mencoba membuat view dan bermacam-macam route pada Laravel. Selanjutnya kita akan belajar membuat controller.

Jika kamu ingin membaca dokumentasi tentang routing, silakan baca di https://laravel.com/docs/routing

Tinggalkan komentar

5 + 5 =