ьмрепргмепргмтепргщтбмепщргбмеп. Проектирование и создание информационной системы для торговой организации
 Скачать 3.33 Mb.
|
:
В приведённом примере можно увидеть 2 метки для данных: [brand]--> и . Вместо первой функция вставит название бренда, а вместо второй сформированную в PHP-коде таблицу с товаров этого бренда. Приведённые выше шаблоны не являются полноценными HTML страницами, а содержат лишь основу контента веб-приложения. В них отсутствуют такие обязательные теги HTML как body, head, также в них отсутствует основной дизайн приложения и CSS. Так как основные элементы дизайна веб-приложения являются статическими (шапка, подвал, фон), то для удобства они были выделены в отдельный шаблон all.html. Таким образом, при необходимости изменить основные элементы разметки веб-приложения отпадает надобность менять их в шаблонах каждой страницы, изменения нужны только в вышеупомянутом файле. Файл all.html используется при загрузке любой страницы приложения и содержит метки: заголовок страницы, контент страницы, дополнительный код между тегами. Логика использования шаблонов выглядит следующим образом: 1. Приложение получает запрос на выбранную пользователем страницу; 2. Запрашиваются данные соответственно выбранной страницы из БД; 3. Приложение обрабатывает данные для их дальнейшего отображения пользователю (к примеру, составляет таблицу); 47 4. Загружается шаблон, соответствующий странице; 5. Согласно меткам, приложение располагает обработанные данные в шаблоне; 6. Загружается основной шаблон all.html, согласно его меткам, в него вставляются заголовок страницы и уже обработанный шаблон страницы; 7. Полученный шаблон отправляется веб-обозревателю пользователя. Шаблон all.html является основой и большей частью веб-приложения, в нём подключаются скрипты JavaScript и таблицы CSS. Начинается страница с указания (веб-обозревателю) типа текущего документа DTD (document type definition, описание типа документа): - обозначает новейшую, 5 версию HTML. В интернете долгое время использовались стандарты HTML 4.01, XHTML 1.0 и XHTML 1.1. Веб-страницы на практике верстались с использованием смешанных особенностей, представленных различными спецификациями, включая спецификации программных продуктов, например, веб-браузеров, а также сложившихся общеупотребительных приёмов. HTML5 был создан как единый язык разметки, который мог бы сочетать синтаксические нормы HTML и XHTML. Он расширяет, улучшает и рационализирует разметку документов, а также добавляет единый API для сложных веб-приложений. После объявления типа документа идут основные элементы для html-страниц (рис. 19): html - элемент верхнего уровня в документе, для HTML; head - предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Между открывающим и закрывающим тегами head указана кодировка, язык, подключаемые файлы (CSS, JavaScript и шрифты). body - предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Т.е. между открывающим и 48 закрывающим тегами данного элемента находится всё то, что видит пользователь: «шапка» сайта, заголовки, контент страницы и «подвал» сайта. Рис. 19. Пример структуры HTML-документа В приложении используется кодировка UTF-8, она указана как в «head» HTML, так и в начале основного PHP-файла. Кроме того, базы данных также хранят информацию в данной кодировке. UTF-8 (от англ. Unicode Transformation Format, 8-bit — «формат преобразования Юникода, 8-битный») — одна из общепринятых и стандартизированных кодировок текста, которая позволяет хранить символы Юникода, используя переменное количество байт (от 1 до 6). Стандарт UTF-8 официально закреплён в документах RFC 3629 и ISO/IEC 10646 Annex D. Кодировка нашла широкое применение в UNIX- подобных операционных системах и веб-пространстве [13]. Сам же формат UTF-8 был изобретён 2 сентября 1992 года Кеном Томпсоном и Робом Пайком и реализован в Plan 9[2]. В качестве BOM использует последовательность байт EF16, BB16, BF16 (что у неё самой является трёхбайтовой реализацией символа FEFF16). Если HTML указывает где отображаются элементы веб-страницы, то CSS-правила задают как именно. Сами правила также содержаться в основном шаблоне и прописаны в специальном HTML-теге |