Tutorial Laravel #2 : Membuat dan Menggunakan View di Laravel

View dalam Framework PHP yang menggunakan konsep MVC dipakai untuk menampilkan informasi yang akan diakses oleh pengguna. Jadi View memiliki tugas untuk mengangani tampilan yang disajikan kepada pengguna. Dalam aturan penulisannya di dalam View tidak boleh ada skrip logika ataupun skrip yang digunakan untuk akses langsung ke Basis Data.

Dalam membuat View di Laravel, nantinya kita akan membutuhkan Route yang berfungsi untuk membuat jalur akses ke halaman view yang akan ditampilkan pada browser. Route ini lah yang akan mengatur antara link url dengan halaman yang akan diakses berdasarkan link tersebut.

Baca juga : Instalasi dan Cara Menggunakan Laravel

Menggunakan View di Laravel

Tampilan awal ketika kita mengakses http://127.0.0.1:8000/ itu merupakan View standart yang mengakses file welcome.blade.php yang terletak pada folder resources\views\ 
Default Tampilan Awal Aplikasi Laravel

Pertanyaannya adalah kenapa yang ditampilkan ke pengguna ketika mengakses http://127.0.0.1:8000/ adalah file file welcome.blade.php ?

Jawaban dari pertanyaan ini adalah karena jalur yang diatur dalam Route memang seperti itu.

Routing

Routing pada laravel merupakan fitur yang digunakan untuk mengontrol akses halaman melalui URL pada aplikasi yang dibuat dengan laravel. Adapun format penulisan route adalah sebagai berikut :

Route::get($uri, $callback);

Keterangan,
$uri : Diisi dengan format URL dari route
$callback : Diisi dengan kode yang akan dijalankan ketika membuka URL (Isian $uri)

Untuk melihat pengaturan jalur akses view dalam Laravel kita bisa melihat isi file web.php yang ada dalam folder routes\web.php

Secara default, isi file web.php adalah sebagai berikut :

<?php

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

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


Tanda slash ('/') merupakan direktori index yang akan tampil ketika pertama kali aplikasi dijalankan. Kemudian perintah return view('welcome') adalah perintah untuk menampilkan isi file welcome.blade.php yang terletak pada folder resources\views\ 

Jadi setiap halaman/page yang akan ditampilkan aplikasi harus diatur dulu jalurnya (Routing) melalui file web.php yang ada dalam folder routes\web.php
Struktur Folder dan File di Laravel

Membuat View dan Route Baru

Selanjutnya kita akan membuat contoh view baru di Laravel. Dengan mengikuti setiap langkah di bawah ini :

1. Atur Routing

Buat Routing dengan cara, menambahkan kode berikut ini dibaris akhir dari file web.php

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

Sehingga, kode keseluruhannya menjadi seperti ini :

<?php

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

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


Jalur yang dibuat adalah untuk mengakses halaman Profile melalui alamat akses http://127.0.0.1:8000/profile


2. Buat File View

Setelah jalur akses dibuat, selanjutnya kita buat halaman view yang dibutuhkan dengan nama file profile.blade.php di folder resources\views\ (nama file dalam file view harus sama dengan isi return view dalam file web.php). Adapun isi dari file profile.blade.php sebagai berikut :

<html>
<head>
 <title>Belajar Laravel</title>
</head>
<body>

 <h3>
Profile</h3>
Halo, nama saya Fendi Hidayat<br />

 Ini adalah halaman Profile <br />


</body>
</html>

Jangan lupa untuk menyimpan setiap perubahan yang telah anda buat. Jika semua sudah buat dan disimpan, untuk melihat hasilnya anda dapat mengakses melalui browser dengan alamat url berikut ini : http://127.0.0.1:8000/profile

Maka akan muncul tampilan berikut ini :
Tampilan Halaman Profile
Maka akan muncul hasil dari file Profile sesuai dengan Routing yang telah kita buat sebelumnya.

Demikianlah Tutorial ke 2 dari Belajar Laravel yang membahas tentang cara Membuat dan Menggunakan View di Laravel.

Tidak ada komentar:

Diberdayakan oleh Blogger.