Twig, что за..

Twig, что за ...?

Alex Demchenko
alex@lazy-ants.de

суббота, 29 октября 11 г.


Покурим?



template engine
&
templating language



symfony 2
templating layer



template engine
twig
php
smarty



/**
* This engine knows how to render Twig templates.
*
* @author Fabien Potencier <fabien@symfony.com>
*/
class TwigEngine implements EngineInterface

https://github.com/symfony/symfony/blob/master/src/Symfony/Bundle/TwigBundle/TwigEngine.php#L20



templating language
twig
php
smarty



как отключить?



# app/config/config.yml
framework:
# ...
templating: { engines: ['twig', 'php'] }

http://symfony.com/doc/current/cookbook/templating/PHP.html



index.html.php



Подключить к любому
проекту



require_once '/path/to/lib/Twig/Autoloader.php';
Twig_Autoloader::register();

$loader = new Twig_Loader_Filesystem('/path/to/templates');
$twig = new Twig_Environment($loader, array(
'cache' => '/path/to/compilation_cache',
));

echo $twig->render('index.html', array('twitter' => '#sfcampua'));



{% extends "layout.html" %}

{% block content %}
Symfony Camp UA
twitter hash {{ twitter }}!
{% endblock %}



Основная задача любого
шаблонизатора
упростить работу с
шаблонами



•Простой синтаксис
•Безопасность
•Наследование
•Хелперы
•Sandbox
•...


{# ... #} комментарии

{% ... %} блоки

{{ ... }} отображение



{% if user is defined %}
!! Привет {{ user.name }}
!! сейчас {{ ‘now’ | date(‘d.m.Y’) }}
{% endif %}



Вывод переменных



! ! Привет {{ user.name }}
отличное {{ photo }}



Выполнение чего-либо



{% if user is defined %}
! ! ...
{% endif %}



{% spaceless %}
<ul>
<li>
<a ... >XXX</a>
</li>
<li>
...
{% endspaceless %}



<ul><li><a ... >XXX</a></li><li>...



set
if ... else
for
include
block



Комментарии
игнорируются

{# if user is defined #}

{#!! ...
endif #}



установка и отображение
переменных



{% set foo = 'foo' %}
{{ foo }}

{% set foo = [1, 2] %}
{{ foo.0 }}

{% set foo = {'foo': 'bar'} %}
{{ foo.bar }}



массивы и хеши



array, []

{% for list in ['one', 'two'] %}
...
{% endfor %}



hash, {}

{% for key, val in {'en': 'US', 'de': 'DE'} %}
...
{% endfor %}



Операторы



{{ 1 + 2 }}

{{ 'con'~'cat' }}

{% for i in 'a'..'z' %}
{{ i }}
{% endfor %}



Фильтры



Привет {{ user.name | upper }}



сейчас {{ ‘now’ | date(‘d.m.Y’) }}



Функции



range(0, 3)

{% for i in range(0, 3) %}
{{ i }},
{% endfor %}



Наследование


{% extends 'RopacGalleryFrontendBundle::layout.html.twig' %}

{% block page_class %} page_artist_news {% endblock %}

{% block mobile_menu %}
{% include 'RopacGalleryFrontendBundle:Artist:mobile_menu.html.twig' with
{'active': 'news'} %}
{% endblock %}

{% block content %}
<article class="artist">
<header class="artist_news_header">
<h1>{{artist.firstname}} <strong>{{artist.lastname}}</strong></h1>
</header>

{% include 'RopacGalleryFrontendBundle:Artist:submenu.html.twig' with
{'artist': artist, 'active': 'news'} %}

{% include 'RopacGalleryFrontendBundle:News:list.html.twig' with {'news':
news} %}

</article>

{{ parent() }}

{% endblock %}



Экранирование



{% autoescape true %}
Everything will be automatically
escaped in this block
{% endautoescape %}



Макросы



{% macro input(name, value, type, size) %}
<input type="{{ type|default('text') }}"
name="{{ name }}" value="{{ value|e }}"
size="{{ size|default(20) }}" />
{% endmacro %}



{% import "forms.html" as forms %}

<p>{{ forms.input('username') }}</p>



Кастомизация



Каждый элемент в twig
это extensions



фильтры
функции
операторы
кастомные теги
операторы тестирования



extensions замены
почтового адреса на
кликабельную версию



namespace RopacGalleryBundleExtension;

class RopacExtension extends Twig_Extension
{
public function getFilters()
{
return array(
'emailize' =>
new Twig_Filter_Method($this, 'emailize')
);
}

public function getName()
{
return 'ropac_extension';
}
}



config.yml или services.yml

services:
twig.extension.ropac:
class: RopacGalleryBundleExtension
RopacExtension
tags:
- { name: twig.extension }



namespace RopacGalleryBundleExtension;

class RopacExtension extends Twig_Extension
{
...

/**
* Transfom emails into clickable mailto links
* @param string $text
* @return string
*/
public function emailize($text)
{
return preg_replace('/([w.!#$%-+.]+@[A-Za-z0-9-]+(.
[A-Za-z0-9-]+)+)/', '<a href="mailto:1">1</a>', $text);
}

...
}



Модифицировать twig
под себя
действительно
просто



Производительность



Каждый шаблон
собирается в php object



Один раз после
изменения шаблона



По-этому быстр



и да
smarty 3.x быстрее
а
nativ php еще быстрее
http://habrahabr.ru/blogs/php/128083/



Но,



twig моложе



затраты на железо
в разы меньше,
чем на людей



Темная сторона



Используем twig
как шаблонизатор для
генерации кода



Doctrine 2
Symfony 2



Ложные ожидания

http://david.heinemeierhansson.com/arc/000405.html



native php



+
Templating component



мы уже имеем
• layouts
• наследование
• слоты
• хелперы



Что выбрать?



Решать ВАМ!



Еще есть вопросы?



Alex Demchenko
http://451f.com.ua
http://lazy-ants.de


Twig, что за..

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (20)

Twig, что за..