Phalcon - Lượt xem

Lượt xem là thông tin được trình bày cho người dùng cuối. Một chế độ xem có thể được coi là một trang web với phản hồi thích hợp được hiển thị. Phản hồi được nhận thông qua bộ điều khiển tương tác với mô hình.

Cụ thể trong Phalcon, khung nhìn bao gồm mã Volt, PHP và HTML. Một tập hợp các dấu phân cách đặc biệt có sẵn để nhập ở chế độ Volt.{% ... %} được sử dụng để thực thi các câu lệnh như vòng lặp for hoặc gán giá trị, và {{ ... }} in kết quả của một biểu thức vào mẫu.

Chế độ xem trong Phalcon về cơ bản được phân thành hai loại:

  • Volt
  • phtml

Volt

Sau đây là ảnh chụp màn hình đầu ra mà chúng tôi đã tạo cho dự án demo1 trong chương trước.

Đầu ra này đạt được với sự trợ giúp của tệp views/index/index.volt.

Đặc điểm của tập tin Volt

  • Đây là một mẫu được viết bằng ngôn ngữ C và có tốc độ nhanh đáng kể so với các ngôn ngữ khác.

  • Nó bao gồm một tập hợp các thành phần tích hợp cao, rất có lợi trong Phalcon.

  • Nó cũng có thể được sử dụng như một thành phần độc lập.

  • Volt được biên dịch thành mã PHP thuần.

Sau đây là mã cho index.volt tải theo mặc định cho bất kỳ dự án nào.

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

Kết xuất phân cấp

Chế độ xem trong Phalcon hỗ trợ kết xuất phân cấp và Phalcon\Mvc\Viewđược sử dụng làm thành phần kết xuất mặc định. Thành phần này sử dụng PHP làm công cụ mẫu so với các tệp volt sử dụng C làm ngôn ngữ mẫu.

Những chế độ xem này nên có .phtmlsự mở rộng. Thư mục khung nhìn mặc định cho dự án nhất định bao gồm ba tệp sau:

  • Action view- Khung nhìn này được gọi để thực thi một hành động cụ thể. Nó được gọi khi hành động “show” được thực thi.

  • Controller layout- Dạng xem này hiện diện bên trong thư mục bố cục. Ví dụ,C:\xampp\htdocs\demo\app\views\layouts. Nó gọi phương thức được liên kết với bộ điều khiển thích hợp. Mã được triển khai trong bố cục sẽ được triển khai khi và khi được yêu cầu.

  • Main layout - Dạng xem bố cục này sẽ gọi hành động chính và nó sẽ được hiển thị cho mọi bộ điều khiển hoặc hành động trong ứng dụng web.

Sự khác biệt giữa tệp .volt và .phtml

.volt .phtml
Phần mở rộng .volt được sử dụng khi công cụ mẫu được thiết lập trong ứng dụng được viết bằng C .phtml được sử dụng khi công cụ mẫu là chính PHP
Nó có thể được sử dụng như một thành phần độc lập Nó không thể được sử dụng như một thành phần độc lập
Các chế độ xem Volt được biên dịch sang mã PHP Bản thân tệp phtml đã bao gồm mã PHP nên không cần biên dịch trong khuôn khổ Phalcon

Biến

Các biến được gán và thay đổi trong mẫu bằng cách sử dụng 'set'.

Khai báo một mảng

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

Khai báo một chuỗi

{% set name = ”John Kennedy” %}

Bình luận

Nhận xét cũng có thể được thêm vào một mẫu bằng cách sử dụng {# ... #}dấu phân cách. Tất cả văn bản bên trong chúng chỉ bị bỏ qua trong đầu ra cuối cùng.

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

Thí dụ

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

Đầu ra

Mã sẽ tạo ra màn hình đầu ra sau: