LARAVEL TUTORIAL #4 VIEW (MENAMPILKAN DATA)

MENGENAL DAN MEMBUAT VIEW

Sebelumnya kita telah membuat sebuah route dan menampilkan pesan berupa string sebagai respon untuk halaman homepage. Latihan berikut ini kita akan mengganti respon string untuk halaman homepage dan about menjadi respon view.

Langkah 1

Buatlah sebuah file bernama homepage.php, kemudian simpan di folder LaravelBlog/resources/views 

<div id="homepage">

    <h2>Homepage</h2>

    <p>Selamat Datang Di Blog Pasir Ganting</p>

</div>

Langkah 2

Buatlah sebuah file bernama about.php, kemudian simpan di folder LaravelBlog/resources/views 

<div id="about">

    <h2>About</h2>

    <p>Aplikasi LaravelBlog dibuat sebagai latihan untuk mempelajari Laravel</p>

</div>

Langkah 3

Buka LaravelBlog/routes/web.php, ubah isinya menjadi:

Route::get('/', function () {

    return view('homepage');

});

Route::get('about', function () {

    return view('about');

});

Fungsi view() adalah fungsi helper Laravel untuk memanggil file view. Untuk memanggil suatu file view, kita cukup memberikan namanya tanpa ekstensi .php, seperti pada route diatas. Laravel akan mencari dilokasi default file-file view disimpan, yaitu di folder LaravelBlog/resources.views

Langkah 4

Refresh halaman http://127.0.0.1:8000/ maka akan tampil seperti gambar dibawah ini:

Langkah 5

Pada browser, ketikkan alamat http://127.0.0.1:8000/about, maka akan tampil halaman about seperti gambar dibawah ini:

MENYIMPAN VIEW DI DALAM SUB-FOLDER

Lokasi default untuk menyimpan file-file view adalah di folder LaravelBlog/resources/views. Jika jumlah file view masih sedikit, itu tidak akan menjadi masalah. Namun jika jumlah file view semakin banyak, maka akan cukup mennyulitkan untuk mengaturnya.

Agar file-file view lebih teratur dan terorganisasi, maka harus mengelompokkan di foldernya masing-masing. Folder-folder akan menjadi sub-folder di dalam folder LaravelBlog/resources/views.

View untuk halaman homepage dan about bersifat statis dan tidak banyak berubah, maka kita akan memasukkannya dalam satu folder. Ikuti langkah-langkah berikut:

Langkah 1

Buatlah sebuah folder bernama pages didalam folder views, sehingga terbentuk path LaravelBlog/resources/views/pages

Langkah 2

Pindahkan (cut) file homepage.php dan about.php yang sudah kita buat sebelumnya, kemudian paste kedalam folder pages.

Langkah 3

Buka file web.php yang ada pada path LaravelBlog/routes/web.php, ubah menjadi :

Route::get('/', function () {

    return view('pages/homepage');

});

Route::get('about', function () {

    return view('pages/about');

});

Langkah 4

Jika kita memanggil merefresh halaman http://127.0.0.1:8000/ dan http://127.0.0.1:8000/about, maka akan tampil seperti pada latihan sebelumnya. Hanya saja, sekarang lokasi file homepage.php dan about.php terletak di sub-folder pages.

Cara lain untuk memanggil view yang terletak di sub-folder adalah dengan memakai Dot Notation. Jadi kita tidak memakai garis miring untuk menandakan lokasi file yang terletak di sub-view. Tapi dengan menggunakan tanda titik. Jadi, kedua route diatas dapat diubah menjadi :

Route::get('/', function () {

    return view('pages.homepage');

});

Route::get('about', function () {

    return view('pages.about');

});

Sampai disini kita telah berhasil membuat view dan menampilkan data dengan view. Untuk selanjutnya kita akan mempelajari Blade (Template Engine) Laravel, jadi follow up terus ya,,,