Tutorial Laravel #2 : Belajar Route dan View Pada Laravel

Share Postingan Ini
  • 1.2K
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
    1.2K
    Shares

Pada bagian ini, kita akan belajar tutorial route dan view pada laravel. Tentunya, sebelum kita memulai tutorial ini, akan kita bahas terlebih dahulu untuk memahami apa itu route maupun view pada laravel. Kedua elemen ini tentu harus dipahami karena merupakan hal yang paling dasar dan sangat penting pada saat kita berhadapan dengan sebuah aplikasi, khususnya aplikasi berbasis website. Alangkah lebih baik jika kita mmemahaminya dengan membahas satu per satu mulai dariroute.

Tutorial Belajar Route dan View Pada Laravel

Route dalam konteks laravel tidak dapat diartikan dengan jalur (mungkin iya, but not exactly), karena pemahaman terhadap route di sini terbilang berbeda. Route adalah bagian dimana suatu item bisa sampai dari suatu lokasi ke lokasi yang lain. Sederhananya, apa yang kita ketik di url, dia akan mencarikan viewnya buat kita. Sementara view bertugas untuk mengurusi bagian tampilan Lalu bagaimana fungsi route dan view ini pada sebuah framework dalam project laravel, berikut tutorial dan implementasinya dalam membangun sebuah web.

Belajar Route dan View Pada Laravel

Di bawah ini adalah tampilan awal project laravel yang telah diinstall.

Belajar Route dan View pada laravel

Belajar Route dan View pada laravel

Jika kita perhatikan, tampilan di atas berada pada view dalam folder resources yaitu welcome.blade.php. View tersebut diarahkan untuk tampil pada route web.php yang lokasinya berada pada folder routes. Mari kita buktikan dengan membuka folder routes dimana terdapat file web.php seperti gambar di bawah ini.

Tutorial Route dan View Pada Laravel.001

Tutorial Route dan View Pada Laravel

Dari gambar di atas dapat kita temui syntax berikut:

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

Fungsinya adalah view welcome (welcome.blade.php) di-return pada saat menjalankan direktori awal (/) project tersebut.
Sebagai catatan, ketika kita memakai metode view di sini, kita tidak perlu menuliskan ekstensinya sama sekali (.blade.php), cukup nama awalnya saja yaitu “welcome”. Mari kita mulai percobaan dengan mengubah pada view welcome.blade.php, untuk sekadar membuktikan bahwa benar tidaknya file view welcome.blade.php yang akan ditampilkan. Sebagai contoh kita akan mengganti tulisan “Laravel” dengan kata “Project Laravel” sebagaimana gambar di bawah ini.

Tutorial Lengkap Laravel dari Dasar

Tutorial Lengkap Laravel dari Dasar

Save terlebih dahulu, kemudian refresh browser anda. http://localhost:8888/project_laravel/public

Tutorial Laravel Untuk Pemula

Tutorial Laravel Untuk Pemula

Setelah direfresh, bisa kita lihat hasilnya dimana tulisan “Laravel” telah berganti kata menjadi “Tutorial Laravel

Membuat Route Baru Laravel

Jika pembahasan di atas menggambarkan secara umum tampilan route dan view, kali ini kita akan coba membuat route baru. Tulis syntax sebagaimana yang tertera di bawah, dimana posisinya berada di baris bawah route sebelumnya/yang sudah ada.

Route::get('page', function () {
	return "Ini route pertama saya";
});
membuat route laravel

membuat route laravel

Sekarang mari kita akses http://localhost:8888/project_laravel/public/page untuk melihat apakah route “page” yang dibuat berhasil ditampilkan di web browser.

membuat route pada laravel

membuat route pada laravel

Dengan kata lain, jika hasilnya seperti pada gambar diatas, itu berarti kita berhasil membuat route baru. Lebih lanjut, kita kembali akan belajar membuat route baru untuk menampilkan view yang baru. Lakukan langkah pembuatan route baru di bawah route “page” Untuk baris tersebut kita akan membuat route “artikel” seperti pada syntax berikut.

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

Isi file route web.php secara keseluruhan yang dibuat tampak akan menjadi seperti gambar berikut:

membuat route baru

membuat route baru

Membuat View Baru Laravel

Pada route “artikel” ini, mari kita coba tampilkan view artikel dengan membuat view baru dengan tulisan artikel.blade.php di folder views.

<!DOCTYPE html>
<html>
<head>
<title>Projek Laravel www.bukakahost.com</title>
</head>
<body>

<h3>www.bukakahost.com</h3>
<p>Belajar Laravel Dari Dasar</p>
<p>Ini adalah view artikel. ada di route artikel.</p>

</body>
</html>

Selanjutnya akses http://localhost:8888/project_laravel/public/artikel

tutorial laravel lengkap

tutorial laravel lengkap

Tampilan view artikel.blade.php yang diperintahkan pada route “artikel” akan menjadi seperti gambar di atas.

Demikian sekilas mengenai tutorial route dan view pada laravel yang kami buat. Setelah ini kita coba menggali lagi hal apa yang sangat penting dalam sebuah pemrograman. Semoga bermanfaat,
Silahkan baca dokumentasi tentang route di sini.

Hasmin Aries Pratama HS

Founder & CEO at BukakaHost.com
Halo, perkenalkan saya adalah Hasmin.

Saya merupakan alumni Teknik Informatika STMIK Akakom Yogyakarta. Dulu ketika mahasiswa,saya aktif menjadi asisten dosen.

Saat ini, saya bekerja Bekerja di Bukaka Host
Hasmin Aries Pratama HS

Latest posts by Hasmin Aries Pratama HS (see all)


Share Postingan Ini
  • 1.2K
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
    1.2K
    Shares

Butuh Bantuan? Chat disini