Phalcon - Tampilan

Tampilan adalah informasi yang disajikan kepada pengguna akhir. Tampilan dapat dianggap sebagai halaman web dengan respons yang sesuai untuk ditampilkan. Respon tersebut diterima melalui pengontrol yang berinteraksi dengan model.

Khusus di Phalcon tampilan terdiri dari kode Volt, PHP dan HTML. Satu set pembatas khusus tersedia untuk masuk dalam mode Volt.{% ... %} digunakan untuk menjalankan pernyataan seperti for-loops atau menetapkan nilai, dan {{ ... }} mencetak hasil ekspresi ke template.

Tampilan di Phalcon pada dasarnya diklasifikasikan menjadi dua jenis -

• Volt
• phtml

Volt

Berikut adalah tangkapan layar dari output yang kami buat untuk proyek tersebut demo1 di bab sebelumnya.

Output ini dicapai dengan bantuan file views/index/index.volt.

Fitur File Volt

• Ini adalah template yang ditulis dalam bahasa C dan sangat cepat dibandingkan dengan bahasa lain.

• Ini mencakup satu set komponen yang sangat terintegrasi, yang sangat bermanfaat di Phalcon.

• Ini juga dapat digunakan sebagai komponen yang berdiri sendiri.

• Volt dikompilasi menjadi kode PHP murni.

Berikut adalah kode untuk index.volt yang dimuat secara default untuk proyek apa pun.

<!--<div class = "page-header"> 
   <h1>Congratulations!</h1> 
</div>--> 

<p>This is my first web application in Phalcon </p> 
<!--<p>You're now flying with Phalcon. Great things are about to happen!</p>

<p>This page is located at <code>views/index/index.volt</code></p>-->

Rendering Hierarki

Tampilan di Phalcon mendukung rendering hierarki dan Phalcon\Mvc\Viewdigunakan sebagai komponen rendering default. Komponen ini menggunakan PHP sebagai mesin template dibandingkan dengan file volt yang menggunakan C sebagai bahasa template.

Pandangan ini seharusnya memiliki .phtmlperpanjangan. Direktori default tampilan untuk proyek tertentu terdiri dari tiga file berikut -

• Action view- Tampilan ini dipanggil untuk menjalankan tindakan tertentu. Ini dipanggil ketika tindakan "tampilkan" dijalankan.

• Controller layout- Tampilan ini ada di dalam folder tata letak. Sebagai contoh,C:\xampp\htdocs\demo\app\views\layouts. Ini memanggil metode panggilan yang terkait dengan pengontrol yang sesuai. Kode yang diimplementasikan dalam tata letak akan diimplementasikan sesuai kebutuhan.

• Main layout - Tampilan tata letak ini akan memanggil tindakan utama dan akan ditampilkan untuk setiap pengontrol atau tindakan dalam aplikasi web.

Perbedaan antara File .volt dan .phtml

.volt	.phtml
Ekstensi .volt digunakan ketika mesin template yang diatur dalam aplikasi ditulis dalam C	.phtml digunakan jika mesin template adalah PHP itu sendiri
Ini dapat digunakan sebagai komponen yang berdiri sendiri	Ini tidak dapat digunakan sebagai komponen yang berdiri sendiri
Tampilan Volt dikompilasi ke kode PHP	File phtml sendiri sudah termasuk kode PHP jadi tidak perlu kompilasi dalam framework Phalcon

Variabel

Variabel ditetapkan dan diubah dalam template menggunakan 'set'.

Mendeklarasikan sebuah array

{% set fruits = ['Apple', 'Banana', 'Orange'] %}

Mendeklarasikan string

{% set name = ”John Kennedy” %}

Komentar

Komentar juga dapat ditambahkan ke template menggunakan {# ... #}pembatas. Semua teks di dalamnya diabaikan begitu saja pada hasil akhir.

{# note: this is a comment 
   {% set price = 100; %} 
#}

Contoh

{% set fruits = ['Apple', 'Banana', 'Orange'] %} 

<h1>Fruits</h1> 

<ul> 
   {% for fruit in fruits %} 
   <li>{{ fruit|e }}</li> 
   {% endfor %} 
</ul>  

{% set robots = ['Voltron', 'Astro Boy', 'Terminator', 'C3PO'] %}  

<ul> 
   {% for robot in robots %} 
   <li>{{ robot }}</li> 
   {% endfor %} 
</ul>

Keluaran

Kode akan menghasilkan layar keluaran berikut -