PHPプログラムに関する各種メモ書き

テンプレートエンジン『Twig』と『Smarty』『Laravel Blade』比較表

● テンプレートの読み込みとディレクトリのセット(PHPファイルに記述)

※ Smarty

require_once('Smarty/Smarty.class.php');
$smarty = new Smarty();
$smarty->template_dir = './templates/';
$smarty->compile_dir = './templates_c/';

※ Twig

require_once('Twig/Autoloader.php');
Twig_Autoloader::register();
$loader = new Twig_Loader_Filesystem("./templates/");
$twig = new Twig_Environment($loader, array(
	'cache' => 'cache_twig',
	 'debug' => false ,
));

● 変数のアサイン(PHPファイルに記述)

※ Smarty

$smarty->assign( array("mydata" => $hoge) );

※ Twig

$twig->addGlobal( "mydata", $hoge );

● 変数のアサイン(テンプレートファイルに記述)

※ Smarty

{assign var="aaa" value="999" }

※ Twig

{% set aaa = '999' %}

※ Twig(ヒアドキュメント的)

{% set aaa %}
    <div id="pagination">
        ...
    </div>
{% endset %}

※ Laravel Blade

@php($aaa = 999)

または

@php $aaa = 999; @endphp

または

@php
$aaa = 999;
@endphp

● テンプレートの表示(PHPファイルに記述)

※ Smarty

$template_file = 'myfile.html';
$smarty->display( $template_file );

※ Twig

$hash = array(
'id' => 999 ,
'name' => 'hoge' ,
);
$template_file = 'myfile.html'
echo $twig->render($template_file, $hash);

● テンプレートの継承(レイアウトテンプレートに記述)

※ Twig

{% block content %}
{% endblock %}

※ Laravel Blade

@yield('content')

● テンプレートの継承(子テンプレートに記述)

※ Twig

{% extends "layout" %}

{% block content %}
{% endblock %}

※ Laravel Blade

@extends('layout')
@extends('layout.blade.php') // ファイル名で記述してもok

@section('content')
@endsection

● ループ処理(for 文)(HTMLファイル内に記述)

※ Smarty

{section name=i start=0 loop=10}
  {$smarty.section.i.index}回目
{/section}

※ Twig

{% for i in 0..10 %}
  {{ i }}回目
{% endfor %}

※ Laravel Blade

@for ($i = 0; $i < 10; $i++)
    {{ $i }}回目
@endfor

● ループ処理(foreach 文)とループ回数(HTMLファイル内に記述)

※ Smarty

{ foreach from=$my_loop key="k" item="v" }
{$v.user_name}
{ /foreach }

※ Twig

{% for k,v in my_loop %}
  <h1>{{ loop.index }}番目</h1>
  {% if loop.first %}最初の要素です。
  {% elseif loop.last %}最後の要素です。
  {% else %}{{ v.user_name }}
  {% endif %}   
{% endfor %}

Twig の loop.index1 から始まります。

※ Laravel Blade ( foreach )

@foreach ($users as $user)
    {{$loop->index}}

    @if ($loop->first)
        これは最初の要素です
    @endif

    @if ($loop->last)
        これは最後の要素です
    @endif

    <p>これは {{ $user->id }} ユーザーです。</p>
@endforeach

Laravel Blade の $loop->index0 から始まります。

※ Laravel Blade ( forelse )おすすめ

@empty が使用できるのでこちらの方がオススメの記法です

@forelse ($users as $user)
    {{$loop->index}}

    @if ($loop->first)
        これは最初の要素です
    @endif

    @if ($loop->last)
        これは最後の要素です
    @endif

    <p>これは {{ $user->id }} ユーザーです。</p>
@empty
    ユーザーはいません
@endforelse

なお @empty は省略できません。
また、Laravel Blade の $loop->index0 から始まります。

● ファイルのインクルード(HTMLファイル内に記述)

※ Smarty

{include file="inc/header.html"}

※ Twig

{% include 'inc/header.html' %}

※ Laravel Blade

resources/views/user/mypage_sub_menu.blade.php を読み込みます

@include('user.mypage_sub_menu')

● if文(HTMLファイル内に記述)

※ Smarty

{if $flag==1 and hoge == 'myname'}
     hogehoge
{else}
    fugafuga
{/if}

※ Twig

{% if flag == 1 and hoge == 'myname' %}
     hogehoge
{% else %}
    fugafuga
{% endif %}

※ Laravel Blade

@if ( flag == 1 and hoge == 'myname' )
     hogehoge
@elseif ( flag == 2 )
     hogehoge2
@else
    fugafuga
@endif

● コメントアウト(HTMLファイル内に記述)

※ Smarty

{*
ここの間に記述したものはコメントアウトされ表示されません
*}

※ Twig

{#
ここの間に記述したものはコメントアウトされ表示されません
#}

※ Laravel Blade

{{--
ここの間に記述したものはコメントアウトされ表示されません
--}}

● 文字列のエスケープ(HTMLファイル内に記述)

※ Smarty(エスケープオプションは : html, htmlall, url, urlpathinfo, quotes, hex, hexentity, javascript, mail )

<a href="{$data|escape:'url'}">クリック</a>

※ Twig(エスケープオプションは : html, js, css, url, html_attr )

<a href="{{data|escape('url') }}">クリック</a>
<a href="{{data|e('url') }}">クリック</a> {# 【e】 だけでも OK #}

● 文字列のエスケープなし(HTMLファイル内に記述)

※ Laravel Blade

Hello, {!! $name !!}.

● 日付の表示(HTMLファイル内に記述)

※ Smarty

{* 2015-07-30 13:04:58 みたいな表示 *}
{$smarty.now|date_format:"%Y-%m-%d %H:%M:%S"}

※ Twig

{# 2015-07-30 13:04:58 みたいな表示 #}
{{ "now"|date("Y-m-d H:i:s") }}
{# TIMEZONE を指定することもできます #}
{{ "now"|date('d/m/Y H:i', timezone="Europe/Paris") }}

Twig の dateフィルタの 注意
データベースなどから持ってきた日付けを整形する場合はデータが存在するかどうかチェックしてから表示しないと、 データが存在しない場合に 現在の日付が表示されてしまいます

{{ "" | date("Y年m月d日") }} // 現在の日付が表示されます

例1 : if 文で判別する

{% if v.added_date != "" %}{{ v.added_date | date("Y/m/d H:i") }}{% endif %}

例2 : 三項演算子で表示する

{{ v.added_date is empty ? "" : v.added_date | date("Y/m/d") }}

● ホワイトスペースと改行をなくして1行で出力する(HTMLファイル内に記述)

※ Smarty

{strip}
<table>
 <tr>
  <td>
   test
  </td>
 </tr>
</table>
{/strip}

※ Twig

{% spaceless %}
<table>
 <tr>
  <td>
   test
  </td>
 </tr>
</table>
{% endspaceless %}

※ Laravel Blade ( PHPコードを直接記述する事ができます )

<?php $aaa = 999; ?>

● テンプレートファイル内で配列の長さを知る(HTMLファイル内に記述)

※ Smarty

{$test_loop|@count}

※ Twig

{{ test_loop |length }}

● 長い文字列を切り詰める(truncate)(HTMLファイル内に記述)

※ Smarty

{"abcdefghijklmnopqrstuvwxyz"|truncate:10}

※ Twig

Twigで truncate を使うには Twig-extensions をインストールします
https://github.com/twigphp/Twig-extensions
からダウンロードして Extensions ディレクトリを Twigディレクトリの下にアップロードし
PHPで $twig->addExtension( new Twig_Extensions_Extension_Text() ); とします。

{{"abcdefghijklmnopqrstuvwxyz"| truncate(20)}}

Twig_Extensions_Extension_Text : http://bit.ly/2jfkzXw

● 文字列の分割(explode, split)(HTMLファイル内に記述)

※ Smarty

{assign var="new_array" value=","|explode:$str_hoge} 

※ Twig

{% set new_array = "one,two,three"|split(',') %}

● 文字列の置換(replace)(HTMLファイル内に記述)

※ Twig

{{ "my name is hogehoge" | replace({hoge':'fuga'}) }}

● 文字列を逆にする(HTMLファイル内に記述)

※ Twig

{{ '1234'|reverse }}
{# outputs 4321 #}

● 文字列を切り出す(HTMLファイル内に記述)

※ Twig

{{ 123456 | slice(0, 2) }}

● 文字列の連結(HTMLファイル内に記述)

※ Smarty

{ 'sugoude'|cat:'DJ'|cat:'Master Key'}

※ Twig

{{ 'sugoude' ~ 'DJ' ~ 'Master Key' }}

連結した文字にフィルタをかける場合は、文字列を定義してからフィルタをかけましょう

× NG

{{ $hoge~$fuga|my_filter }}

◯ OK

{%set hogefuga = $hoge~$fuga%}
{{ $hogefuga|my_filter }}

● printf , sprintf(プリントフォーマット)(HTMLファイル内に記述)

※ Smarty

{ $value | string_format:"%02d" }

※ Twig

{{ "%02d" | format(value) }}

● テンプレートファイル名を取得する

※ Smarty

{$smarty.template}

※ Twig

{{ _self.getTemplateName().__toString }}

※ Gulp Twig と PHP Twig 両方に対応したファイル名取得

{# テンプレートファイル名 #}
{% if _target.relative %}{% set template_filename = _target.relative %}
{% else %}{% set template_filename = _self.getTemplateName().__toString %}
{% endif %}

● アプリのトップURIを取得

※ Laravel Blade

{{ url('/') }}

または

{{Request::root()}}

 Twig リファレンス : http://git.io/vneJa 

関連エントリー

No.954
06/12 21:46

edit

Twig
Smarty
Gulp