Views

Perkenalan

Views pada WPFrame dapat Anda gunakan untuk menampung source yang terkait dengan kode HTML, Javascript, CSS dan lainnya yang memang untuk ditampilkan ke client side berupa data dokumen HTML. File Views dapat Anda letakan di dalam directory App/Views. Dengan adanya views dimaksudkan untuk membuat strutkur yang lebih mudah dibaca dan untuk memisahkan antara kode logika Anda di dalam file Controller dengan dokumen HTML Anda.

Membuat Tampilan

Untuk membuat file tampilan Anda dapat membuat file secara manual kedalam folder Views di App/Views. Atau jika Anda menggunakan console Anda dapat menggunakan perintah wpfx seperti berikut:

php wpfx create -view v_users

Secara otomatis file v_users.php akan terbuat didalam folder Views.

Jika Anda menggunakan Blade, tambahkan .blade setelah nama file tampilan seperti contoh berikut:

php wpfx create -view v_users.blade

Maka, Secara otomatis file v_users.blade.php akan terbuat didalam folder Views.

Merender Tampilan

Dalam WPFrame kami menyediakan beberapa cara untuk merender tampilan yaitu dengan menggunakan fungsi bawaan dari WPFrame View atau dengan menggunakan Blade dari Laravel. Anda dapat merender tampilan dengan cepat tanpa perlu mengimport Helper Blade dengan menggunakan fungsi bawaan dari WPFrame. Atau sebaliknya jika Anda ingin merender tampilan dengan fitur yang lebih, Anda dapat menggunakan Blade.

Merender Tampilan dengan Blade

Untuk merender tampilan menggunakan Blade, Anda dapat menambahkan kode seperti berikut kedalam Method Controller Anda:

<?php

namespace WPFP\App\Controllers;

use WPFP\App\Helpers\Blade;
use WPFP\Boot\System\Controller;

class Wpf_dashboard extends Controller
{
    public function index()
    {
        Blade::view('v_users');
    }
}

Blade dapat dipanggil atau digunakan dengan menggunakan helper dengan namespace :

use WPFP\App\Helpers\Blade;

Karena dalam kasus ini pengguna menggunakan Blade, Anda dapat mempelajari mengenai Blade melalui dokumentasi dari Laravel.

Merender Tampilan dengan Fungsi Bawaan WPFrame

Cara lainnya Anda juga dapat merender tampilan dengan menggunakan fungsi bawaan dari WPFrame yaitu view() seperti berikut:

<?php

namespace WPFP\App\Controllers;

use WPFP\Boot\System\Controller;

class Wpf_dashboard extends Controller
{
    public function index()
    {
        $this->view('v_users');
    }
}

Mengirim Data ke View

Untuk mengirimkan data dari Controllers Anda dapat mengisi parameter kedua dari fungsi view() bawaan WPFrame ataupun Helper Blade. Contoh berikut bagaimana untuk mengirimkan data melalui parameter kedua dari fungsi untuk merender tampilan:

Blade:

$dataUsers = [
  'name'   =>  'Ryan',
  'Age'    =>  32,
];  
Blade::view('v_users', $dataUsers);

Default view() WPFrame:

$dataUsers = [
  'name'   =>  'Ryan',
  'Age'    =>  32,
];  
$this->view('v_users', $dataUsers);

dan untuk mengakses variable yang telah dikirimkan dari Kontroler, Anda dapat mengambil dari array name yang telah di buat seperti contoh berikut:

<!--- Blade View -->
{{ $name }}

<!--- WPFrame View  -->
<?= $name; ?>