Карта сайта. 
Проектирование и разработка web-приложений

В том случае, когда web-приложение содержит большое количество web-форм, целесообразно использовать карту сайта. Карта сайта является удобным способом описания структуры web-приложения, а также позволяет ее показывать пользователям с помощью нескольких элементов управления. Эти элементы управления расположены в разделе Navigation панели инструментов (Toolbox). Основными элементами управления, предоставляющими возможность показывать карту сайта, являются SiteMapPath, Menu и TreeView. Все эти элементы предназначены для решения одной и той же задачи — предоставления возможности пользователю web-приложения осуществлять навигацию по webформам. Различие между ними заключается в способах отображения ссылок на соответствующие формы.

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

В качестве хранилища структуры обычно выступает XML-файл. В Visual Studio существует уже определенная структура XML-файла, предназначенная для хранения структуры приложения, это файлы типа.sitemap. Содержимое данного файла достаточно простое, что позволяет легко вносить данные о структуре приложения. Разделение элементов, отвечающих за отображение данных и элементов, содержащих эти данные, позволяет значительно упростить редактирование приложения; для изменения дизайна достаточно изменить настройки визуальных компонентов, для внесения дополнений — добавить данные в XML-файл.

Рассмотрим пример добавления навигации по страницам webприложения с использованием карты сайта. Прежде всего необходимо добавить XML-файл и описать в нем данные о структуре приложения.

Для добавления XML-файла можно использовать стандартную команду Website =>Add New Item. В открывшемся окне нужно выбрать тип файла «Site Мар». В результате этого будет создан файл Web. sitemap, содержащий заготовки для ввода структуры web-приложения:

Как видно из исходного кода, карта сайта начинается с корневого узла. Элементы структуры описываются в тэгах. С помощью этих тэгов можно указывать иерархию элементов web-приложения. Для указания вложенных элементов их просто необходимо расположить внутри соответствующего тэга. Свойства каждого тэга необходимы для задания соответствующих значений. Из примера выше видно, что каждому элементу соответствует три свойства: url, title, description. Их назначение очевидно: url используется для указания URL-адреса страницы, которой соответствует этот элемент; title задает наименование элемента, отображаемое элементом управления; description — описание элемента, которое отображается в виде всплывающей подсказки при наведении указателя мыши на соответствующий элемент.

В качестве примера простейшей карты сайта создадим иерархию страниц, состоящую из шести элементов. Самым верхним элементом иерархии будет домашняя страница, ссылающаяся на файл Default.aspx. Все остальные элементы будут вложены в него. Кроме того, в элемент.

" Страница 4″ должны быть вложены еще два элемента. Пример карты сайта, описывающей данную структуру, приведен ниже:

После того как карта сайта определена, становится возможным использование элементов управления, связанных с ней для отображения данных о структуре приложения. Для этого возможно использование таких элементов управления, как TreeView, Menu и SiteMapPath. Элементы TreeView и Menu имеют одинаковую функциональность и предназначены для вывода элементов структуры приложения в окне браузера. Различие заключается в форме представления данных. Элемент SiteMapPath предназначен для отображения текущего положения пользователя в иерархии web-приложения и позволяет ему переходить вверх по иерархии на более высокий уровень. Рассмотрим примеры использования всех трех элементов управления.