Laravel Part 2 (Route dan View)
%20(1).png)
بسم الله الرحمن الرحيم
1. Pengertian Singkat Route dan View
Route dan View merupakan dasar yang harus dipahami dalam mempelajari Laravel..
- Route, merupakan bagian yang mengatur rute atau jalan pada project yang kita bangun dengan Laravel.
- View, merupakan bagian yang berhubungan dengan antarmuka.
2. Praktek Route dan View
Pada tampilan awal project yang telah kita lakukan sebelumnya, tampilan tersebut terletak pada file bernama welcome.blade.php yang berada dalam folder resources.
Mari kita buka file web.php pada folder routes.
Pada syntax
Route::get('/', function () {
return view('welcome');
});
- Merupakan ditektori awal (/) project dijalankan, maka akan menampilkan view welcome.blade.php.
- Anda tak perlu menuliskan eksistensi blade.php anda cukup menuliskan viewnya seperti pada contoh diatas. Kemudian isi view welcome.blade.php merupakan tampilan laravel yang ada pada browser anda tadi.
Sekarang kita akan mencoba merubah bagian tulisan "Documentation" menjadi "Belajar Bang".
Pada gambar diatas, anda dapat perhatikan kata "Documentation" menjadi "Belajar Bang" yang menunjukkan bahwa file welcome.blade.php yang sedang ditampilkan sudah benar.
3. Contoh Tambahan
Anda juga dapat membuat return baru sesuai dengan kebutuhan anda, berikut contohnya
Pada file web.php saya telah menambahkan route baru dan pada folder views saya juga telah menambahkan file baru denganama belajar.blade.php
Agar tidak kosong, saya menambahkan kode sebagai berikut untuk menampilkan tampilan nantinya di browser, anda juga dapat mengcopynya.
<!DOCTYPE html>
<html lang="en">
<head>
<h1>Belajar Laravel Bang</h1>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
Berikut tampilnnya pada text editor
Setelah selesai, tambahkan pada alamat pada browser dengan "/belajar". atau anda dapat langsung mengganti dengan "localhost:8000/belajar" pada alamat. Maka akan muncul tampilan sebagai berikut.
.png)
Komentar
Posting Komentar