Структура XSLT документа

2020-02-03

340

Обсуждений (0)

0.00 из 5.00 0 оценок

⇐ Предыдущая 3 4 5 6 7 8910 11 12 Следующая ⇒

<?xml version="1.0" encoding="utf-8"?>

Данная строка сообщает браузеру информацию о том, что файл использует формат XML.

Все преобразования должны быть заключены в блок с указанием версии и пространство имен:

<xsl:stylesheet version="1.0".

<xsl:include href="multi.xsl"/>

Следующим шагом, с помощью инструкции «xsl:include», идет подключение дочерних файлов, в которых также указаны шаблоны к модулям. Модули – это набор функций UMI.CMS, которые определяют функциональность системы.

Далее идут правила преобразования, которые указываются в блоках.

<xsl:template match="/" >

Директива match=”/” говорит о том, что шаблон является глобальным. Основной шаблон строится на подобии структуры html-документа. XSL также имеет теги <head></head>, между которыми размещается информация, способствующая поисковым системам распознавать сайт,

Преобразовывает поля description и keywords, которые указываются при создании страницы в UMI.CMS.

Здесь же подключаются файлы стилей и скриптов.

Между тегами <body></body> размещается общая структура страниц:

1 Логотип

2 Меню

3 Контент

4 Подвал

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

Когда создается шаблон для текущей страницы возникает необходимость из данного XML-документа вывести только нужную информацию.

<xsl:value-of select="result/@header " />

В кавычках указывается путь того элемента, который нужно вывести. Чтобы обратиться к узлу следует по иерархии указать путь до необходимого узла. Для обращения к атрибуту после пути до узла ставится знак «@».

Этот шаблон берет содержимое элемента udata с атрибутами module = 'content' и method = 'menu', вставляет теги <ul></ul> и отправляет на обработку все элементы item, результаты помещая между <ul></ul>.

Далее шаблон обращается ко всем элементам “item”, размещая их между тегами <a></a>, что позволяет использовать в дальнейшем элементы как ссылки.

Последний шаблон описывает инструкцию для активного пункта меню.

Во всех общих случаях, где не указано иных правил, берутся все элементы с атрибутами module = 'content' и method = 'content' и выводятся только те значения, которые в xml документе соответствуют положению /result/page/properties/group/property[@name = 'content']/value.

«disable-output-escaping="yes"» указывает на то, что текст будет выведен без html-тегов.

Шаблон главной страницы содержит в себе несколько внутренних страниц. Благодаря такой структуре редактировать основную страницу сайта становится удобнее, так как контент разделен на несколько частей:

1 Баннер.

2 Основной контент.

3 Текстовый слайдер.

4 Форма заказа.

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

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

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

Стили сайта

Весь внешний вид сайта описывается в файле setinstyle.css, который хранится на сервере в папке css/cms.

- Первыми описываются глобальные селекторы, такие как html и body. Их следует обнулить т.е. указать минимальные значения для отступов и других свойств. Делается это для того, чтобы браузеры, которые имеют собственные css настройки, не изменили стиль сайта.

- Далее указываются настройки для общих селекторов, которые не используют классы. Это такие селекторы как p – абзац, h1, h2, h3, h4 – заголовки разных уровней, a – ссылки, a:hover – ссылки при наведении мышкой, и др. Здесь указываются параметры для текста и отступов:

Margin – внешний отступ

Padding – внутренний отступ

Color – цвет текста

Font-size – размер текста и др.

- В стилях используется селектор ul:not([class]), где :not([class]) обозначает, что стиль должен применяться ко всем тегам ul, которые не обозначены никакими классами.

- Селекторы, перед которыми стоят точки обозначают классы, которые применялись к каким-либо html-тегам. Их создают, чтобы определить стиль для конкретного элемента.

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

input, textarea, select{

width: 220px; (ширина элемента)

}

- Если необходимый селектор не имеет класса / идентификатора, но к нему необходимо применить свойство указываются все селекторы, начиная от родительского.

.main_menu .level-0 li:hover .level-1{

display: block; (определяет, как элемент показан)

position: absolute; (Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице)

top: 70px; (позиционирует элемент относительно верхнего края)

left: 0px; (позиционирует элемент относительно левого края)

z-index:100; (позиционирует элемент относительно оси z, т.е. наложение элементов друг на друга)

width:192px; (ширина элемента)

font-size:15px; (размер текста)

line-height:1.3em; (межстрочный интервал)

background-color:#533c29; (цвет фона)

border-top:0; (размер верхней границы)

}

PHP

На данном сайте используется форма заказа изделий, которая обрабатывается с помощью файла mail.php. Он хранится в папке php.

- $_POST['title'] – содержит данные из поля «тема».

- $_POST['mess'] – содержит данные из поля «изображение».

- $_POST['name'] – содержит данные из поля «имя».

- $_POST['tel'] – содержит данные из поля «телефон».

- $_POST['email'] – содержит данные из поля «e-mail».

- trim() - убирает все лишние пробелы и переносы строк.

- htmlspecialchars() - преобразует специальные символы в HTML сущности.

- substr($_POST['title'], 0, 1000) – максимальное количество допустимых знаков – 1000.

- Проверка на ошибки. Если неправильно заполнены поля, то браузер отображает ошибку.

- Подключение файла класса для отправки почты.

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

- После отправки письма браузер выводит сообщение об успешной отправке.

Java Script

С помощью Java Script на сайте реализована функция слайдера.

2020-02-03

340

Обсуждений (0)

0.00 из 5.00 0 оценок

⇐ Предыдущая 3 4 5 6 7 8910 11 12 Следующая ⇒

Обсуждение в статье: Структура XSLT документа

Обсуждений еще не было, будьте первым... ↓↓↓