Tutorial Sebelumnya:
Tutorial Laravel #2: Install Laravel Menggunakan Composer (Windows)
Tutorial Laravel #3: Cara Install Laravel di Linux Mint (Linux)
Tahap selanjutnya kita belajar Membuat Route dan View Laravel. Route dan View harus kita pahami karena merupakan hal yang paling dasar pada framework Laravel.
Apa itu Route?
Pengertian Route pada Laravel – 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. 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.
Apa itu View?
Pengertian View pada Laravel – View merupakan bagian khusus untuk menangani tampilan (user interface) untuk ditampilkan pada web browser. Hasil tampilan aplikasi yang akan kita buat nanti dinamakan view.
Belajar Route dan View Laravel
Setelah membaca penjelasan di atas, agar lebih paham kita langsung masuk ke contoh.
Lihat tampilan awal project laravel yang sudah berhasil kita install sebelumnya.
Tampilan awal project laravel ini berada pada view yang bernama welcome.blade.php letaknya di dalam folder resources/views.
View welcome.blade.php tersebut diperintahkan secara default untuk tampil oleh route web.php yang terletak dalam folder routes.
Silahkan buka file web.php dalam folder routes, seperti gambar berikut:
Di dalam file web.php terdapat kode berikut:
Route::get('/', function () {
return view('welcome');
});Maksud baris kode di atas adalah pada saat direktori awal (/) project dijalankan, maka akan menampilkan file view welcome untuk menjadi tampilan ketika alamat http://localhost:8000 diakses pada web browser.
File view welcome tersebut berada pada folder resources/views dengan nama file welcome.blade.php.
Saat pemanggilan view di route Anda tidak perlu menuliskan nama file dengan menambahkan blade.php, 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.
Buka file welcome.blade.php, coba tambahkan tulisan “Ayo Ngoding” di bawah logo Laravel lalu Simpan.
Buka pada web browsernya dengan alamat http://localhost:8000, maka tampillanya menjadi seperti gambar berikut:
Jangan lupa jalankan project laravel dengan perintah
php artisan servedi terminal.
Perubahan yang kita lakukan sudah berhasil. Sekarang kita akan mencoba membuat route baru.
Membuat Route dan View Laravel
Membuat Route dan View Laravel yang baru agar pemahaman kita semakin mantap.
Selanjutnya kita akan membuat route baru untuk menampilkan view baru. Buat route baru dengan nama “blog” untuk menampilkan view “blog”.
Route::get('blog', function () {
return view('blog');
});Sehingga isi lengkap route web.php akan seperti di bawah ini:
<?php
use Illuminate\Support\Facades\Route;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
Route::get('/', function () {
return view('welcome');
});
Route::get('blog', function () {
return view('blog');
});Kita sudah membuat route yang me-return view “blog”, maka kita haru membuat file view pada direktori resources/views bernama blog.blade.php
Isi dari blog.blade.php sebagai berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ayo Ngoding - Membuat Route dan View Laravel</title>
</head>
<body>
<h1>Ayo Ngoding</h1>
<b>Belajar Route dan View pada Laravel</b>
<ul>
<li>Belajar Membuat Route Laravel</li>
<li>Belajar Membuat View Laravel</li>
<li>Menampilkan View menggunakan Route Laravel</li>
</ul>
</body>
</html>Lihat hasilnya dengan mengakses route blog pada http://localhost:8000/blog
Akan muncul tampilan dari view blog.blade.php yang kita panggil melalui route blog.
Sekian tutorial Membuat Route dan View Laravel. Selanjutnya kita akan belajar Membuat Controller Laravel.
Tutorial Selanjutnya:
Tutorial Laravel #5: Cara Membuat Controller pada Laravel
Apa itu view pada Laravel?
tampilan