专栏首页智能合约Phalcon入门教程之Volt模板引擎

Phalcon入门教程之Volt模板引擎

volt 是Phalcon中集成的模板引擎,我们也可以更换为其他模板引擎或同时使用多个模板引擎。本文只介绍 Phalcon 自带的 volt 模板引擎。

启用Volt

和其他模板引擎一样,我们需要将 volt 模板注册到 views 组件中,并设置模板文件通用后缀名,或者直接使用标准化的后缀名 .phtml 才能正常使用:

//文件路径:Marser\App\Frontend\FrontendModule.php
$di->setShared('view', function () use ($config, $di) {
    $view = new \Phalcon\Mvc\View();
    //设置模板根目录
    $view->setViewsDir(ROOT_PATH . '/app/frontend/views/');
    //注册模板引擎
    $view->registerEngines(array(
        //设置模板后缀名
        '.phtml' => function ($view, $di) use ($config) {
            $volt = new \Phalcon\Mvc\View\Engine\Volt($view, $di);
            $volt->setOptions(array(
                //模板是否实时编译
                'compileAlways' => false,
                //模板编译目录
                'compiledPath' => ROOT_PATH . '/app/cache/compiled/frontend'
            ));
            return $volt;
        },
    ));
    return $view;
});

用法

volt 模板中 基本用法变量表达式流程控制等部分的具体用法,文档中已有详细说明,请直接翻阅Phalcon文档 。这里分享一下大家咨询比较多的几处用法以及踩过的坑。

控制器指定模板

    public function testAction(){
        $this->view->pick('view/test');
    }

变量传值

    //控制器中变量
    public function test2Action(){
        //setVar:单独进行变量传值
        $this->view->setVar('test', 'hello world');

        //setVars:关联数组进行变量传值
        //$this->view->setVars([
        //    'test' => 'hellow world',
        //]);
        $this->view->pick('view/test2');
    }

数值循环(For)

Phalcon文档 中有提到 volt 模板中 对象关联数组 的循环方式,但没有明确例子来说明数值循环的用法。具体用法请看如下示例代码:

{% for i in 0..100 %}
  <div>{{i}}</div>
{% endfor %}

连接符

volt 模板中的连接符不是 . ,也不是 + ,而是 ~,代码示例如下:

  {{ url('user/detail?uid='~user['uid']) }}

模板继承

Phalcon文档 中有非常详细的 模板的继承 的用法。这里和大家分享我在使用模板继承过程中踩过的一个坑:

<html>
    <head>
        {% block head %}
            <link rel="stylesheet" href="style.css" />
        {% endblock %}
    </head>
    <body>
        <div id="content">
          {% block content %}
            <div>
              {% block subContent %}{% endblock %}
            </div>
          {% endblock %}
      </div>
    </body>
</html>

在模板编译过程中,会报如下错误信息:

#模板继承中的block块不能嵌套
Embedding blocks into other blocks is not supported

目前官方暂未计划支持此功能,所以大家在使用模板继承时,需要特别注意规避block块嵌套的问题。

扩展模板函数

volt 模板中提供了一些常用的基本函数,若想在其中使用自定义函数或PHP自带的其他函数,则需要将函数注册到 volt 模板中。 首先,我们定义一个 volt 模板基类,并通过 模板编译器 添加函数:

//文件路径:Marser\App\Core\PhalBaseVolt.php
use \Phalcon\Mvc\View\Engine\Volt;

class PhalBaseVolt extends Volt{

    /**
     * 添加扩展函数
     */
    public function initFunction(){
        $compiler = $this->getCompiler();

        // 添加PHP自带的explode函数 
        $compiler -> addFunction('explode', 'explode');

        // 添加自定义的get_userinfo函数
        //$resolvedArgs即为任意参数,可接收多个参数
        //这里需要注意的是,匿名函数中的return返回值必须是string类型,且不需要实例化类,直接通过范围解析操作符(::)调用成员方法
        $compiler -> addFunction('get_userinfo', function($resolvedArgs, $exprArgs) use ($compiler){
            return '\Marser\App\Libs\Test::get_userinfo(' . $resolvedArgs . ')';
        });
    }
}

其中自定义函数 get_userinfo() 的代码如下:

//文件路径:Marser\App\Libs\Test.php
class Test {

    public function get_userinfo($username, $age, $mobile){
        return "用户名:{$username}, 年龄:{$age}, 联系方式:{$mobile}";
    }
}

通过上述代码,就已经向模板编译器中添加了PHP自带的 explode() 函数和程序中自定义的 get_userinfo() 函数。

然后,我们修改 DI 中注册的 views 对象:

        //文件路径:Marser\App\Frontend\FrontendModule.php
        $di -> setShared('view', function() use($config) {
            $view = new \Phalcon\Mvc\View();
            #设置模板根目录
            $view -> setViewsDir(ROOT_PATH . '/app/frontend/views/');
            #注册模板引擎
            $view -> registerEngines(array(
                #设置模板后缀名
                '.phtml' => function($view, $di) use($config) {
                    #实例化volt模板对象
                    $volt = new \Marser\App\Core\PhalBaseVolt($view, $di);
                    #设置模板配置项
                    $volt -> setOptions(array(
                        #模板是否实时编译
                        'compileAlways' => false,
                        #模板编译目录
                        'compiledPath'  =>  ROOT_PATH . '/app/cache/compiled/frontend'
                    ));
                    # 注意!区别在此行---添加模板扩展函数
                    $volt -> initFunction();
                    return $volt;
                },
            ));
            return $view;
        });

至此, explode()get_userinfo() 两个函数就已经注册在模板中了。那么,如何调用呢? explode() 在模板中调用的示例代码:

{% set introArray = explode('-', intro) %}
{% for value in introArray %}
  <div>{{value}}</div>
{% endfor %}

自定义函数 get_userinfo() 在模板中调用的示例代码:

  {{get_userinfo('admin', '20', '中国上海')}}

不论是PHP自带函数,还是程序中自定义的函数,只需按照函数定义时的参数顺序传参即可。

以上代码已托管在github:https://github.com/KevinJay/marser-phalcon-demo

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • node.js向ejs模板发送数据的两种方式

    Marser
  • 以太坊智能合约开发第五篇:字符串拼接—Solidity

    Marser
  • PHP性能分析之Xhprof的使用

    Marser
  • C++模板之隐式实例化、显示实例化、隐式调用、显示调用和模板特化详解

    模板的实例化指函数模板(类模板)生成模板函数(模板类)的过程。对于函数模板而言,模板实例化之后,会生成一个真正的函数。而类模板经过实例化之后,只是完成了类的定义...

    Dabelv
  • 模板注入漏洞全汇总

    在MVC的设计模式下,一般从 Model 层中读取数据,然后将数据传到 View 层渲染(渲染成 HTML 文件),而 View 层一般都会用到模板引擎。

    Jayway
  • 笔记日记debug,推荐这个插件里的模板

    如果你对所谓5分钟笔记模板或者我在日记记录了什么感兴趣,可以收听最新一期熊言熊语的番外更新。

    生信菜鸟团
  • 【Mockplus教程】收藏和重用

    1. 制作模板 选择需要制作为模板的页面,鼠标右击,弹出的菜单中选择“加入到模板收藏”,然后选择相应 的模板库,如果没有模板库会提示新建一个。 加入成功...

    奔跑的小鹿
  • 用这款 VSCode 插件,让记笔记更简单

    VS code 目前是我的主力代码编辑器,在大多数时候也是我的主力文本编辑器。为了在用 VS code 写文献阅读笔记和读书笔记时更加顺手,我根据自己的阅读和记...

    生信菜鸟团
  • TP5视图和模板

    其中{,}是在配置文件中模板的标签标记,模板引擎解析定义好的标记,在按照约定的操作来解析模板中的代码为PHP代码,最后转为php文件输出。这下理解了吧,模板引擎...

    Light413
  • 9、微信小程序免费视频教程之模板

    需要使用template标签,然后给该标签指定一个name属性。接着就可以在该标签内写入一些代码片段。

    用户1272076

扫码关注云+社区

领取腾讯云代金券