phalcon框架與Volt 模塊引擎使用簡介

時間 2019-11-18

標籤 phalcon 框架 volt 模塊引擎使用簡介简体版

原文原文鏈接

　　 ———— 近期工做中web頁面使用由C語言編寫的Volt模板引擎，相比以前由js動態加載頁面速度更快，更利於百度數據的抓取，現根據文檔整理一下使用思路php

（Volt是一個超快速和設計者友好的模板語言，C語言編寫的PHP。它爲您提供了一套助理寫一個簡單的方法的意見。phalcon框架與其餘組件的高度集成，就像你可使用它做爲一個獨立的組件在你的應用程序中。css

Volt是一種用C語言編寫的超快速而且設計友好的PHP模板引擎，它爲你提供了一套很方便的視圖助手。Volt與其餘的組件高度集成，就像你能夠在應用程序中單獨使用它同樣。html

）web

一、激活

把Volt 註冊到視圖組件，並設置一個擴展名稱或者使用默認的擴展名 .phtml ：api

<?php

//Registering Volt as template engine
$di->set('view', function() {

    $view = new \Phalcon\Mvc\View();

    $view->setViewsDir('../app/views/');

    $view->registerEngines(array(
        ".volt" => 'Phalcon\Mvc\View\Engine\Volt'
    ));

    return $view;
});

<?php

$view->registerEngines(array(
    ".phtml" => 'Phalcon\Mvc\View\Engine\Volt'
));

二、基本使用方法

　　Volt的代碼是由PHP和HTML構成，Volt中有一組特殊的分隔符，{% ... %}用於執行循環語句和條件判斷等，{{ ... }}用於賦值。數組

　　可使用Phalcon\Mvc\View::setVar把控制器中的變量傳遞到視圖中。app

<?php

class PostsController extends \Phalcon\Mvc\Controller
{

    public function showAction()
    {

        $post = Post::findFirst();

        $this->view->setVar("title", $post->title);
        $this->view->setVar("post", $post);
        $this->view->setVar("menu", Menu::find());
        $this->view->setVar("show_navigation", true);

    }

}

　　在上面的例子中，有三個變量傳遞到視圖中：title, menu 和 post ：框架

三、變量

　　變量能夠有屬性，能夠經過使用語法訪問他們：如：foo.bar。若是他們是數組，你可使用foo['bar'] 的方式訪問函數

{{ post.title }}
{{ post['title'] }}

四、過濾器

　　變量可使用過濾器格式化或修改，管道操做符「|」用於接收過濾器過濾變量post

{{ post.title|e }}
{{ post.content|striptags }}
{{ name|capitalize|trim }}

五、註釋

　註釋使用{# ... #}分隔符添加註釋

六、邏輯語法

　　一、for循環

<h1>Robots</h1>
{% for robot in robots %}
  {% for part in robot.parts %}
  Robot: {{ robot.name|e }} Part: {{ part.name|e }} <br/>
  {% endfor %}
{% endfor %}

　　二、if判斷

<h1>Robots</h1>
<ul>
{% for robot in robots %}
  {% if robot.type = "cyborg" %}
  <li>{{ robot.name|e }}</li>
  {% else %}
  <li>{{ robot.name|e }} (not a cyborg)</li>
  {% endif %}
{% endfor %}
</ul>

七、賦值

　　可使用「set」設置或改變變量的值

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

八、數學計算

　　可使用操做符 + - * % /

九、比較運算符

　　== != <> > < <= >= === !==

十、邏輯運算符

　　or and not

十一、其餘操做符

　　~ | .. is is not

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

{% for index in 0..robots|length %}
    {% if isset robots[index] %}
        {{ "Name: " ~ robots[index] }}
    {% endif %}
{% endfor %}

十二、視圖集成

　　Volt 模板集成了 Phalcon\Mvc\View, 你的模板層次結構和默認的層次結構同樣，你能夠這樣使用 partials ：

{{ content() }}

{{ partial("partials/footer.volt") }}

1三、模板繼承

　　你能夠建立一個基礎模板，其餘目標繼承這個基礎模板，能夠提升模板文件的複用性。基礎模板使用block定義一個塊，這個塊能夠是被子模板覆蓋的。

　　例如：如下爲基礎模板

{# templates/base.volt #}
<!DOCTYPE html>
<html>
    <head>
        {% block head %}
            <link rel="stylesheet" href="style.css" />
        {% endblock %}
        <title>{% block title %}{% endblock %} - My Webpage</title>
    </head>
    <body>
        <div id="content">{% block content %}{% endblock %}</div>
        <div id="footer">
            {% block footer %}© Copyright 2012, All rights reserved.{% endblock %}
        </div>
    </body>
</html>

　　其餘的模板能夠繼承自這個基礎模板，同時替換掉基礎模板中的 block:

{% extends "templates/base.volt" %}

{% block title %}Index{% endblock %}

{% block head %}<style type="text/css">.important { color: #336699; }</style>{% endblock %}

{% block content %}
    <h1>Index</h1>
    <p class="important">Welcome on my awesome homepage.</p>
{% endblock %}

　　並不是全部的 block 都須要在子模板中進行替換(意思是，你能夠替換須要的那一部分)。上面的示例最終輸出結果以下：

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">.important { color: #336699; }</style>
        <title>Index - My Webpage</title>
    </head>
    <body>
        <div id="content">
            <h1>Index</h1>
            <p class="important">Welcome on my awesome homepage.</p>
        </div>
        <div id="footer">
            © Copyright 2012, All rights reserved.
        </div>
    </body>
</html>

　　做爲一個片段，」extends」後跟的路徑是一個相對於視圖存放目錄的相對路徑(即 app/views).

　　/*默認狀況下，出於對性能的考慮，Volt只檢查子模板是否有修改。由於建議在開發階段初始時使用 ‘compileAlways’ => true。這樣的話，模板始終檢查父模板是否有修改。*/

1四、配置

　　Volt是能夠經過配置改變默認的行爲的

<?php

//Register Volt as a service
$di->set('voltService', function($view, $di) {

    $volt = new \Phalcon\Mvc\View\Engine\Volt($view, $di);

    $volt->setOptions(array(
        "compiledPath" => "../app/compiled-templates/",
        "compiledExtension" => ".compiled"
    ));

    return $volt;
});

//Register Volt as template engine
$di->set('view', function() {

    $view = new \Phalcon\Mvc\View();

    $view->setViewsDir('../app/views/');

    $view->registerEngines(array(
        ".volt" => 'voltService'
    ));

    return $view;
});

　　若是不重用Volt,你能夠不把它做爲一個服務，而是在註冊view服務的時候，用匿名函數的方式註冊Volt模板引擎

<?php

//Register Volt as template engine with an anonymous function
$di->set('view', function() {

    $view = new \Phalcon\Mvc\View();

    $view->setViewsDir('../app/views/');

    $view->registerEngines(array(
        ".volt" => function($view, $di) {
            $volt = new \Phalcon\Mvc\View\Engine\Volt($view, $di);

            //set some options here

            return $volt;
        }
    ));

    return $view;
});