Итак, макет создан. Следующий шаг – конвертация его в формат NetCat. Первый этап – копирование всех необходимых файлов (картинок, flash-роликов, внешних подключаемых файлов и пр.) на сервер. Обычно их копируют при помощи FTP-клиента в каталог images. В исходном файле в процессе конвертации следует заменить адреса картинок на новые. Рекомендуется использовать относительные ссылки – «/images/logo.gif» вместо «http://www.example.ru/images/logo.gif» и «images/logo.gif» – особенно если сайт разрабатывается по временному адресу.
Следующий шаг – разбиение макета на две части – хедер и футер. В примере, приведенном в предыдущем пункте, «разрыв» должен находиться после заголовка страницы:
Следующий шаг – непосредственно конвертация макета. В обеих частях макета необходимо заменить динамические элементы специальными выражениями.
Разберем подробно каждый пункт. Прежде всего, следует учитывать, что для системы NetCat содержимое хедера и футера является обычным строковым выражением, которое нужно отобразить, выполнив прежде функцию PHP eval(). Т.е. хедер следует воспринимать в контексте следующего оператора: eval(“echo \”$header\”;”). Это значит, что для хедера (и футера) действуют все правила представления переменных, а именно:
- при вызове функций необходимо закрывать кавычку, сцеплять строку с функцией при помощи точки, сцеплять функцию со следующей строкой, открывать кавычку, например: «…text before”.func($parameters).”text after…»;
- символы обратного слеша «\», кавычки «”», знак доллара «$» нужно маскировать при помощи обратного слеша, т.е. для отображения символа «\» нужно писать «\\», а для отображения кавычки – «\”» (для автоматической маскировки специальных символов вы можете воспользоваться соответствующим функционалом системы);
- переменные сцеплять со строкой необязательно: «…some text $f_some_var some another text» или «text ${f_some_var} some text»;
- можно использовать все специальные символы – «\n» (перенос строки), «\t» (табуляция) и пр.; также доступны функции PHP и специальные функции NetCat (полный перечень см. в Приложении 2).
Итак, заменяем динамические элементы необходимыми переменными и функциями. Более детальное описание указанных ниже функций и переменных Вы можете найти в Приложении 2 этого Руководства.
1. Содержимое тега < title>
В нашем примере в заголовке окна браузера выводится путь до текущей страницы. Полный путь (с тегами) выводится при помощи функции s_browse_path($array), где $array – массив, содержащий шаблон вывода пути до текущей страницы); для вывода его без тегов следует вызвать функции очищения текста от тегов:
Для форматирования вывода элемента навигации в данном случае использован массив $browse_top, который определяется в настройках макета:
2. Содержимое таблицы CSS
Для того чтобы таблица CSS была единой для всех макетов, были произведены следующие действия:
1. В системную таблицу «Макеты дизайна» (меню «Инструменты – Системные таблицы») было добавлено текстовое поле «Таблица стилей» (английское название поля – «CSS»);
2. В корневом (стандартном) макете это поле было заполнено;
3. В хедере между тегами < style type=text/css> и < /style> была добавлена макропеременная %CSS.
3. Вспомогательное меню «Поиск», «Карта сайта», «English version»
Теоретически данный блок можно прописать в макете «жестко», т.е. HTML-текстом. Но вполне возможно, что через некоторое время нужно будет убрать или добавить какой-либо пункт, изменить название. Чтобы для внесения этих изменений не нужно было менять код всех макетов, где присутствует блок вспомогательной навигации, было сделано следующее:
1. В структуру сайта был добавлен выключенный раздел «Вспомогательное меню» (его номер, например, 113);
2. Все три пункта вспомогательного меню были добавлены в этот раздел в качестве подразделов;
3. В настройки макета добавлен массив $browse_sub_help, который описывает формат вывода данного элемента навигации. Разберем его подробно:
4. В макет вставлена функция отображения списка подразделов 113-го раздела:
4. Коллаж для текущего раздела
Согласно дизайнерскому решению, на каждой странице сайта отображается коллаж. Причем, нужно понимать, что, если по какой-то причине для некоего раздела коллаж не был создан, это не должно привести к «битым» картинкам. Для реализации этого решения приведем желательную последовательность действий:
1. В системную таблицу «Разделы» добавляем поле «Collage» (Коллаж) типа «Файл». В свойствах поля указываем, что оно наследуемое (т.е. для всех подразделов внутри «Каталога товаров» это поле будет наследоваться из раздела «Каталога товаров», если на каком-нибудь уровне оно не будет переопределено);
2. Для каждого раздела первого уровня создаем коллаж;
3. В форме редактирования настроек всех разделов закачиваем нужный коллаж;
4. В нужном месте макета дизайна указываем его следующим образом:
5. Меню первого уровня
В нашем примере формат меню первого уровня практически идентичен формату вспомогательного меню. В тексте макета вместо списка ссылок на разделы надо вызвать функцию:
А в настройках макета определить формат отображения пунктов этого меню:
6. Меню второго уровня
Меню первого уровня функицонально сложнее первого уровня. В данном случае необходимо вывести активный пункт меню «раскрытым», т.е. под активным пунктом меню выводится список всех его подменю (меню третьего уровня). Для реализации этой задачи использовался стандартный механизм настроек элемента навигации:
1. В настройки макета добавляем массив $browse_sub[1]:
2. В настройках раздела определяем внешний вид меню второго уровня:
3. В нужное место в макете вставляем вызов функции, отвечающей за вывод меню второго уровня:
7. Заголовок страницы
Стандартный способ вывести заголовок страницы (название текущего раздела) – написать переменную $f_title. Но данный случай, в силу своей специфики, не подходит под стандартный способ, потому что, как видно из меню третьего уровня, раздел называется «Прямые», а необходимо выдать полное название раздела. Для этого нам неоходимо:
1. Создать в системной таблице «Разделы» поле «Полное название» (название по-английски, например, FullName)
2. Заполнить его в нужных разделах
3. В макете вывести его значение:
Однако, если это поле в каком-то разделе заполнено не будет, заголовок не выведется. Поэтому целесообразно проверять его наличие и в случае его отсутствия выводить стандартное название раздела:
8. Выборка двух последних новостей
Это, пожалуй, одна из самых простых операций. Например, номера раздела «Новости» - 12, а номер компонента раздела – 30. Тогда вывести последние два объекта новостей можно будет вызовом функции:
Забегая немного вперед, стоит указать, что формат вывода новостей во вставке оформления страницы может отличаться от списка новостей в соответствующем разделе. В этом случае альтернативный формат должен быть описан в шаблоне вывода компонента «Новости». Поэтому следует подать дополнительный параметр на функцию s_list_class, который будет обработан в тексте шаблона компонента:
9. Количество новинок в каталоге
Среди стандартных функций NetCat нет функции, которая бы выводила количество товаров в каком-либо разделе с какими-либо условиями выборки, поэтому данную выборку придется формировать прямым запросом к базе. Предположим, под новыми товарами мы подразумеваем товары, добавленные сегодня. Компонент «Товары» имеет номер 57, т.е. его экземпляры хранятся в таблице Message57. SQL-запрос к базе в этом случае будет выглядеть так:
Отформатируем результаты запроса при помощи соответствующей функции NetCat:
10.Содержательная часть страницы
Для определения места вывода содержательной части страницы не используются никакие вставки. Это место в макете является разрывом между хедером и футером. Т.е. текст до этого места записывается в хедер, а после – в футер.
11.Текущий год
Текущий год вставляется простейшей функцией PHP:
Таким образом, мы получили следующие значения полей для макета.
Шаблоны вывода навигации (настройки макета):
Хедер:
Футер:
Таблица стилей:
Обратите внимание, что:
1. В настройках макета массив $browse_sub[2] определен выше, чем $s_browse_sub[1]. Это необходимо, чтобы $browse_sub[2] был «виден» в $browse_sub[1].
2. Атрибуты HTML-тегов сознательно указаны то в одинарных кавычках, то вообще без кавычек – двойные кавычки не использованы. Это связано с тем, что двойная кавычка является признаком конца/начала строки в языке PHP. Все двойные кавычки необходимо маскировать обратным слэшем, как это сделано в футере: \"Рога и копыта\"
Другие функции и переменные, доступные для использования в макетах, см. в Приложении 2.
После добавления макета выберите его в настройках сайта (или нужных разделов). Номер макета также можно напрямую подавать на страницу как параметр. Это целесообразно, когда макет нужно тестировать на рабочем сайте. Например, если есть задача протестировать внешний вид страницы «www.example.ru/about/» с новым макетом (например, номер 3), сделав процесс тестирования незаметным для посетителей сайта, нужно вызывать страницу таким образом: «www.example.ru/about/?template=3».
Аналогично решается задача создания версии для печати:
4. Создается (и тестируется) новый облегченный макет, предназначенный для распечатки;
5. В тексте макета (если ссылка «версия для печати» нужна на всех страницах, использующих макет) или компонента (если ссылка нужна только на страницах некоторых компонентов) ввести примерно следующий текст: