MVC-2. Представление. Layout

Layout или Шаблон – это статический элемент WEB-приложения, представляющий собой HTML-код, отвечающий за размещение на странице ее базовых элементов (заголовок, основной текст, "шапка", "подвал" и т.д.). Шаблон включает:

• скрипты и специальные теги, которые могут содержать динамические элементы страницы (сниппеты, чанки, плейсхолдеры, ссылки). С их помощью можно загружать строки текста или другие объекты, которые необходимо разместить на Web-странице, такие как выпадающие списки, даты и содержимое других документов сайта;
• служебные файлы, которые отвечают за стилевое оформление шаблона (файлы таблиц CSS-стилей, изображения).

В процессе обработки шаблона страницы парсером все теги в шаблоне последовательно заменяются их содержимым (сниппеты выполняются, плейсхолдеры заполняются, чанки заменяются их содержимым и т.д.) до тех пор, пока не получится "чистый" HTML-код страницы для передачи браузеру для отображения (см. Как работает PHP-фреймворк Wad-er).

В PHP-платформе Wad-er шаблон является объектом, отображаемым в Каталоге объектов. Для доступа к дереву шаблонов используется меню Элементы сайта – Шаблоны.

При выборе записи конкретного шаблона, в правом фрейме отображается карточка шаблона, имеющая ряд вкладок – Общие, Шаблон, Прочие, Предпросмотр и Лог.

В полях вкладки Общие задается;

• Код (id)* – задается пользователем или генерится автоматически;
• Название* – название шаблона (отображается в Каталоге объектов);
• Родитель – объект в дереве шаблонов, которому подчиняется данный шаблон;
• По-умолчанию – используется по-умолчанию или нет;
• Парсить один раз – количество проходов парсера (один или несколько);
• meta-keywords – выбор используемого набора ключевых слов;
• meta-description – выбор используемого описания;
• Вместо шаблона – шаблон, вместо которого он будет использоваться данный шаблон.

На вкладке Шаблон размещается исходный текст шаблона.

В полях вкладки Прочие задаются:

• Псевдоним – поле не используется;
• Аватар – указывается путь к файлу аватара шаблона;
• Строка 1 (2,3,4,5) – строки для ввода текстовой информации;
• Модуль – привязка шаблона к модулю.

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

После нажатия кнопки Сохранить, вся информация про шаблон сохраняется в базе данных.

Для хранения файлов, связанных с данным шаблоном (файлы таблиц CSS-стилей, картинки, js-скрипты), необходимо создать каталог:

• если шаблон не привязан к модулю, расположение каталога – произвольное, лучше это сделать внутри каталога ext/;
• если шаблон привязан к модулю, необходимо создать каталог ext/namemodule/views /templates/.  

Для каждого шаблона внутри templates/ создаются подкаталоги, каждый из которых носит название соответствующего шаблона.  В этих подкаталогах и размещаются все файлы, связанные с шаблоном.

Общие принципы построения шаблонов в PHP-платформе Wad-er практически ничем не отличаются от построения обычных html-шаблонов.

Вот простой пример  шаблона, который может использоваться в PHP-платформе Wad-er:

< html >
< head >
< title >Мой блог< /title >
< /head >
< body >
	< h1 >Hello world!< /h1 >
< /body >
< /html >

Для того чтобы шаблон отображал динамическое содержимое страницы, необходимо вставить соответствующие теги:

< html >
< head >
< title >Мой блог< /title >
< /head >
< body >
	< h1 >{ * longtitle * }< /h1 >
 	         { * сontent * }
< /body >
< /html >

Здесь { * longtitle * } – заголовок текущей страницы, { * сontent * } – ее содержимое.

Добавление к шаблону css-стилей и javascript-кода. Между тегами и  шаблона можно указать таблицы используемых стилей:

< link rel="stylesheet" type="text/css" href="path/to/template/style.css" / >

Аналогично можно вставить код для подключения javascript-кода.

< script type="text/javascript" src=" path/to/template/script.js" >< /script >

Здесь path/to/template / - путь к каталогу, где будут сохраняться файлы, связанные с шаблоном.

Список Динамические элементы (теги и поля страниц), используемые в шаблонах:

Список некоторых полей страницы: