Phalcon - Vistas

Las vistas son información que se presenta al usuario final. Una vista puede considerarse como una página web con la respuesta adecuada que se mostrará. La respuesta se recibe a través del controlador que interactúa con el modelo.

Específicamente en Phalcon, la vista consta de código Volt, PHP y HTML. Hay disponible un conjunto de delimitadores especiales para ingresar en el modo Volt.{% ... %} se utiliza para ejecutar declaraciones como bucles for o asignar valores, y {{ ... }} imprime el resultado de una expresión en la plantilla.

Las vistas en Phalcon se clasifican básicamente en dos tipos:

  • Volt
  • phtml

Voltio

A continuación se muestra la captura de pantalla de la salida que habíamos creado para el proyecto. demo1 en el capítulo anterior.

Esta salida se logra con la ayuda de file views/index/index.volt.

Características de los archivos Volt

  • Es una plantilla escrita en lenguaje C y es considerablemente más rápida en comparación con otros lenguajes.

  • Incluye un conjunto de componentes altamente integrados, que son muy beneficiosos en Phalcon.

  • También se puede utilizar como componente independiente.

  • Volt está compilado en código PHP puro.

A continuación se muestra el código para index.volt que se carga por defecto para cualquier proyecto.

<!--<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>-->

Representación jerárquica

Las vistas en Phalcon admiten la representación jerárquica y Phalcon\Mvc\Viewse utiliza como componente de renderizado predeterminado. Este componente usa PHP como motor de plantilla en comparación con los archivos volt que usa C como lenguaje de plantilla.

Estas vistas deberían tener .phtmlextensión. El directorio predeterminado de vistas para el proyecto dado consta de los siguientes tres archivos:

  • Action view- Esta vista se llama para ejecutar una acción en particular. Se llama cuando se ejecuta la acción "mostrar".

  • Controller layout- Esta vista está presente dentro de la carpeta de diseños. Por ejemplo,C:\xampp\htdocs\demo\app\views\layouts. Invoca las llamadas al método asociadas con el controlador apropiado. El código implementado en el diseño se implementará cuando sea necesario.

  • Main layout - Esta vista de diseño invocará la acción principal y se mostrará para cada controlador o acción dentro de la aplicación web.

Diferencia entre archivos .volt y .phtml

.voltio .phtml
La extensión .volt se usa cuando el motor de plantillas configurado en la aplicación está escrito en C .phtml se usa cuando el motor de plantillas es PHP mismo
Se puede utilizar como componente independiente. No se puede utilizar como componente independiente
Las vistas de Volt se compilan en código PHP Los archivos phtml en sí incluyen código PHP, por lo que no es necesario compilarlos en el marco de Phalcon.

Variables

Las variables se asignan y cambian en la plantilla usando 'set'.

Declarar una matriz

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

Declarar una cadena

{% set name = ”John Kennedy” %}

Comentarios

Los comentarios también se pueden agregar a una plantilla usando el {# ... #}delimitadores. Todo el texto dentro de ellos simplemente se ignora en la salida final.

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

Ejemplo

{% 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>

Salida

El código producirá la siguiente pantalla de salida: