PEMULA : Memahami Routers Pada Laravel 11

 

Pendahuluan

    Hampir setiap framework modern mempunyai fitur router ini. Kalau kita terjemahkan, istilah router merupakan suatu rute/jalan/trayek. Dalam dunia web development, trayek/jalan yang dimaksud adalah jalan menuju sebuah aplikasi berbasis web, jadi bisa kita sebut, router merupakan suatu modul dalam aplikasi yang berfungsi untuk mengatur jalan/rute pada aplikasi berbasis web.

    Router mengatur pintu masuk yang berupa request pada aplikasi, mereka memilah dan mengolah request url untuk kemudian diproses sesuai dengan tujuan akhir url tersebut. Bisa jadi url tersebut berfungsi untuk mengambil data kemudian menampilkannya, menghapus data, menampilkan form, sampai mengolah session.

    URL yang dibangun diatas mesin router dapat menghasilkan url yang lebih bersih dan dapat memperjelas pembagian resources, dapat menangani segment yang dalam. Semua rute dalam aplikasi juga dapat terdokumentasi dengan rapih, bahkan biasanya pada suatu framework, cukup dengan melihat satu file konfigurasi, kita dapat mengetahui semua rute yang ada dalam suatu aplikasi.

Bagaimana Memulai Router

    Oke, Kita masuk ke materi. Silahkan anda buka struktur folder laravel 11 yang telah kita pasang. Bagi anda yang belum memasangnya silahkan lihat kembali tutorial : Cara menginstal laravel 11 di artikel sebelumnya.

    Silahkan cari folder Route dan pilih file web.php.

📂Route

        🮺 console.php

        🮺 web.php  👈

    Berikut bentuk script di dalam file tersebut:

<?php


use IlluminateSupportFacadesRoute;

Route::get('/', function () {
    return view('welcome');
});

    Perhatikan perintah di atas. Route::get('/',....) merupakan jalur yang di siapkan di url. sedangkan function (....) return('welcome') merupakan perintah untuk mengeksekusi halaman view. Disini secara default halaman view adalah welcome. Sekarang kita akan coba merubah tampilan UI di halaman projek kita. Jadi silahkan anda rubah script tersebut menjadi:

Route::get('/', function () {
    return view('v_beranda');
});

    Disini kita meminta agar file v_beranda yang ada di folder view di eksekusi. Jika anda jalankan program anda tentu akan terjadi error. Hal ini terjadi karena kita belum memiliki file beranda. Silahkan buka terminal di VS Code dan ketikkan perintah berikut pada terminalnya:

 php artisan make:view v_beranda

kemudian tekan enter agar proses pembuatan view berhasil.

    Coba anda buka struktur folder Rersource

    📁Resource

                📂Views

                            🮺 v_beranda.blade.php

    Terdapat satu file bernama v_beranda.blade.php bukan. File tersebut merupakan file yang kita buat tadi di terminal. Coba anda buat script berikut di dalam v_beranda.blade.php:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Belajar Laravel Untuk Pemula</title>
</head>
<body>
    <h1>Hai, Apakabar?</h1>
</body>
</html>

    Sekarang jalankan program anda dan perhatikan apa yang terjadi.


Mengirim data dari Route

Nah, sekarang coba anda rubah web.php tadi menjadi seperti berikut:

Route::get('/', function () {
    $data = [
        'title' => 'Beranda',
        'subTit' => 'Beranda/Beranda'
    ];
    return view('v_beranda', $data);
});

    Kita memiliki data title dan data subTitle yang di tampung di dalam variable $data. Kemudian data tersebut dikirim ke view. Jadi mari kita tangkap data tersebut di view. Silahkan buka kembali file v_beranda.blade.php dan rubahlah script seperti berikut:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Belajar Laravel Untuk Pemula</title>
</head>
<body>
    <h1>{{ $title }}</h1>
    <h4>{{ $subTit }}</h4>
</body>
</html>

    Perhtikan penulisan variable $title dan $subTitle. Variable tersebut diapit oleh kurung {{ ....}}. Apa maksudnya? Nah tanda kurung tersebut sama dengan <?php echo"....."; ?>. Laravel memendekan sintak php agar mudah untuk digunakan.

    Nah sekarang coba jalankan projek anda kembali.


Menentukan jalur melewati Link

    Nah sekarang bagaimana jika kita tambahkan link di halaman v_beranda tadi. Perhatikan code berikut:

<body>
    <h1>{{ $title }}</h1>
    <h4>{{ $subTit }}</h4>
    <a href="detail">DETAIL</a>
</body>

        Terdapat sebuah link yang kita masukkan, yaitu link DETAIL dengan alamat lingknya adalah :detail. Alamat link ini akan di tangkap oleh route nantinya. Jadi silahkan buka file web.php tadi dan tambahkan route seperit berikut:

Route::get('detail', function () {
    $data = [
        'title' => 'Beranda',
        'subTit' => 'Beranda/Detail',
        'detail' => 'Lorem ipsum dolor sit amet,
                     consectetur adipisicing elit. Et quas ea
                     inventore quod nesciunt distinctio at
                     a reprehenderit architecto amet
                     perspiciatis odio tempore voluptates eos
                     nulla accusantium, doloremque maiores
                     voluptas.'
    ];
    return view('v_detail', $data);
});

    Buka terminal dan ketikkan perintah berikut "php artisan make:view v_detail" lalu tekan enter. Sekarang buka file v_detail.blade.php dan tambahkan script berikut:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Belajar Laravel Untuk Pemula</title>
</head>
<body>
    <h1>{{ $title }}</h1>
    <h4>{{ $subTit }}</h4>
    <p>{{ $detail }}</p>
    <a href="kembali">KEMBALI</a>
</body>
</html>

    Nah coba jalankan projek anda dan klik link detail yang tampil. Apaka data Detail sudah tampil? Tugas anda sekarang bagaimana mengembalikan ke halaman awal dengan mengklik tombol KEMBALI. 

    Oke sampai disini diharapkan anda dapat memahami sedikit tentang Route.


Moga Bermanfaat.

Go up