Laravel Dasar Part 2 View

Al afgani
3 min readFeb 15, 2022

--

Berkenalan lebih jauh dengan view

Untuk membuat view / tampilan web di laravel kita dapat menggunakan blade, blade merupakan template engine bawaan dari laravel. file blade mempunyai ekstensi blade.php.

Laravel sudah menyediakan direktori khusus untuk membuat view, yaitu di direktori resources->views. jadi apabila kita ingin membuat view harus ditempatkan di direktori tersebut.

Mari kita coba membuat view, pertama-tama kita buat sebuah route dan isi nya. route tersebut dapat diakses dengan url “namadomain/greeting”. untuk lebih jelasnya lihat gambar berikut:

Penjelasan kode diatas, pertama kita membuat route dengan method get dengan url namadomain/greeting. lalu membuat membuat sebuah function dengan return view ke file greeting yang ada di direktori resources->views dan mengirimkan data dengan variabel name.

Selanjutnya kita coba membuat sebuah file bernama greeting.blade.php di direktori resources->view. untuk lebih jelasnya perhatikan gambar berikut:

Selanjutnya buka file greeting tersebut dan ketikan kode berikut:

File greeting tersebut berisi kode html , yang perlu diperhatikan adalah yang berada di dalam kurung kurawal, untuk menampilkan data di blade dapat menggunakan double kurung kurawal lalu di isi dengan variabel yang akan ditampilkan. apabila kita perhatikan kode diatas saya mencoba menampilkan isi dari variabel name. variabel name tersebut berasal dar route dan function yang telah kita buat sebelumnya. untuk lebih jelasnya perhatikan gambar berikut.

Untuk melihat hasilnya, pastikan web aplikasi telah dijalankan menggunakan php artisan serve. apabila sudah, hasilnya dapat di browser dengan mengetikan url localhost:8000/greeting. untuk lebih jelasnya lihat gambar berikut:

Memisahkan route dengan controller.

Apabila kita perhatikan kode route diatas masih menyatu antara route dengan function / method. sebenarnya kita dapat memisahkannya dengan membuat method greeting di home controller.

Selanjutnya ubah route menjadi seperti berikut

Silahkan coba reload ulang url greeting dan lihat hasilnya.

Tulisan ini dapat dilihat juga di web https://selaicoding.com/laravel-dasar-part-2-view/

Terimakasih

--

--