Введение в JadePHP

:style
| body {
| background: yellow;
| }

Этот вариант хуже чем в HAML, потому что нужно ставить на каждую строку |

Как в Jade записывать несколько атрибутов data-? Например, data-name=«name», data-value=«value»

Из явных плюсов Jade вижу неплохое сокращение кода в шаблонах за счет его своеобразного синтаксиса взятого с haml, а из явных минусов то, что верстальщику придется учить не только особенность вывода переменных и фильтров, но и этот своеобразный синтаксис с нуля. Не всегда это оправдано. А вообще штука интересная, надо попробовать задействовать в каком-нибудь простом проекте.

p.s. в composer все таки бы надо добавить

Что-то не вижу я особого удобства ради которого бы продал обычный php + html. Сейчас любая нормальная IDE автоматически сделает большую часть работы по тегам и их атрибутам, да еще и корректность их проверит. php-вставки — это да, немного усложняют жизнь (я про время их написания), но не настолько чтобы прикручивать шаблонизатор. PHP сам по себе — лучший шаблонизатор =)

А вот это вот вообще бессмысленно

:php
| $value = 10;
| $computed_value += 100;
| print $computed_value;

Пару лет назад попробовал воспользоваться JadePHP, но отсутствие буквально всех возможностей, заявленных для JS-версии, и некоторые нюансы реализации, а также отсутствие развития проекта, заставили меня забыть про него. В итоге написал свою реализацию, для KohanaFramework-а. Синтаксис взял за основу тот же, что и в jade, но изменил несколько ключевых моментов:

1. все операнды начинаются с @, чтобы не путать с именами тегов (when, case, default, if, elseif и пр.)

2. добавил конструкцию @attr attributename value (позволяющую задать или дополнить аттрибут тега или @mixin-а не в скобках (куда явно много не поместится, сохранив читаемый вид), а как внутренний элемент. Пример:

a.link( href=$href )
  @attr target _blank

Мой HTML-код изобилует огромным количеством аттрибутов. Многие из них опциональны, многие из них являются результатом конкатенации или получаются тренарным оператором. Стандартный синтаксис jade не позволил мне это сделать удобно и выразительно.

3. Добавил mixin-ы с именованным параметрами. Очень удобно когда описываешь какой-нибудь @mixin для кнопки, умеющий принимать с десяток параметров, сохранив читаемый вид кода.

Пример того как у меня это всё выглядит


С первого взгляда может показаться разноцветным нечто, но когда используешь его каждый день, становится очень удобно. Едва ли я перейду на какой-нибудь не indent-шаблонизатор. Я уже привык к такой лаконичности. Из минусов могу отметить, что не придумал элегантного способами размещать теги вплотную (к примеру &ltli>&lt/li>&ltli>&lt/li>), и вообще шаблонизатор заточен для работы с HTML или XML, и совершенно не годится для других задач.

А мне нравится

Так и Markdown можно шаблонизатором назвать…

Насколько я правильно понял в разделе «Простой пример» после body, начиная с header должен быть еще один отступ, ведь header находится в body (судя по html коду ниже), или я что-то неправильно понял?

Подскажите, пожалуйста, из описания не понял, если нет закрывающихся тегов, то как написать строку типа
Мой классный заголовок с тегом

Если вы придерживаетесь идее «чистого кода» в разработке, то, как это ни странно, но лучше использовать нативный php-шаблонизатор, т.к. его в совершенстве поддерживает Code Inspection хороших IDE, вроде PhpStorm. Единственный минус — в начале каждого шаблона нужно указывать типы переменных. Для экранирования можно сделать короткую функцию e():

<?php
/** @var Post[] $posts */
?>
<h1>Posts list</h1>
<?php foreach ($posts as $post):?>
    <h2><?=e($post->title)?></h2>
    <?=e($post->text)?>
<?php endforeach ?>

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