[TOC]
# Volt:模板引擎
Volt是一种用C语言编写的超快速且设计友好的模板语言。它为您提供了一组帮助程序,以便以简单的方式编写视图。Volt与Phalcon的其他组件高度集成,就像您可以将其用作应用程序中的独立组件一样。
![](https://docs.phalconphp.com/images/content/volt.jpg)
Volt的灵感来自最初由[Armin Ronacher](https://github.com/mitsuhiko)创作的[Jinja](http://jinja.pocoo.org/)。因此,许多开发人员将使用与类似模板引擎相同的语法在熟悉的领域。Volt的语法和功能已经通过更多元素得到增强,当然还有开发人员在使用Phalcon时习惯的性能。
## 介绍
Volt视图被编译为纯PHP代码,因此基本上他们省去了手动编写PHP代码的工作:
```twig
{# app/views/products/show.volt #}
{% block last_products %}
{% for product in products %}
* Name: {{ product.name|e }}
{% if product.status === 'Active' %}
Price: {{ product.price + product.taxes/100 }}
{% endif %}
{% endfor %}
{% endblock %}
```
## 激活Volt
与其他模板引擎一样,您可以在视图组件中注册Volt,使用新扩展或重用标准`.phtml`:
```php
<?php
use Phalcon\Mvc\View;
use Phalcon\Mvc\View\Engine\Volt;
// Register Volt as a service
$di->set(
'voltService',
function ($view, $di) {
$volt = new Volt($view, $di);
$volt->setOptions(
[
'compiledPath' => '../app/compiled-templates/',
'compiledExtension' => '.compiled',
]
);
return $volt;
}
);
// Register Volt as template engine
$di->set(
'view',
function () {
$view = new View();
$view->setViewsDir('../app/views/');
$view->registerEngines(
[
'.volt' => 'voltService',
]
);
return $view;
}
);
```
使用标准的`.phtml`扩展名:
```php
<?php
$view->registerEngines(
[
'.phtml' => 'voltService',
]
);
```
您无需在DI中指定Volt服务;你也可以使用Volt引擎的默认设置:
```php
<?php
$view->registerEngines(
[
'.volt' => Phalcon\Mvc\View\Engine\Volt::class,
]
);
```
如果您不想将Volt重用为服务,则可以传递匿名函数来注册引擎而不是服务名称:
```php
<?php
use Phalcon\Mvc\View;
use Phalcon\Mvc\View\Engine\Volt;
// Register Volt as template engine with an anonymous function
$di->set(
'view',
function () {
$view = new View();
$view->setViewsDir('../app/views/');
$view->registerEngines(
[
'.volt' => function ($view, $di) {
$volt = new Volt($view, $di);
// Set some options here
return $volt;
}
]
);
return $view;
}
);
```
Volt提供以下选项:
| 选项 | 描述 | 默认 |
| ------------------- | ---------------------------------------------------------------------------------------------------------------------------- | ------- |
| `autoescape` | 启用HTML的全局自动视图 | `false` |
| `compileAlways` | 如果模板必须在每个请求中编译或仅在更改时,请告诉Volt | `false` |
| `compiledExtension` | 附加到编译的PHP文件的附加扩展 | `.php` |
| `compiledPath` | 一个可写路径,将放置已编译的PHP模板 | `./` |
| `compiledSeparator` | Volt用这个分隔符替换目录分隔符/和\,以便在编译目录中创建单个文件| `%%` |
| `prefix` | 允许在编译路径中为模板添加前缀 | `null` |
| `stat` | Phalcon是否必须检查模板文件与其编译路径之间是否存在差异 | `true` |
根据上述选项生成编译路径,如果开发人员希望完全自由地定义编译路径,则可以使用匿名函数生成它,此函数接收视图目录中模板的相对路径。以下示例显示如何动态更改编译路径:
```php
<?php
// Just append the .php extension to the template path
// leaving the compiled templates in the same directory
$volt->setOptions(
[
'compiledPath' => function ($templatePath) {
return $templatePath . '.php';
}
]
);
// Recursively create the same structure in another directory
$volt->setOptions(
[
'compiledPath' => function ($templatePath) {
$dirName = dirname($templatePath);
if (!is_dir('cache/' . $dirName)) {
mkdir('cache/' . $dirName , 0777 , true);
}
return 'cache/' . $dirName . '/'. $templatePath . '.php';
}
]
);
```
## 基本用法
视图由Volt代码,PHP和HTML组成。一组特殊分隔符可用于进入伏特模式。`{%...%}`用于执行诸如for循环或赋值和`{{...}}`之类的语句,将表达式的结果打印到模板。
下面是一个最小的模板,它说明了一些基础知识:
```twig
{# app/views/posts/show.phtml #}
<!DOCTYPE html>
<html>
<head>
<title>{{ title }} - An example blog</title>
</head>
<body>
{% if show_navigation %}
<ul id='navigation'>
{% for item in menu %}
<li>
<a href='{{ item.href }}'>
{{ item.caption }}
</a>
</li>
{% endfor %}
</ul>
{% endif %}
<h1>{{ post.title }}</h1>
<div class='content'>
{{ post.content }}
</div>
</body>
</html>
```
使用`Phalcon\Mvc\View` 可以将变量从控制器传递到视图。在上面的例子中,四个变量被传递给视图:`show_navigation`,`menu`,`title`和`post`:
```php
<?php
use Phalcon\Mvc\Controller;
class PostsController extends Controller
{
public function showAction()
{
$post = Post::findFirst();
$menu = Menu::findFirst();
$this->view->show_navigation = true;
$this->view->menu = $menu;
$this->view->title = $post->title;
$this->view->post = $post;
// Or...
$this->view->setVar('show_navigation', true);
$this->view->setVar('menu', $menu);
$this->view->setVar('title', $post->title);
$this->view->setVar('post', $post);
}
}
```
## 变量
对象变量可能具有可使用以下语法访问的属性:`foo.bar`。如果要传递数组,则必须使用方括号语法:`foo ['bar']`
```twig
{{ post.title }} {# for $post->title #}
{{ post['title'] }} {# for $post['title'] #}
```
## 过滤
可以使用过滤器格式化或修改变量。管道操作`|`用于将过滤器应用于变量:
```twig
{{ post.title|e }}
{{ post.content|striptags }}
{{ name|capitalize|trim }}
```
以下是Volt中可用的内置过滤器列表:
| 过滤 | 描述 |
| ------------------ | ---------------------------------------------------------------------------------------------------------------------------------- |
| `abs` | 将[abs](http://php.net/manual/en/function.abs.php) PHP函数应用于值。 |
| `capitalize` | 通过将[ucwords](http://php.net/manual/en/function.ucwords.php) PHP函数应用于值来大写字符串 |
| `convert_encoding` | 将字符串从一个字符集转换为另一个字符集 |
| `default` | 如果计算的表达式为空(未设置或计算为false值),则设置默认值 |
| `e` | 将 `Phalcon\Escaper->escapeHtml()` 应用于该值 |
| `escape` | 将 `Phalcon\Escaper->escapeHtml()` 应用于该值 |
| `escape_attr` | 将 `Phalcon\Escaper->escapeHtmlAttr()` 应用于该值 |
| `escape_css` | 将 `Phalcon\Escaper->escapeCss()` 应用于该值 |
| `escape_js` | 将 `Phalcon\Escaper->escapeJs()` 应用于该值 |
| `format` | 使用 [sprintf](http://php.net/manual/en/function.sprintf.php) 格式化字符串。 |
| `json_encode` | 将值转换为其[JSON](http://php.net/manual/en/function.json-encode.php)表示形式 |
| `json_decode` | 将值从其[JSON](http://php.net/manual/en/function.json-encode.php)表示转换为PHP表示 |
| `join` | 使用分隔符[join](http://php.net/manual/en/function.join.php)来连接数组部件 |
| `keys` | 使用[array_keys](http://php.net/manual/en/function.array-keys.php)返回数组键 |
| `left_trim` | 将[ltrim](http://php.net/manual/en/function.ltrim.php) PHP函数应用于该值。删除多余的空格 |
| `length` | 计算字符串长度或数组或对象中的项目数 |
| `lower` | 将字符串的大小写更改为小写 |
| `nl2br` | 通过换行符 `\n`更改换行符(`<br />`)。使用PHP函数[nl2br](http://php.net/manual/en/function.nl2br.php)|
| `right_trim` | 将[rtrim](http://php.net/manual/en/function.rtrim.php) PHP函数应用于该值。删除多余的空格 |
| `sort` | 使用PHP函数asort [asort](http://php.net/manual/en/function.asort.php) 对数组进行排序 |
| `stripslashes` | 将[stripslashes](http://php.net/manual/en/function.stripslashes.php) PHP函数应用于该值。删除转义的引号 |
| `striptags` | 将[strip_tags](http://php.net/manual/en/function.strip-tags.php) PHP函数应用于值。删除HTML标记 |
| `trim` | 将[trim](http://php.net/manual/en/function.trim.php)PHP函数应用于该值。删除多余的空格 |
| `upper` | 将字符串的大小写更改为大写 |
| `url_encode` | 将[urlencode](http://php.net/manual/en/function.urlencode.php) PHP函数应用于该值 |
例子:
```twig
{# e or escape filter #}
{{ '<h1>Hello<h1>'|e }}
{{ '<h1>Hello<h1>'|escape }}
{# trim filter #}
{{ ' hello '|trim }}
{# striptags filter #}
{{ '<h1>Hello<h1>'|striptags }}
{# slashes filter #}
{{ ''this is a string''|slashes }}
{# stripslashes filter #}
{{ '\'this is a string\''|stripslashes }}
{# capitalize filter #}
{{ 'hello'|capitalize }}
{# lower filter #}
{{ 'HELLO'|lower }}
{# upper filter #}
{{ 'hello'|upper }}
{# length filter #}
{{ 'robots'|length }}
{{ [1, 2, 3]|length }}
{# nl2br filter #}
{{ 'some\ntext'|nl2br }}
{# sort filter #}
{% set sorted = [3, 1, 2]|sort %}
{# keys filter #}
{% set keys = ['first': 1, 'second': 2, 'third': 3]|keys %}
{# join filter #}
{% set joined = 'a'..'z'|join(',') %}
{# format filter #}
{{ 'My real name is %s'|format(name) }}
{# json_encode filter #}
{% set encoded = robots|json_encode %}
{# json_decode filter #}
{% set decoded = '{'one':1,'two':2,'three':3}'|json_decode %}
{# url_encode filter #}
{{ post.permanent_link|url_encode }}
{# convert_encoding filter #}
{{ 'désolé'|convert_encoding('utf8', 'latin1') }}
```
## 注释
也可以使用 `{# ... #}` 分隔符将注释添加到模板中。其中的所有文本都在最终输出中被忽略:
```twig
{# note: this is a comment
{% set price = 100; %}
#}
```
## 控制结构列表
Volt提供了一组基本但功能强大的控件结构,可用于模板:
### For
循环遍历序列中的每个项目。以下示例显示如何遍历一组“robots”并打印他/她的名字:
```twig
<h1>Robots</h1>
<ul>
{% for robot in robots %}
<li>
{{ robot.name|e }}
</li>
{% endfor %}
</ul>
```
for循环也可以嵌套:
```twig
<h1>Robots</h1>
{% for robot in robots %}
{% for part in robot.parts %}
Robot: {{ robot.name|e }} Part: {{ part.name|e }} <br />
{% endfor %}
{% endfor %}
```
您可以使用以下语法获取PHP副本中的元素`keys`:
```twig
{% set numbers = ['one': 1, 'two': 2, 'three': 3] %}
{% for name, value in numbers %}
Name: {{ name }} Value: {{ value }}
{% endfor %}
```
可以选择设置`if`判断:
```twig
{% set numbers = ['one': 1, 'two': 2, 'three': 3] %}
{% for value in numbers if value < 2 %}
Value: {{ value }}
{% endfor %}
{% for name, value in numbers if name !== 'two' %}
Name: {{ name }} Value: {{ value }}
{% endfor %}
```
如果在`for`中定义了`else`,则在迭代器中的表达式导致零迭代时将执行:
```twig
<h1>Robots</h1>
{% for robot in robots %}
Robot: {{ robot.name|e }} Part: {{ part.name|e }} <br />
{% else %}
There are no robots to show
{% endfor %}
```
替代语法:
```twig
<h1>Robots</h1>
{% for robot in robots %}
Robot: {{ robot.name|e }} Part: {{ part.name|e }} <br />
{% elsefor %}
There are no robots to show
{% endfor %}
```
### 循环控制
`break` 和 `continue` 语句可用于退出循环或强制当前块中的迭代:
```twig
{# skip the even robots #}
{% for index, robot in robots %}
{% if index is even %}
{% continue %}
{% endif %}
...
{% endfor %}
```
```twig
{# exit the foreach on the first even robot #}
{% for index, robot in robots %}
{% if index is even %}
{% break %}
{% endif %}
...
{% endfor %}
```
### If
作为PHP,`if`语句检查表达式是否被评估为true或false:
```twig
<h1>Cyborg Robots</h1>
<ul>
{% for robot in robots %}
{% if robot.type === 'cyborg' %}
<li>{{ robot.name|e }}</li>
{% endif %}
{% endfor %}
</ul>
```
else子句也支持:
```twig
<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>
```
`elseif`控制流结构可以与`if`一起使用来`switch`开关块:
```twig
{% if robot.type === 'cyborg' %}
Robot is a cyborg
{% elseif robot.type === 'virtual' %}
Robot is virtual
{% elseif robot.type === 'mechanical' %}
Robot is mechanical
{% endif %}
```
### Switch
`if`语句的替代方法是`switch`,允许您在应用程序中创建逻辑执行路径:
```twig
{% switch foo %}
{% case 0 %}
{% case 1 %}
{% case 2 %}
"foo" is less than 3 but not negative
{% break %}
{% case 3 %}
"foo" is 3
{% break %}
{% default %}
"foo" is {{ foo }}
{% endswitch %}
```
`switch`语句执行语句,因此在某些情况下`break`语句是必需的。`switch`语句和第一个`case` 之间的任何输出(包括空格)都将导致语法错误。因此可以清除空行和空格以减少此处的错误数量 [看这里](http://php.net/control-structures.alternative-syntax)。
#### `case` 不带 `switch`
```twig
{% case EXPRESSION %}
```
将抛出致命错误:未捕获的`Fatal error: Uncaught Phalcon\Mvc\View\Exception: Unexpected CASE`:意外的CASE。
#### `switch` 不带 `endswitch`
```twig
{% switch EXPRESSION %}
```
将抛出致命错误:未捕获的`Fatal error: Uncaught Phalcon\Mvc\View\Exception: Syntax error, unexpected EOF in ..., there is a 'switch' block without 'endswitch'`:语法错误,意外的EOF在......中,有一个'switch'块没有'endswitch'。
#### `default` 不带 `switch`
```twig
{% default %}
```
不会抛出错误,因为`default`是过滤器的保留字像`{{ EXPRESSION | default(VALUE) }}`但在这种情况下,表达式只会输出一个空的字符''。
#### 嵌套 `switch`
```twig
{% switch EXPRESSION %}
{% switch EXPRESSION %}
{% endswitch %}
{% endswitch %}
```
将抛出致命错误:未捕获的`Fatal error: Uncaught Phalcon\Mvc\View\Exception: A nested switch detected. There is no nested switch-case statements support in ... on line ...`:检测到嵌套switch。在行...不支持嵌套的switch-case语句...
#### `switch` 不带表达式
```twig
{% switch %}
{% case EXPRESSION %}
{% break %}
{% endswitch %}
```
将抛出致命错误:未捕获的`Fatal error: Uncaught Phalcon\Mvc\View\Exception: Syntax error, unexpected token %} in ... on line ...`:语法错误,意外的令牌%}在......在行...
### 循环上下文
一个特殊的变量可用于`for`循环内部,为您提供有关的信息
| 变量 | 描述 |
| ---------------- | ------------------------------------------------------------- |
| `loop.index` | 循环的当前迭代。(1索引) |
| `loop.index0` | 循环的当前迭代。(0索引) |
| `loop.revindex` | 循环结束时的迭代次数(1索引) |
| `loop.revindex0` | 循环结束时的迭代次数(0索引) |
| `loop.first` | 如果在第一次迭代中为true。 |
| `loop.last` | 如果在最后一次迭代中为true。 |
| `loop.length` | 要迭代的项目数 |
例子:
```twig
{% for robot in robots %}
{% if loop.first %}
<table>
<tr>
<th>#</th>
<th>Id</th>
<th>Name</th>
</tr>
{% endif %}
<tr>
<td>{{ loop.index }}</td>
<td>{{ robot.id }}</td>
<td>{{ robot.name }}</td>
</tr>
{% if loop.last %}
</table>
{% endif %}
{% endfor %}
```
## 赋值
可以使用指令'set'在模板中更改变量:
```twig
{% set fruits = ['Apple', 'Banana', 'Orange'] %}
{% set name = robot.name %}
```
同一指令允许多次分配:
```twig
{% set fruits = ['Apple', 'Banana', 'Orange'], name = robot.name, active = true %}
```
此外,您可以使用复合赋值运算符:
```twig
{% set price += 100.00 %}
{% set age *= 5 %}
```
以下操作可用:
| 操作符 | 描述 |
| -------- | ------------------------- |
| `=` | 标准赋值 |
| `+=` | 加等赋值 |
| `-=` | 减等赋值 |
| `*=` | 乘等赋值 |
| `/=` | 除等赋值 |
## 表达式
Volt提供了一组基本的表达式支持,包括文字和常用运算符。可以使用`{{`和`}}`分隔符评估和打印表达式:
```twig
{{ (1 + 1) * 2 }}
```
如果需要在不打印的情况下计算表达式,则可以使用`do`语句:
```twig
{% do (1 + 1) * 2 %}
```
### 字面量
支持以下字面量:
| Filter | 描述 |
| -------------------- | ------------------------------------------------------------------ |
| `'this is a string'` |双引号或单引号之间的文本作为字符串处理 |
| `100.25` | 带小数部分的数字作为双精度/浮点数处理 |
| `100` |没有小数部分的数字作为整数处理 |
| `false` | 常量'false'是布尔值false |
| `true` | 常量'true'是布尔值true |
| `null` | 常量'null'是Null值 |
### 数组
无论您使用的是PHP 5.3还是 >= 5.4,您都可以通过在方括号中包含值列表来创建数组:
```twig
{# Simple array #}
{{ ['Apple', 'Banana', 'Orange'] }}
{# Other simple array #}
{{ ['Apple', 1, 2.5, false, null] }}
{# Multi-Dimensional array #}
{{ [[1, 2], [3, 4], [5, 6]] }}
{# Hash-style array #}
{{ ['first': 1, 'second': 4/2, 'third': '3'] }}
```
大括号也可用于定义数组或哈希:
```twig
{% set myArray = {'Apple', 'Banana', 'Orange'} %}
{% set myHash = {'first': 1, 'second': 4/2, 'third': '3'} %}
```
### 数学运算
您可以使用以下运算符在模板中进行计算:
| 操作符 | 描述 |
|:--------:| ----------------------------------------------------------------------- |
| `+` | 执行加法操作 `{{ 2 + 3 }}` 返回 5 |
| `-` | 执行减法操作 `{{ 2 - 3 }}` 返回 -1 |
| `*` | 执行乘法操作 `{{ 2 * 3 }}` 返回 6 |
| `/` | 执行除法操作 `{{ 10 / 2 }}` 返回 5 |
| `%` | 执行取余操作 `{{ 10 % 3 }}` 返回 1 |
### 比较运算
以下比较运算符可用:
| 操作符 | 描述 |
|:----------:| ----------------------------------------------------------------- |
| `==` | 检查两个操作数是否相等 |
| `!=` | 检查两个操作数是否不相等 |
| `<>` | 检查两个操作数是否不相等 |
| `>` | 检查左操作数是否大于右操作数 |
| `<` | 检查左操作数是否小于右操作数 |
| `<=` | 检查左操作数是否小于等于于右操作数 |
| `>=` | 检查左操作数是否大于等于右操作数 |
| `===` | 检查两个操作数是否全等 |
| `!==` | 检查两个操作数是否不全等 |
### 逻辑运算
逻辑运算符在`if`表达式求值中用于组合多个测试:
| 操作符 | 描述 |
|:----------:| ----------------------------------------------------------------- |
| `or` | 逻辑或 |
| `and` | 逻辑与 |
| `not` | 逻辑非 |
| `( expr )` | 括号组表达式 |
### 其他操作符
其他操作符可以看到以下操作符:
| 操作符 | 描述 |
| ----------------- | ------------------------------------------------------------------------------- |
| `~` | 连接两个操作数 `{{ 'hello ' ~ 'world' }}` |
| `|` | 在左侧的右操作数中应用过滤器`{{ 'hello'|uppercase }}` |
| `..` | 创建一个范围 `{{ 'a'..'z' }}` `{{ 1..10 }}` |
| `is` | 与==(等于)相同,也执行检测 |
| `in` | 检测一个表达式是否被另一个表达式包含在内 `if 'a' in 'abc'` |
| `is not` | 与!=相同(不等于) |
| `'a' ? 'b' : 'c'` | 三元运算符。与PHP三元运算符相同 |
| `++` | 递增一个值 |
| `--` | 递减一个值 |
以下示例显示如何使用运算符:
```twig
{% set robots = ['Voltron', 'Astro Boy', 'Terminator', 'C3PO'] %}
{% for index in 0..robots|length %}
{% if robots[index] is defined %}
{{ 'Name: ' ~ robots[index] }}
{% endif %}
{% endfor %}
```
## 检测
检测可用于检测变量是否具有有效的预期值。运算符`is` 用于执行检测:
```twig
{% set robots = ['1': 'Voltron', '2': 'Astro Boy', '3': 'Terminator', '4': 'C3PO'] %}
{% for position, name in robots %}
{% if position is odd %}
{{ name }}
{% endif %}
{% endfor %}
```
Volt提供以下内置检测:
| 检测 | 描述 |
| ------------- | -------------------------------------------------------------------- |
| `defined` | 检查是否定义了变量(`isset()`) |
| `divisibleby` | 检查值是否可以被其他值整除 |
| `empty` | 检查变量是否为空 |
| `even` | 检查数值是否是偶数 |
| `iterable` | 检查值是否可迭代。可以通过'for'语句遍历 |
| `numeric` | 检查值是否为数字 |
| `odd` | 检查数值是否是奇数 |
| `sameas` | 检查值是否与其他值相同 |
| `scalar` | 检查值是否为标量(不是数组或对象) |
| `type` | 检查值是否为指定类型 |
更多示例:
```twig
{% if robot is defined %}
The robot variable is defined
{% endif %}
{% if robot is empty %}
The robot is null or isn't defined
{% endif %}
{% for key, name in [1: 'Voltron', 2: 'Astroy Boy', 3: 'Bender'] %}
{% if key is even %}
{{ name }}
{% endif %}
{% endfor %}
{% for key, name in [1: 'Voltron', 2: 'Astroy Boy', 3: 'Bender'] %}
{% if key is odd %}
{{ name }}
{% endif %}
{% endfor %}
{% for key, name in [1: 'Voltron', 2: 'Astroy Boy', 'third': 'Bender'] %}
{% if key is numeric %}
{{ name }}
{% endif %}
{% endfor %}
{% set robots = [1: 'Voltron', 2: 'Astroy Boy'] %}
{% if robots is iterable %}
{% for robot in robots %}
...
{% endfor %}
{% endif %}
{% set world = 'hello' %}
{% if world is sameas('hello') %}
{{ 'it's hello' }}
{% endif %}
{% set external = false %}
{% if external is type('boolean') %}
{{ 'external is false or true' }}
{% endif %}
```
## 宏
宏可用于在模板中重用逻辑,它们充当PHP函数,可以接收参数并返回值:
```twig
{# Macro 'display a list of links to related topics' #}
{%- macro related_bar(related_links) %}
<ul>
{%- for link in related_links %}
<li>
<a href='{{ url(link.url) }}' title='{{ link.title|striptags }}'>
{{ link.text }}
</a>
</li>
{%- endfor %}
</ul>
{%- endmacro %}
{# Print related links #}
{{ related_bar(links) }}
<div>This is the content</div>
{# Print related links again #}
{{ related_bar(links) }}
```
调用宏时,可以按名称传递参数:
```twig
{%- macro error_messages(message, field, type) %}
<div>
<span class='error-type'>{{ type }}</span>
<span class='error-field'>{{ field }}</span>
<span class='error-message'>{{ message }}</span>
</div>
{%- endmacro %}
{# Call the macro #}
{{ error_messages('type': 'Invalid', 'message': 'The name is invalid', 'field': 'name') }}
```
宏可以返回值:
```twig
{%- macro my_input(name, class) %}
{% return text_field(name, 'class': class) %}
{%- endmacro %}
{# Call the macro #}
{{ '<p>' ~ my_input('name', 'input-text') ~ '</p>' }}
```
并接收可选参数:
```twig
{%- macro my_input(name, class='input-text') %}
{% return text_field(name, 'class': class) %}
{%- endmacro %}
{# Call the macro #}
{{ '<p>' ~ my_input('name') ~ '</p>' }}
{{ '<p>' ~ my_input('name', 'input-text') ~ '</p>' }}
```
## 使用标签助手
Volt与`Phalcon\Tag`高度集成,因此可以很容易地使用Volt模板中该组件提供的帮助程序:
```twig
{{ javascript_include('js/jquery.js') }}
{{ form('products/save', 'method': 'post') }}
<label for='name'>Name</label>
{{ text_field('name', 'size': 32) }}
<label for='type'>Type</label>
{{ select('type', productTypes, 'using': ['id', 'name']) }}
{{ submit_button('Send') }}
{{ end_form() }}
```
生成以下PHP:
```php
<?php echo Phalcon\Tag::javascriptInclude('js/jquery.js') ?>
<?php echo Phalcon\Tag::form(array('products/save', 'method' => 'post')); ?>
<label for='name'>Name</label>
<?php echo Phalcon\Tag::textField(array('name', 'size' => 32)); ?>
<label for='type'>Type</label>
<?php echo Phalcon\Tag::select(array('type', $productTypes, 'using' => array('id', 'name'))); ?>
<?php echo Phalcon\Tag::submitButton('Send'); ?>
{{ end_form() }}
```
要调用`Phalcon\Tag`帮助程序,您只需要调用该方法的未完整版本:
| 方法 | Volt 函数 |
| --------------------------------- | -------------------- |
| `Phalcon\Tag::checkField` | `check_field` |
| `Phalcon\Tag::dateField` | `date_field` |
| `Phalcon\Tag::emailField` | `email_field` |
| `Phalcon\Tag::endForm` | `end_form` |
| `Phalcon\Tag::fileField` | `file_field` |
| `Phalcon\Tag::form` | `form` |
| `Phalcon\Tag::friendlyTitle` | `friendly_title` |
| `Phalcon\Tag::getTitle` | `get_title` |
| `Phalcon\Tag::hiddenField` | `hidden_field` |
| `Phalcon\Tag::image` | `image` |
| `Phalcon\Tag::javascriptInclude` | `javascript_include` |
| `Phalcon\Tag::linkTo` | `link_to` |
| `Phalcon\Tag::numericField` | `numeric_field` |
| `Phalcon\Tag::passwordField` | `password_field` |
| `Phalcon\Tag::radioField` | `radio_field` |
| `Phalcon\Tag::select` | `select` |
| `Phalcon\Tag::selectStatic` | `select_static` |
| `Phalcon\Tag::stylesheetLink` | `stylesheet_link` |
| `Phalcon\Tag::submitButton` | `submit_button` |
| `Phalcon\Tag::textArea` | `text_area` |
| `Phalcon\Tag::textField` | `text_field` |
## 函数
Volt提供以下内置函数:
| 名称 | 描述 |
| ------------- | ----------------------------------------------------------- |
| `content` | 包括在先前渲染阶段中生成的内容 |
| `get_content` | 与 `content` 相同 |
| `partial` | 动态加载当前模板中的局部视图 |
| `super` | 渲染父块的内容 |
| `time` | 使用相同的名称调用PHP函数 |
| `date` | 使用相同的名称调用PHP函数 |
| `dump` | 调用PHP函数 `var_dump()` |
| `version` | 返回框架的当前版本 |
| `constant` | 读取PHP常量 |
| `url` | 使用“url”服务生成URL |
## 集成视图
此外,Volt与`Phalcon\Mvc\View`集成,您可以使用视图层次结构并包含部分:
```twig
{{ content() }}
<!-- Simple include of a partial -->
<div id='footer'>{{ partial('partials/footer') }}</div>
<!-- Passing extra variables -->
<div id='footer'>{{ partial('partials/footer', ['links': links]) }}</div>
```
部分包含在运行时,Volt还提供`include`,这将编译视图的内容并返回其内容作为视图的一部分,其中包括:
```twig
{# Simple include of a partial #}
<div id='footer'>
{% include 'partials/footer' %}
</div>
{# Passing extra variables #}
<div id='footer'>
{% include 'partials/footer' with ['links': links] %}
</div>
```
### Include
`include`有一个特殊的行为,可以帮助我们在使用Volt时稍微提高性能,如果在包含文件时指定扩展名并且在编译模板时它存在,Volt可以内联包含它的父模板中的模板内容。如果`包含`传递的变量,则不会`内联模板`:
```twig
{# The contents of 'partials/footer.volt' is compiled and inlined #}
<div id='footer'>
{% include 'partials/footer.volt' %}
</div>
```
### Partial vs Include
选择使用`partial`或`include`时要记住以下几点:
| 类型 | 描述 |
| ---------- | ---------------------------------------------------------------------------------------------------------- |
| `partial` |允许您包含在Volt和其他模板引擎中制作的模板 |
| | 允许您传递类似变量的表达式,允许动态包含其他视图的内容 |
| | 如果您必须包含的内容经常更改,则会更好 |
| `includes` | 将已编译的内容复制到视图中,从而提高性能 |
| | 仅允许包含使用Volt制作的模板 |
| | 在编译时需要现有模板 |
## 模板继承
使用模板继承,您可以创建可由其他模板扩展的基本模板,从而允许重用代码。基本模板定义的`块`可以被子模板覆盖。让我们假设我们有以下基本模板:
```twig
{# 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 2015, All rights reserved.{% endblock %}
</div>
</body>
</html>
```
从其他模板我们可以扩展基础模板替换块:
```twig
{% 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 %}
```
并非所有块都必须在子模板中替换,只能替换所需的块。产生的最终结果如下:
```html
<!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 2015, All rights reserved.
</div>
</body>
</html>
```
### 多重继承
扩展模板可以扩展其他模板。以下示例说明了这一点:
```twig
{# main.volt #}
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>
```
模板 `layout.volt` 继承 `main.volt`
```twig
{# layout.volt #}
{% extends 'main.volt' %}
{% block content %}
<h1>Table of contents</h1>
{% endblock %}
```
最后一个继承`layout.volt`的视图:
```twig
{# index.volt #}
{% extends 'layout.volt' %}
{% block content %}
{{ super() }}
<ul>
<li>Some option</li>
<li>Some other option</li>
</ul>
{% endblock %}
```
渲染`index.volt`生成:
```html
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<h1>Table of contents</h1>
<ul>
<li>Some option</li>
<li>Some other option</li>
</ul>
</body>
</html>
```
注意函数 `super()`的调用。使用该函数,可以呈现父块的内容。作为partials,设置为`extends`的路径是当前视图目录下的相对路径(即`app/views/`)。
>[warning] 默认情况下,出于性能原因,Volt仅检查子模板中的更改以了解何时再次重新编译为纯PHP,因此建议使用选项`'compileAlways'=> true`初始化Volt。因此,编译模板时始终考虑父模板中的更改。
## 自动转义模式
您可以使用自动转义模式启用块中打印的所有变量的自动转义:
```twig
Manually escaped: {{ robot.name|e }}
{% autoescape true %}
Autoescaped: {{ robot.name }}
{% autoescape false %}
No Autoescaped: {{ robot.name }}
{% endautoescape %}
{% endautoescape %}
```
## 扩展Volt
与其他模板引擎不同,Volt本身不需要运行已编译的模板。编译模板后,不依赖于Volt。考虑到性能独立性,Volt仅作为PHP模板的编译器。
Volt编译器允许您扩展它,为现有的添加更多函数,检测或过滤器。
### Functions
函数充当普通的PHP函数,函数名称需要有效的字符串名称。可以使用两种策略添加函数,返回简单字符串或使用匿名函数。始终要求所选策略返回有效的PHP字符串表达式:
```php
<?php
use Phalcon\Mvc\View\Engine\Volt;
$volt = new Volt($view, $di);
$compiler = $volt->getCompiler();
// This binds the function name 'shuffle' in Volt to the PHP function 'str_shuffle'
$compiler->addFunction('shuffle', 'str_shuffle');
```
使用匿名函数注册该函数。这种情况我们使用 `$resolvedArgs`来传递与参数中传递完全相同的参数:
```php
<?php
$compiler->addFunction(
'widget',
function ($resolvedArgs, $exprArgs) {
return 'MyLibrary\Widgets::get(' . $resolvedArgs . ')';
}
);
```
独立处理参数而未解决:
```php
<?php
$compiler->addFunction(
'repeat',
function ($resolvedArgs, $exprArgs) use ($compiler) {
// Resolve the first argument
$firstArgument = $compiler->expression($exprArgs[0]['expr']);
// Checks if the second argument was passed
if (isset($exprArgs[1])) {
$secondArgument = $compiler->expression($exprArgs[1]['expr']);
} else {
// Use '10' as default
$secondArgument = '10';
}
return 'str_repeat(' . $firstArgument . ', ' . $secondArgument . ')';
}
);
```
根据某些函数可用性生成代码:
```php
<?php
$compiler->addFunction(
'contains_text',
function ($resolvedArgs, $exprArgs) {
if (function_exists('mb_stripos')) {
return 'mb_stripos(' . $resolvedArgs . ')';
} else {
return 'stripos(' . $resolvedArgs . ')';
}
}
);
```
可以覆盖内置函数,添加一个有名称的函数:
```php
<?php
// Replace built-in function dump
$compiler->addFunction('dump', 'print_r');
```
### 过滤器
A filter has the following form in a template: leftExpr|name(optional-args). Adding new filters is similar as seen with the functions:
过滤器在模板中具有以下形式:`左侧表达式|名称(可选参数)`。添加新过滤器与功能类似:
```php
<?php
// This creates a filter 'hash' that uses the PHP function 'md5'
$compiler->addFilter('hash', 'md5');
```
```php
<?php
$compiler->addFilter(
'int',
function ($resolvedArgs, $exprArgs) {
return 'intval(' . $resolvedArgs . ')';
}
);
```
可以覆盖内置过滤器,添加函数的名称:
```php
<?php
// Replace built-in filter 'capitalize'
$compiler->addFilter('capitalize', 'lcfirst');
```
### 扩展
通过扩展,开发人员可以更灵活地扩展模板引擎,覆盖特定指令的编译,更改表达式或运算符的行为,添加函数/过滤器等。
扩展是一个实现由Volt触发的事件作为其自身方法的类。例如,下面的类允许在Volt中使用任何PHP函数:
```php
<?php
class PhpFunctionExtension
{
/**
* This method is called on any attempt to compile a function call
*/
public function compileFunction($name, $arguments)
{
if (function_exists($name)) {
return $name . '('. $arguments . ')';
}
}
}
```
上面的类实现了方法`compileFunction`,它在任何尝试在任何模板中编译函数调用之前调用。扩展的目的是验证要编译的函数是否是允许从模板调用它的PHP函数。扩展中的事件必须返回有效的PHP代码,这将用作编译的结果而不是Volt生成的代码。如果事件未返回字符串,则使用引擎提供的默认行为完成编译。
以下编译事件可在扩展中实现:
| 事件/方法 | 描述 |
| ------------------- | ------------------------------------------------------------------------------------------------------ |
| `compileFunction` | 在尝试编译模板中的任何函数调用之前触发 |
| `compileFilter` | 在尝试编译模板中的任何过滤器调用之前触发 |
| `resolveExpression` | 在尝试编译任何表达式之前触发。这允许开发人员覆盖运算符 |
| `compileStatement` | 在尝试编译任何表达式之前触发。这允许开发人员覆盖任何语句 |
Volt扩展必须在编译器中注册,使它们在编译时可用:
```php
<?php
// Register the extension in the compiler
$compiler->addExtension(
new PhpFunctionExtension()
);
```
## 缓存视图片段
使用Volt,它可以轻松缓存视图片段。此缓存可提高性能,防止每次显示视图时PHP的内容都被执行:
```twig
{% cache 'sidebar' %}
<!-- generate this content is slow so we are going to cache it -->
{% endcache %}
```
设置特定的秒数:
```twig
{# cache the sidebar by 1 hour #}
{% cache 'sidebar' 3600 %}
<!-- generate this content is slow so we are going to cache it -->
{% endcache %}
```
任何有效的表达式都可以用作缓存键:
```twig
{% cache ('article-' ~ post.id) 3600 %}
<h1>{{ post.title }}</h1>
<p>{{ post.content }}</p>
{% endcache %}
```
缓存由`Phalcon\Cache`组件通过视图组件完成。在缓存视图片段部分中了解有关此集成的工作原理的更多信息。
## 将服务注入模板
如果服务容器(DI)可用于Volt,则只需访问模板中的服务名称即可使用服务:
```twig
{# Inject the 'flash' service #}
<div id='messages'>{{ flash.output() }}</div>
{# Inject the 'security' service #}
<input type='hidden' name='token' value='{{ security.getToken() }}'>
```
## 独立组件
在独立模式下使用Volt可以在下面演示:
```php
<?php
use Phalcon\Mvc\View\Engine\Volt\Compiler as VoltCompiler;
// Create a compiler
$compiler = new VoltCompiler();
// Optionally add some options
$compiler->setOptions(
[
// ...
]
);
// Compile a template string returning PHP code
echo $compiler->compileString(
"{{ 'hello' }}"
);
// Compile a template in a file specifying the destination file
$compiler->compileFile(
'layouts/main.volt',
'cache/layouts/main.volt.php'
);
// Compile a template in a file based on the options passed to the compiler
$compiler->compile(
'layouts/main.volt'
);
// Require the compiled templated (optional)
require $compiler->getCompiledTemplatePath();
```
## 外部资源
* Sublime/Textmate的插件包可在[此处](https://github.com/phalcon/volt-sublime-textmate)获得
* [Album-O-Rama](https://album-o-rama.phalconphp.com)是一个使用Volt作为模板引擎的示例应用程序, [Github](https://github.com/phalcon/album-o-rama)
* [官方站点](https://phalconphp.com) 正在使用Volt作为模板引擎运行,[Github](https://github.com/phalcon/website)
* [Phosphorum](https://forum.phalconphp.com),Phalcon的论坛,也使用Volt,[Github](https://github.com/phalcon/forum)
* [Vökuró](https://vokuro.phalconphp.com),是另一个使用Volt的示例应用程序,[Github](https://github.com/phalcon/vokuro)
- 常规
- Welcome
- 贡献
- 生成回溯
- 测试重现
- 单元测试
- 入门
- 安装
- Web服务器设置
- WAMP
- XAMPP
- 教程
- 基础教程
- 教程:创建一个简单的REST API
- 教程:Vökuró
- 提升性能
- 教程:INVO
- 开发环境
- Phalcon Compose (Docker)
- Nanobox
- Phalcon Box (Vagrant)
- 开发工具
- Phalcon开发者工具的安装
- Phalcon开发者工具的使用
- 调试应用程序
- 核心
- MVC应用
- 微应用
- 创建命令行(CLI)应用程序
- 依赖注入与服务定位
- MVC架构
- 服务
- 使用缓存提高性能
- 读取配置
- 上下文转义
- 类加载器
- 使用命名空间
- 日志
- 队列
- 数据库
- 数据库抽象层
- Phalcon查询语言(PHQL)
- ODM(对象文档映射器)
- 使用模型
- 模型行为
- ORM缓存
- 模型事件
- 模型元数据
- 模型关系
- 模型事务
- 验证模型
- 数据库迁移
- 分页
- 前端
- Assets管理
- 闪存消息
- 表单
- 图像
- 视图助手(标签)
- 使用视图
- Volt:模板引擎
- 业务逻辑
- 访问控制列表(ACL)
- 注解解析器
- 控制器
- 调度控制器
- 事件管理器
- 过滤与清理
- 路由
- 在session中存储数据
- 生成URL和路径
- 验证
- HTTP
- Cookies管理
- 请求环境
- 返回响应
- 安全
- 加密/解密
- 安全
- 国际化
- 国际化
- 多语言支持