1

/viewsphalcon volt エンジンを使用して、すべてのページにヘッダーとフッターを含む共通のテンプレートを作成したい

私のフォルダ階層は以下です

/views
    /user
       register.volt
    /layouts
       header.volt
       footer.volt

header.voltページのコードとページのコードの両方footer.voltを取得したいregister.volt

これはコードですheader.volt

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-full">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand">Payroll</a>
    </div>
    <div class="collapse navbar-collapse navbar-right">
        <ul class="nav navbar-nav">
            <li>item 1</li>
        </ul>
    </div><!--/.nav-collapse -->
</div>

これはコードですfooter.volt

    <div class="footer">
        <div class="container container-full">
        &copy; Custom 2014
        </div>
    </div>

これはコードですregister.volt

<div class="register-contents">
    //register form going here
</div>
4

2 に答える 2

2

phalcon でテンプレートを設定するための鍵は、ビュー ディレクトリの場所を設定することです。Phalcon は、テンプレートとパーシャル ディレクトリがそのビュー ディレクトリに対して相対的であることを想定しています。これは、単一レベルのアプリケーションでは十分に単純です。

$view = new \Phalcon\Mvc\View();
$view->setViewsDir( realpath( __DIR__ . '/views/' ) );
$view->setLayoutsDir( '/layouts/' );
$view->setPartialsDir( '/partials/' );

これは、モジュールごとに 1 つの共有テンプレート ディレクトリと個別のビュー ディレクトリが必要な場合、複数モジュールのセットアップで注意が必要です。

$view = new \Phalcon\Mvc\View();
$view->setViewsDir( realpath( __DIR__ . '/views/' ) );
$view->setLayoutsDir( '../../../common/views/layouts/' );
$view->setPartialsDir( '../../../common/views/partials/' );

レイアウト ディレクトリで、メイン テンプレートを作成します。

{{ getDoctype() }}
<html>
    {{ partial('head') }}
    <body>
        {{ partial('navigation') }}
        {{ flash.output() }}
        {{ get_content() }}
        {{ partial('footer') }}
    </body>
</html>

パーシャル ディレクトリに、ヘッド、ナビゲーション、およびフッター ファイルを配置します。

ヘッドボルト

<head>
    {{ tag.getTitle() }}
    {{ assets.outputCss() }}
    {{ assets.outputJs() }}
</head>

ナビゲーション.php

<?php
// get list of navigation elements from model
$navigation = \MyNamespace\Navigation::getNavElements();
echo "<ul class='nav'>\n";
forEach( $navigation as $element ){
    printf("\t<li><a href='%s'>%s</a></li>\n",$element['url'],$element['display']);
}
echo "</ul>\n";

フッター.ボルト

<div class='footer'>
    <p>&copy; {{ date('Y') }} Your Company</p>
</div>

ページのコンテンツの前後に、html スニペットを含む追加のテンプレートを挿入することもできます。beforeRender() および afterRender() フックを使用して、テンプレート ディレクトリ内のどのファイルがどこに挿入されるかを制御します。

于 2014-10-14T06:51:34.077 に答える