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:
<?phpuse Illuminate\Support\Facades\Route;Route::get('/', function () {return view('welcome');});
Perhatikan perintah di atas. Route::get('/',....) merupakan jalur yang di siapkan di url. sedangkan function () return view('welcome') merupakan perintah untuk mengeksekusi file yang ada di dalam folder view. Disini secara default file yang ada di dalam folder view adalah welcome. Artinya jiak anda membuak folder view anda akan meneukan satu file "welcome.blade.php". Kita akan coba merubah jalur tersebut dengan cara mengganti nama file dengan "v_beranda". Oke silahkan anda subah script tersebut menjadi seperti berikut:
Route::get('/', function () {return view('v_beranda');});
Disini kita meminta agar laravel membuka file dengan nama "v_beranda" yang ada di dalam folder view untuk di eksekusi. Jika anda jalankan program anda tentu akan terjadi error. Hal ini terjadi karena kita belum memiliki file "v_beranda di dalam folder view.
Membuat file tersebut bisa kita buat secara manual atau menggunakan terminal. Menggunakan terminal anda bisa membuka terminal di VS Code dengan memilih menu terminal yang ada di toolbars VsCode. Silahkan klik Terminal=> New Terminal. Akan muncul halaman terminal di VcCode anda dan ketikkan perintah berikut pada terminalnya:
php artisan make:view v_beranda
Kemudian tekan enter untuk membuat file.
Atau anda dapat membuat secara manual dengan cara buka foder view yang ada di directory Resource => view kemudian klik menu file di toolbars, file => new . Beri nama file tersebut dengan nama "v_beranda.blade.php". Ingat, anda harus menambahkan "blade" pada setiap file yang ada di dalam folder view agar proses pembuatan view berhasil. Blade merupakan sistem laravel yang menyediakan kemudahan di dalam membuat program. Nanti kita akan membahas sistim ini.
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. Sekarang ketikkan 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 dengan mengetikkan perintah berikut di terminal:
php artisan serve
Ketikkan pada browser anda perintah berikut:
http://127.0.0.1:8000/
Perhatikan apa yang terjadi. Akan tampil sebuah text di browser yang menandakan anda sukses membuat jalur Routing. Anda bisa membuat file lain di dalam folder view seperti file "v_data_saya.blade.php" dan silahkan buat script di dalamnya untuk menampilkan data diri anda. seperti data nama, Alamat, No.Telphone, WA dan lain sebagainya. Berikut Scriptnya:
<!DOCTYPE html><html lang="en"><head></head><body><h1>Data Diri Saya</h1><p>Nama : Barintek</p><p>Alamat : Jl. Beringin Indah.No.27 Kec. Padang Panjang Sumatera Barat</p><p>No.Telp : xxxxxxxxxx</p></body></html>
Selanjutnya buatlah jalur Routing baru di file web.php tepat di bawah routing yang kita buat diatas tadi.
Route::get('/data_saya', function () {
return view('v_data_saya');});
Sekarang kembali ke browser anda dan ketikkan perintah berikut:
http://127.0.0.1:8000/data_saya
Perhatikan pada text terakhir di url yang kita inputkan terdapat text "data_saya". Text ini kita dapatkan dari Route yang kita buat tadi. Jika anda perhatikan pada route terdapat "...get('/data_saya')..." Nah ini artinya pada akhri url kita tambahkan text yang ada pada route.
Mengirim data dari Route
Tadi kita sudah membahas bagaimana membuat route dan membuaka file di folder view. Pertanyaannya adalah apakah kita dapat membuat jalur sekaligus mengirim data melewati route tersebut? Jawabannya bisa. Jadi sekarang kita akan membahas permasalahan tersebut.
Buka kembali file web.php anda tadi. Sekarang kita akan merubah route yang telah kita buat tadi. Silahkan anda sempurnyakan route tersebut dengan menambahkan text berikut:
Route::get('/', function () {$data = ['title' => 'Beranda','subTit' => 'Beranda/Beranda'];return view('v_beranda', $data);});
$data=[...] merupakan variabel yang menampung nilai Array. Nilai data yang ditampung adalah "title" dan data "subTitle" kemudian data tersebut dikirim ke view v_beranda. 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 maksud dari kurung ini? Nah tanda kurung tersebut sama dengan <?php echo"....."; ?>. Laravel memendekan sintak php agar mudah untuk digunakan. Perlu di perhatikan sintak ini akan berfungsi jika pada file anda tambahkan ".blade".
Nah sekarang coba jalankan projek anda kembali dan perhatikan apakah data sudah dikirim ke browser anda.
Menentukan jalur melewati Link
Kita telah membahas bagaimana cara mengakses data_saya menggunakan route dan kita akses menggunakan url. pertanyaannya bisakah kita mengakses "data_saya" menggunak link di halaman web tampa perlu mengetikkannya di url? Jawabannya bisa.
Kembali buka file v_beranda.blade.php anda dan tambahkan sebuah link dibahawahnya. Perhatikan script dibawah ini:
<body><h1>{{ $title }}</h1><h4>{{ $subTit }}</h4><a href="data_saya">DATA SAYA</a></body>
Terdapat sebuah link yang kita masukkan, yaitu link "DATA SAYA" dengan alamat lingknya adalah :data_saya. Alamat link ini akan di tangkap oleh route nantinya. Jadi silahkan buka file web.php tadi dan tambahkan script pada route data_saya tadi seperit berikut:
Route::get('/data_saya', function () {$data = ['title' => 'Beranda','subTit' => 'Beranda/Beranda','nama' => 'Barintek','alamat' => "Alamat : Jl. Beringin Indah.No.27 Kec. Padang Panjang Sumatera Bara",'no_telp' => "xxxxxx"];return view('v_data_saya', $data);});
Sekarang kita akan merubah tampilan halaman data_saya.blade.php untuk menangkap data yang dikirimkan oleh route tadi. Perhatikan script berikut:
<!DOCTYPE html><html lang="en"><head></head><body><h1>{{ $title }}</h1><h4>{{ $subTit }}</h4><p>{{ $nama }}</p><p>{{ $alamat }}</p><p>{{ $no_telp }}</p><a href="/">KEMBALI</a></body></html>
Nah coba jalankan projek anda dan coba akses DATA SAYA. Apaka data_saya sudah tampil? Jika sudah berarti kita telah berhasil membuat jalur di Route untuk mengirim data, membuat link sehingga terjadi perpindahan halaman di halaman website.
Sampai disini diharapkan anda sudah memahami jalur Routing di laravel untuk mengirim data dan mengakses halaman view. Nah pada pertemuan berikutnya kita akan belajar membuat template website menggunakan sistim blade yang disediakan oleh laravel. Pantau terus artikelnya dan tinggalkan komentar jiaka ada yang ingin anda komentari. Terimakasih
Moga Bermanfaat.
