Belajar Routing dan View Laravel

Assalamu'alaikum wr.wb

Halo, teman-teman kemarin kita sudah belajar bagaimana cara menginstal dan konfigurasi Framework Laravel dengan database.

pada kesempatan kali ini kita akan belajar mengenai routing dan view pada Framework Laravel, silahkan teman-teman simak pembahasan berikut.

Belajar Route dan View Laravel

Route dan view merupakan suatu hal yang paling dasar dalam mempelajari framework laravel yang harus teman - teman pahami tentunya, karena inilah yang menjadi pondasi untuk dapat membut aplikasi pada framework laravel

Route adalah bagian yang mengatur route pada project yang kita bangun pada Framework Laravel.
misalkan kita memanggil halaman about pada url, maka kita harus menulis kata about pada route.
Dalam bahasa indonesia jika kita mengantikannya maka artinya adalah merupakan sebuah jalur.
Kita dapat mengambil kesimpulannya Route mempunyai tugas sebagai bagian pengatur dalam aplikasi yang kita buat pada framework laravel. Karena route inilah yang dapat menampilkan halaman yang kita buat pada view dengan dipanggil melalui URL.

View merupakan antarmuka yang menampilkan halaman yang telah kita buat untuk dipanggil pada route dan menampilkannya di website menggunakan url yang telah kita daftarkan pada route.
pada view ini juga kita membuat dan menyimpan tampilan untuk dapan ditampilkan diweb browser
   

Tutorial Belajar Routing dan View Laravel 

Setelah membaca pembahasan di awal tadi kita akan langsung bahas pada artikel ini.
Dibawah ini adalah tampilan yang berhasil kita buat pada tutorial sebelumnya.
Tampilan diatas berapa pada direktori project->resources->views->welcome.blade.php

Silahkan teman-teman buka file web.php yang terdapat dalam folder route
Maka teman - teman akan menemukan sintax seperti dibawah ini, yangmerupakan route untuk menampilkan halaman welcome yang terdapat pada folder view.

Route::get('/', function () {
    return view('welcome');
});
pada syntax diatas terdapat tanda ('/') yang tujuannya pada saat project dijalankan, maka akan menampilkan atau mereturn file welcome.blade.php . yang kemudian tampilan dari file tersebut akan ditampilkan pada url.

Pada pengembalian nilai diatas, kita tidak perlu menuliskan extensinya yaitu blade.php, kita hanya menuliskan nama viewnya saja.. itupun sudah cukup.

Kalian jangan menghiraukan terlebih dahulu mengenai blade.php karena itu merupakan sistem templating dari laravelnya sendiri.

Membuat Route Laravel

Pada langkah ini admin akan mencontohkan cara membuat route baru.
untuk membuat route baru silahkan kalian tulis syntax seperti gambar dibawah ini, pada route juga selain bisa digunakan untuk mereturn halaman .. route juga dapat kita gunakan untuk mereturn string

belajarlaravel/routes/web.php

Route::get('halo', function () {
return "Halo, Selamat datang di tutorial laravel";
});
Sekarang kita coba jalankan route halo nya. dengan mengakses 127.0.0.1:8000/halo.

Seperti yang teman-teman lihat ketika kita mengakses url 127.0.0.1:8000/halo maka browser akan menampilkan string pada route yang telah kita buat.

Selanjutkan kita mencoba untuk membuat menu about dan memanggilnya menggunakan link dan route.

Langkah pertama kita ubah tampilan awal dan tambahkan menu about disebelah menu register.
Jika pada halaman yang teman-teman buat tidak ada menu login dan register, Silahkan teman teman kunjungi halaman berikut ini Membuat Login Register Laravel dengan make Auth

Setelah berhasil menampilkan menu About silahkan teman-teman membuat file baru dengan nama about.blade.php pada direktori resources->views. lalu beri keterangan seperti gambar dibawah ini.

Setelah sampai disini kita akan buat route pada file routes->web.php. Silahkan teman-teman buka filenya dan tambahkan route seperti gambar dibawah ini.
Route::get('about', function () {
return view('about');
});
Nah selanjutkan kita buka file welcome.blade.php dan beri aksi pada link aboutnya dengan mengetikan {{ url('/about') }}. silahkan perhatikan gambar dibawah ini.
Setelah itu kita kembali pada web browser dan klik menu About, jika teman-teman mengikutinya dari awal insyaalloh akan muncul seperti gambar dibawah ini.

Selamat teman-teman telah berhasil membuat dan memanggil file about dengan route dan url.

Selanjutnya kita akan mencoba memanggil file menggunakan metode MVC.
silahkan teman-teman simak pembahasan dibawah ini.

Memanggil File Menggunakan Konsep MVC

Silahkan teman-teman buat file controller terlebih dahulu dengan cara mengetikan pada cmd
php artisan make:controller AboutController
php artisan make:controller adalah perintah untuk membuat controller, sedangkan AboutContorller adalah nama controller yang akan kita buat. setelah itu kita enter dan lihat hasilnya akan terdapat file baru dengan nama AboutController pada direktori app->Http->controller.

Lalu kita akan mengubah file tersebut seperti berikut.
public function about(){
         return view('about');
}
Selanjutnya kita akan mengubah route about yang telah kita buat tadi seperti gambar berikut ini.
Route::get('about','AboutController@about');
Sekarang coba teman-teman refresh dan klik ulang menu about apakah terjadi error, jika halaman tersebut tidak error atau terpanggil seperti tadi maka Selamat anda berhasil mengaplikasikannya :)

Terimakasih telah membaca artikel ini semoga bermanfaat
Salam Success :)

0 Response to "Belajar Routing dan View Laravel "

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel