zaurio Sep 26 2010 at 13:26

Стандарты синтаксиса шаблонизаторов. Первые шаги

4 min

1.5K

Comments 39

tenshi Sep 26 2010 at 14:35

почему-то каждый велосипедист пытается сделать из шаблона кастрированный язык программирования… зачем тебе срезы массивов? зачем в шаблоне вообще циклы? какая шаблону разница между массивом и хэш-таблицей?

nayjest Sep 26 2010 at 16:16

Ну, циклы наверно все-таки нужны, как же без них?

tenshi Sep 26 2010 at 16:50

не помню когда последний раз ими пользовался в xslt %-)

barker Sep 27 2010 at 08:49

Не мудрено, что не помните, xslt декларативен, какие ещё там циклы?

Push_Ok Sep 26 2010 at 21:55

Зачем нужные циклы? в blitz вот прямого цикла нет, но блок итерируеться ровно столько раз сколько элеметнов в массиве. в js разве нельзя использовать один блок N раз?

Пример токой

{{PP}}

подаем данные

$ar['BLOCK'][] = array(«PP»=>1);
$ar['BLOCK'][] = array(«PP»=>2);
$ar['BLOCK'][] = array(«PP»=>3);
$ar['BLOCK'][] = array(«PP»=>4);

на выходе
1234

StrangeAttractor Sep 27 2010 at 04:41

Ну, циклы наверно все-таки нужны, как же без них?

На достаточно высоком уровне абстракции без явных циклов частенько можно обойтись. Вот возьмём к примеру SQL (да, не шаблонизатор, но идея вполне применима, IMHO): в большинстве случаев если хочется сделать цикл — это ошибка.

zaurio Sep 26 2010 at 14:50

Это у вас шутки такие?
Как, по вашему, пройтись по элементам массива без цикла?
Поверьте, срезы массивов тоже бывают нужны. Количество элементов в массиве данных не всегда удается изменить здесь и сейчас. Источник данных один, в шаблоне используется в двух местах, но где-то первая половина, где-то вторая. Как-то вы агрессивно реагируете.

tenshi Sep 26 2010 at 17:24

если ты не можешь менять поступающие в шаблон данные, то в шаблонизатор нужно встроить полноценный язык запросов к данным. что если нужно вывести не половину, а каждый второй или каждый с положительным значением параметра? существует бесчисленное множество вариантов фильтрации входящих данных.

а зачем вручную проходиться по элементам массива? в шаблоне для внешнего блока вставляем плейсхолдер для содержимого, куда шаблонизатор подставит содержимое с наложенным шаблоном для внутренних блоков

zaurio Sep 26 2010 at 17:37

Если мне надо изменить входящие данные — я сделаю это в контроллере. Если целесообразнее сделать в данном случае срез, я сделаю срез, если надо сделать очень сложные и трудоемкие выборки — сделаю в контроллере. Если надо отфильтровать по простому условию из 30 элементов всего 10 — я сделаю это в шаблоне. Вариантов масса.

Второй абзац не понял, но думается вы хотите что-то сказать, связанное с xslt. От того, что выборка определенных элементов производится по какому то признаку, и проход по ним для вас прозрачен, это не отменяет итерации этих элементов.

tenshi Sep 26 2010 at 17:55

почему одно в шаблоне а другое в контроллере?

по секрету скажу, что никаких циклов тоже выполняться не будет — просто указатель на текущую машинную команду будет менять значения. но это прозрачно для вас.

boolive Sep 26 2010 at 14:58

Единственный весомый аргумент в пользу шаблонизатора — изоляция от приложения, но удручает, что его добиваются через создания нового языка программирования.

mace Sep 26 2010 at 15:14

Боюсь, что ваша затея обречена на провал. Слишком разные языки могут использоватся на сервере: php, perl, ruby, python, java, c#, vb.net, и сделать хорошо всем не получится никогда.

zaurio Sep 26 2010 at 16:05

Безусловно не будет просто. Но сами посудите, данные для всех одинаковы. Основные конструкции присутствуют в каждом языке программирования. Конечно совсем все языки программирования не получится, но это и не самоцель.

homm Sep 26 2010 at 16:08

Один тег из реального проекта на Django:

<div class="plate-dishes-item {% if not dish.enabled %}plate-dishes-item_disabled{% endif %}" 
	data-order-id="{{ dish.order_id }}" 
	data-dishoptions="{{ dish.dishoption_count }}" 
	data-add-url="{% if dish.dishoption_count > 1 %}{% url buy-dish-options dish=dish.id %}{% else %}{% url buy-cart-add dishoption=dish.option_id %}{% endif %}"
	data-include-id="{{ dish.id }}"
	data-hide-on-sort="{% if dish.hide_on_sort %}1{% endif %}">

В принципе, уже не слишком читабельно, но что поделать, это очень интерактивный объект, слишком много информации о нем должно быть доступно из javascript. Но тут хотя-бы ориентация скобок подсказывает, где код шаблонизатора. А теперь давайте их уберем, заменив процентами:

<div class="plate-dishes-item % if not dish.enabled %plate-dishes-item_disabled% endif %" 
	data-order-id="% dish.order_id %" 
	data-dishoptions="% dish.dishoption_count %" 
	data-add-url="% if dish.dishoption_count > 1 %% url buy-dish-options dish=dish.id %% else %% url buy-cart-add dishoption=dish.option_id %% endif %"
	data-include-id="% dish.id %"
	data-hide-on-sort="% if dish.hide_on_sort %1% endif %">

Помоему, вообще ад.

zaurio Sep 26 2010 at 16:17

Да, уже понял что неправильно выразился. То, что конструкции шаблонизатора обрамлены процентами, это просто в качестве примера, чтобы отвлечь от разделителей своё внимание…
Наверное стоило их совсем убрать из примеров…

tenshi Sep 26 2010 at 17:30

а хороший шаблон выглядит так:
[div class=«plate-dishes-item plate-dishes-item_disabled_{enabled}»
data-order-id="{order_id}"
data-dishoptions="{dishoption_count}"
data-add-url="{add_url}"
data-include-id="{id}"
data-hide-on-sort="{hide_on_sort}"
]

ArtyV Sep 27 2010 at 10:15

Хороший шаблон выглядит так:
<dish data="item" />

tenshi Sep 27 2010 at 12:32

это не шаблон

ArtyV Sep 27 2010 at 14:21

То, что «внутри» не должно нас волновать только 1% времени работы

s5656 Sep 26 2010 at 17:07

я не понимаю может быть чего-то, но:

Да, здесь я согласен в общем-то.
Немного не понимаю о чем идет размышление если почти во всех языках есть: if ([условие]) {[тело]} else {[тело]}, зачем изобретать что-то?
Опять же почти во всех языках есть while, for и foreach…
tenshi, циклы довольно часто нужны, например выводить те же комментарии или список записей в блоге
И снова почти во всех языках есть include [имя того что инклюдим] можно даже сделать неймспейсы.
Наследование… может быть я чего-то не знаю, но ниразу не видел, что бы была необходимость наследовать шаблоны.

Если в чем-то не прав — поясните, очень уж интересно.

zaurio Sep 26 2010 at 17:19

2. Как отметил в топике, в javascript нет оператора unless. Стоит ли его реализовать в шаблоне?
5. Статья на хабре про наследование в Django: habrahabr.ru/blogs/django/23132/

Описать тривиальные конструкции нужно для того, чтобы обозначить отправные точки для дальнейшего обсуждения, и поинтересноваться, может стоит добавить что-то еще?

tenshi Sep 26 2010 at 17:36

циклы никогда не нужны

а наследование конечно всегда можно заменить лесенкой ифов, да. просто разные уровни абстракции

s5656 Sep 26 2010 at 17:36

тогда как вы предлогаете выводить все те же комментарии?

tenshi Sep 26 2010 at 17:47

{block:commentList}
comments:
[ul]
{block:apply}
[/ul]
{/block:commentList}

{block:commentList empty}
no comments
{/block:commentList}

{block:comment}
[li]
{author}: {message}
[/li]
{/block:comment}

s5656 Sep 26 2010 at 17:53

немного не в курсе данного синтаксиса, но в сущности это разве не цикл?

tenshi Sep 26 2010 at 18:01

тут 3 шаблона с плейсхолдерами. где ты тут разглядел цыклы?

s5656 Sep 26 2010 at 18:12

Видимо не так понял данный синтаксис.

В таком случае не понимаю, что вообще происходит в этих шаблонах. Это смарти? =)

tenshi Sep 26 2010 at 20:44

в принципе можно и к смарти такую штуку прикрутить. шаблонизатор под данные подбирает шаблон из имеющихся рекурсивно итерируя входные данные. вместо того, чтобы шаблон вытягивал данные, проходил по ним циклом, переименовывал текущий контекст и тп…

shai_xylyd Sep 26 2010 at 19:04

Мне кажется, что tenshi просто прикалывается, а народ ведется. Он думает о шаблоне с функциональными корнями: что бы отобразить (преобразовать) список не нужны циклы, нужен Map. Остальные смотрят на шаблон императивно и не рубят, как тут можно без циклов =)

s5656 Sep 26 2010 at 17:35

unless — я считаю почти не нужным оператором ведь всегда можно сделать: if (!true) {}.

Про наследование понятно, интересно, но с другой стороны мы можем не изменять каждый раз шаблон, а просто добавлять разные блоки в него.

s5656 Sep 26 2010 at 17:35

промахнулся =(

Riateche Sep 26 2010 at 18:08

Вы забыли обговорить возможности для записи условных выражений (всякие операторы сравнения и т. п.)

unless не нужен. Достаточно if, while и for i in list (опционально можно добавить for i in range(a, b) ).

Запись list.3 меня вводит в ступор, это некрасиво.

Я думаю, стоит проанализировать несколько распространенных языков и посмотреть, в каком виде там встречается вложенность объектов. В JS, например, всё единообразно, а в PHP бывают и ключи массива, и свойства/методы объектов, но тип объекта взаимоисключает эти два случая. В питоне не исключает — у объекта могут быть и свойства, и ключи массива.

п. 4 — совсем не понял, что у вас в примере написано, какое-то nameinclude. Про передачу переменных: мне нравится, как в Smarty — там при инклюде передается весь текущий контекст. Например, можно написать
{foreach from=$list item=i} {include file='file.html'} {/foreach}
и в file.html будет передана переменная $i.

Наследование — мне нравится, как в Django. Не вижу особых недостатков.

zaurio Sep 26 2010 at 18:25

Запись list.3 меня вводит в ступор, это некрасиво.

Ну скажем что это еще не самое страшное в жизни. Но при этом все же, вот как в примере, есть массив элементов, и нужен только конкретный элемент. Озадачиться обработкой данной ситуации в контроллере, или дать таки возможность обращаться к элементам массива по индексу?

В пункте 2.2 я написал, что запись почти все ЯП так или иначе поддерживают большиство операторов, отличия лишь в написании. Значит в шаблоне нужно будет использовать какой-то оговоренный синтаксис операторов, который парсером будет транслироваться в оператор заданного яп.

4. Инклуды

<!-- Вставить в шаблон инклуд nameinclude  -->
% nameinclude %
<!-- Вставить в шаблон инклуд tpl_comments, передать в качестве текущего объекта, объект по адресу source.comment_data  -->
% tpl_comments => source.comment_data %

В первом случае мы вставляем инклуд nameinclude, в качестве текущего объекта, будет объект, в контексте которого идет вызов инклуда. Во втором случае текущим объектом в инклуде tpl_comments будет выступать объект source.comment_data

Sannis Sep 28 2010 at 00:58

Имхо в примере с tpl_comments => source.comment_data стоит тогда стрелку в другую сторону делать.

zaurio Sep 28 2010 at 01:18

Вполне себе вариант, как-то не задумывался, но приму к сведению. По смыслу как то больше подходит

zaurio Sep 26 2010 at 18:26

Целесообразность в наследовании может отпасть с возможностью управления именем вставляемых инклудов.

tenshi Sep 26 2010 at 20:52

хотелось бы на это посмотреть х)

zaurio Sep 26 2010 at 21:29

Ммм, в чем ирония?

<!-- инклуд с именем, указанным в шаблоне -->
{& commentlist }
<!-- инклуд с именем, заданным в переменной -->
{& #name.inc.comment }

В первом случае у нас обычный вызов инклуда, во втором имя инклуда передается в переменной, где # сигл, указывающий что за ним идет переменная.

Так сложно такое представить? Не подходит для составления основного шаблона из разных кусочков?

tenshi Sep 27 2010 at 12:26

сложно такое использовать. вместо того, чтобы просто нарисовать новый шаблон, нужно нарисовать новый шаблон и присвоить заданной переменной его имя. никто не будет это использовать без _крайней_ необходимости. к тому же, там косяки с очерёдностью присвоений. сначала внешний шаблон присваивает имя переменной, потом внутренний.