Цель лекции. Показать, как можно подготовить данные в XML -формате при помощи программ пакета Microsoft Office, а затем вывести их в форме представления данных на веб-странице для просмотра и редактирования. Кроме того, обсуждаются принципы осуществления в SharePoint несложных вычислений в таблице данных. В качестве примера предлагается задача упорядочивания первичной бухгалтерской отчетности предприятия.
5.1. Подготовка данных в XML-формате
Ключевой момент современной веб-разработки (в особенности, применительно к бизнес-приложениям) - это работа с данными. Мы рассмотрим ее на примере представления первичной бухгалтерской документации (рис. 5.1). Как правило, здесь следует отметить две задачи:
Разработка XML -структуры данных (они могут хранится в одном или нескольких файлах).
Представление данных на веб-странице.
Покажем, как при помощи SharePoint Designer, можно организовать работу с внешними данными, хранящимися в XML -файле на веб-узле SharePoint. В том числе, рассмотрим, как осуществляются вычисления на веб-странице.
Предположим, что таблица с данными имеется в формате листа электронной таблицы Microsoft Office Excel (рис. 5.1).
(рис 5.1) Исходные данные в Excel-файле Одним из простых способов конвертировать таблицу в XML -файл является обращение к программе Microsoft Office Access. Работая в Access, выполните следующее.
Откройте меню Внешние данные.
В группе Импорт нажмите кнопку Excel.
В открывшемся окне Мастера укажите путь к файлу электронной таблицы Excel.
На нескольких следующих страницах Мастера нажмите кнопку (рис 5.2) Импортируйте данные в БД Access
На последней странице Мастера нажмите кнопку Готово.
Просмотрите импортированную таблицу в Access.
Введите команду (рис 5.3) Экспортируйте данные из Access в XML-файл
Выберите имя XML -файла и путь к файлу.
Подтвердите остальные опции экспорта (рис. 5.4).
(рис 5.4) Подтвердите опции XML-экспортаВ результате будет создано несколько файлов, в частности XML - и НТML-. Щелкнув дважды на них, легко просмотреть их в браузере (вид НТML-файла показан на рис. 5.5, а строение XML -файла будет обсуждаться ниже, при работе в SharePoint Designer),
(рис 5.5) Представление данных из XML-файла, создаваемое автоматически после экспорта (в браузере)Далее рассмотрим, как организовать доступ к созданному файлу данных в SharePoint Designer. Во-первых, XML -файл следует перетащить из папки на локальном компьютере, на панель Список папок в окно программы SharePoint Designer, чтобы перенести его на сервер.
(рис 5.6) Строение XML-файла (открытого в SharePoint Designer)5.2. Подключение к XML-файлу данных
Теперь разместим на веб-странице представление подготовленных данных.
Создание представления данных
Начнем с создания новой веб-страницы на узле SharePoint, а затем продемонстрируем некоторые приемы работы с XML - данными.
Откройте веб-узел в SharePoint Designer.
Введите команду Создать / Создать из главной страницы.
Создайте специальное содержимое для заголовка страницы (рис 5.7(рис 5.7) Новая веб-страница открыта SharePoint Designer
Введите текст заголовка веб-страницы.
Перетащите XML -файл из области задач Список папок прямо на веб-страницу (рис. 5.8).
(рис 5.8) Перетащите XML-файл на веб-страницуПеретаскивание файла из панели Список папок на aspx-страницу (рис. 5.8), в область Конструктор приводит к созданию представления данных, причем данные из XML -файла будут представлены в виде таблицы (рис. 5.9). Каждая запись БД будет располагаться в определенной строке. Соответствующие поля таблицы будут располагаться в столбцах.
После перетаскивания XML -файл в нужное место страницы, также откроется область задач Подробности источника данных, при помощи которой удобно просматривать содержимое XML -файла по отдельным записям (рис. 5.9).
(рис 5.9) Отформатируйте представление данных на веб-странице
Форматирование столбца данных
Рассмотрим теперь, как осуществляется форматирование данных в таблице.
Вызовите меню одного из столбцов представления данных, который представляет дату документа.
Выберите в меню Поле данных пункт Дата, а в меню Форматировать как - пункт Дата и время (рис. 5.9).
Выберите формат даты и отключите опцию показа времени (рис 5.10(рис 5.10) Выберите дополнительные параметры формата данных в столбцах
Вызовите меню представления данных (рис. 5.11).
Выберите в меню представления данных команду (рис 5.11) Перейдите к редактированию столбцов таблицы
В диалоге Изменение столбцов выберите набор полей представления данных и порядок, в котором они будут отображаться в столбцах таблицы (рис. 5.12).
Нажмите кнопку (рис 5.12) Отредактируйте столбцы (их отображение и порядок следования)
Щелкните в пределах заголовка одного из столбцов.
Измените заголовок столбца (рис 5.13(рис 5.13) Править названия столбцов можно прямо на веб-странице
Просмотрите результат редактирования представления данных (рис. 5.14).
(рис 5.14) Представление данных на aspx-странице (в браузере)В заключение отметим несколько важных моментов, связанных с выводом данных на веб-странице.
Мы использовали самый обычный дизайн сайта "Узел группы", намеренно (почти) не меняя ни его цветовых настроек, ни наполнения главной страницы (за исключением логотипа и названия узла - Polybook Multimedia).
Представление данных реализуется на aspx-странице посредством соответствующей веб-части DataFormWebPart (рис. 5.15).
Область задач (рис 5.15) Страница содержит веб-часть представления данных
Область задач Подробности источника данных (см. рис. 5.9) позволяет, как просмотреть структуру выбранного источники данных (в том числе, сами элементы базы данных ), так и вставить нужные поля на веб-страницу в виде пассивного представления данных, так и в виде формы для их редактирования.
Для управления видом веб-части DataFormWebPart (как и любой другой) применяется уже знакомое нам меню, вызываемое кнопкой в правом верхнем углу веб-части (рис. 5.16).
(рис 5.16) Редактирование вида веб-части данных (задано отображение не более 5 элементов таблицы)Пока наша таблица представляет пассивные данные. Для того, чтобы отобразить на ней ссылки для редактирования самих данных (чтобы позволить посетителю веб-страницы править БД через веб-интерфейс), следует вставить желаемые поля как форму (см. лабораторную работу 5.1)
Отметим также, что для столбцов данных других типов (например, числовых, пример которых показан на рис. 5.17) предусмотрен выбор соответствующих форматов (в случае числового формата - количества десятичных разрядов и представления отрицательных чисел, как это проиллюстрировано рис. 5.18). Для текстовых данных имеются другие форматы, и т.д.
(рис 5.17) Выбор формата поля (в SharePoint Designer)
(рис 5.18) Выбор параметров числового формата (в SharePoint Designer)
Вычисления в таблице данных
Пока наши действия были связаны исключительно с представлением и редактированием данных, непосредственно хранящихся в XML -файле на сервере (без проведения каких-либо вычислений). Между тем, SharePoint Designer позволяет легко создавать столбец, в котором отображается результат операций с другими данными из источника данных.
Откройте страницу с представлением данных, к которому необходимо добавить столбец формул.
Щелкните в верхнем правом углу кнопку вызова меню Просмотр представления данных (рис. 5.19).
Выберите команду (рис 5.19) Вызовите меню представления данных
В диалоговом окне Изменение столбцов в списке Доступные поля введите команду Добавить столбец формулы... (рис. 5.20).
Нажмите кнопку (рис 5.20) Создание столбца формулВ результате откроется диалоговое окно Построителя выражений XPath. Язык XML Path ( XPath ) - это язык, предназначенный для поиска и обработки данных в XML - документе. XPath предоставляет легкий доступ к именам полей источника данных, операторам и многим встроенным функциям, которые можно оформить как формулы для вычислений.
В диалоговом окне Построитель выражений XPath в группе Выберите поле для вставки дважды щелкните поле, которое требуется добавить в выражение (например, поле Кредит ). Примечание: Для добавления полного пути к полю дважды надо щелкнуть это поле, удерживая нажатой клавишу CTRL.
В поле Измените выражение XPath перенесите курсор непосредственно после имени введенного поля, а затем нажмите клавишу ПРОБЕЛ (рис. 5.21).
В открывшемся списке "IntelliSense", содержащем операторы XPath, двойным щелчком выберите нужный оператор ("минус"). Имейте в виду, что предусмотрена опция вставки типовых функций (суммирования, вычисления среднего и т.д.).
(рис 5.21) Ввод оператора в формулу
Снова нажмите клавишу ПРОБЕЛ.
В открывшемся списке "IntelliSense", содержащем доступные имена столбцов, дважды щелкните нужное поле (например, поле Дебет ). И т.д. (рис. 5.22).
Нажмите кнопку (рис 5.22) Ввод в формулу поля
Нажмите кнопку ОК в диалоговом окне Изменение столбцов (рис. 5.23).
Просмотрите, как выглядит теперь представление данных.
(рис 5.23) Столбец формул добавлен в представление данныхВ результате в представлении данных появится новый столбец формул (рис. 5.24). По умолчанию заголовок столбца - это выражение, созданное в построителе выражений XPath. Если необходимо заменить заголовок столбца, то щелкните на его заголовке для выделения, а затем введите нужный текст.
(рис 5.24) Представление данных с вычисляемым столбцомЧтобы изменить уже введенную формулу следует:
либо обратиться к коду веб-страницы;
либо ввести команду Представление данных / Изменить формулу.
Напомним, что если необходимо дать пользователю узла возможности изменять данные в браузере (т. е., фактически, дать ему право изменять XML -файл с базой данных ), то следует использовать представление данных в виде формы (рис. 5.25).
(рис 5.25) Форма данных в браузере
5.3. Отображение данных
Рассмотрим, как осуществляется сортировка, группировка и фильтрация представления данных.
Сортировка данных
При сортировке в представлении данных изменяется порядок отображения данных. Сортировка служит для упорядочения записей с целью лучшего восприятия данных, позволяя представить сведения в наиболее удобном порядке, а не в том, который использовался первоначально. Чаще всего используется сортировка в алфавитном или числовом порядке. Кроме того, можно применять методы расширенной сортировки, использующие выражения.
В SharePoint Designer в представлении данных по умолчанию данные отображаются в том порядке сортировки или группировки, который был задан.
Вызовите меню представления данных и в нем выберите пункт (рис 5.26) Переход к сортировке данных
В диалоговом окне Сортировка и группировка в группе Доступные поля выберите поле, по которому требуется упорядочить данные (рис. 5.27).
Нажмите кнопку Добавить.
Выберите порядок сортировки ( (рис 5.27) Задание опций сортировки
При желании добавьте дополнительные поля, по которым будут сортироваться данные (для опций рис. 5.27 данные будут отсортированы сначала по дате, а потом по полю Дебет ).
Сохраните файл и просмотрите его в браузере.
Обратите внимание на то, что в браузере нельзя изменить порядка сортировки - данные представлены так, как Вы их проектировали в SharePoint Designer (рис. 5.28).
(рис 5.28) Просмотр отсортированных данных
Группировка данных
При группировке данные в представлении группируются в соответствии с заданным условием. Сортировка и группировка взаимосвязаны, т.к. невозможно сгруппировать поля, если предварительно не задать порядок сортировки.
Вызовите диалог Сортировка и группировка.
В диалоговом окне Сортировка и группировка задайте опции сортировки.
Выделите одно из полей (то, по которому Вы планируете осуществить группировку ) в списке (рис 5.29) Группировка данных
Установите флажки проверки Показать верхний колонтитул и Показать нижний колонтитул.
Для отображения групп развернутыми по умолчанию в представлении данных выберите параметр По умолчанию развернуть. Для отображения групп свернутыми по умолчанию в представлении данных выберите параметр По умолчанию свернуть.
При желании аналогичным образом настройте группировку и для других полей, выделяя их в списке Порядок сортировки.
Сохраните опции группировки просмотрите веб-страницу в браузере (рис 5.30(рис 5.30) Просмотр группированных данных
Поэкспериментируйте в браузере, сворачивая и разворачивая группы данных (рис. 5.31).
(рис 5.31) Просмотр группированных данных (часть групп свернута)Стоит отметить, что сразу после того, как Вы установите флажки Показать верхний колонтитул или Показать нижний колонтитул, становится доступной кнопка Расширенная группировка. Нажав ее, можно выполнить следующие действия (рис. 5.32):
Для скрытия индивидуальных записей в списке установите флажок Всегда скрывать сведения о группе.
Для отображения всех записей на одной странице, даже если их общее количество превышает максимальное значение, установите флажок Сохранять группировку при разбиении на страницы.
Для добавления в каждую группу строки, отображающей имена столбцов, установите флажок Показывать заголовки столбцов в каждой группе.
Для добавления в каждую группу строки, отображающей общее число записей в каждой группе, установите флажок Показывать итоги по столбцам в каждой группе.
(рис 5.32) Опции расширенной группировкиВ завершение раздела рассмотрим, как осуществляется удаление порядка группировки.
В диалоговом окне Сортировка и группировка в группе Порядок сортировки выберите поле, из которого требуется удалить порядок группы.
В группе Свойства группировки снимите флажки Показать верхний колонтитул и Показать нижний колонтитул.
Для удаления всех порядков группы из представления данных проверьте выполнение п.2 для каждого поля списка Порядок сортировки.
Фильтрация данных
В представлении данных разрешается применить фильтр, с тем, чтобы представление данных содержало только записи, удовлетворяющие заданному условию. Например, если источник данных содержит сотни или тысячи записей, то можно задать опцию просмотра только определенной части записей. Эту операцию, как и сортировку, можно осуществить только в SharePoint Designer.
В меню представления данных выберите команду Фильтр.
В диалоговом окне Условия отбора щелкните ссылку Добавить новый оператор (рис. 5.33).
Раскройте меню (рис 5.33) Фильтр настраивается в диалоге Условия отбора
Раскройте меню Оператор, а затем определите нужный оператор, например, "больше" (рис. 5.34).
Наконец, выберите поле Значение и введите нужное значение (число 200).
Нажмите кнопку ОК.
(рис 5.34) Фильтр настроенВ результате, в представлении данных будут отображаться только те данные, которые удовлетворяют фильтру (рис. 5.35).
Отметим, что расширенные условия могут содержать функции. Если необходимо просмотреть выражение и изменить его, используя операторы языка XPath, следует в диалоговом окне Условия отбора щелкнуть Дополнительно. Все условия отбора, фактически, являются выражениями XPath. Они представлены в таком же виде и в коде веб-страницы.
(рис 5.35) Данные с примененным фильтром в браузереТаким образом, для создания выражения необходимо выполнить три шага. Выражение включает три основные части (плюс еще одна, если условий несколько):
имя поля (поля, по которому требуется выполнить фильтр );
оператор (правило, которое необходимо применить к значению, например, "равно", "больше" или "меньше");
значение (сведения, которые требуется найти);
логика взаимодействия нескольких условий: и - или (рис. 5.36).
(рис 5.36) Фильтр описывается несколькими условиями
Лабораторные работы
Лабораторная работа 5.1. Форма данных на веб-странице
Рассмотрим, как достигается возможность изменения данных на веб-странице в браузере.
При помощи панели Подробности источника данных выделите желаемые поля XML - данных и нажмите кнопку Вставить выбранные поля как форму.
Вызовите меню представления данных и выберите в нем команду Параметры просмотра данных (см. рис. 5.16).
В диалоге (рис 5.37) Включение отображения ссылок для правки данных в браузере
Запустите просмотр веб-странцы в браузере.
Протестируйте ссылки правки, удаления и вставки записей, появившиеся в таблице (рис 5.38(рис 5.38) Таблица данных с интерактивными ссылками в браузере
В частности, щелкните ссылку Изменить в любой из записей и отредактируйте ее (рис. 5.39).
По завершении правки записи щелкните ссылку (рис 5.39) Редактирование записи БД в браузере
Щелкните ссылку Вставить (см. рис. 5.38).
Определите новый элемент БД и щелкните ссылку Сохранить (рис. 5.40).
(рис 5.40) Ввод полей новой записи БД в браузере
Лабораторная работа 5.2. Условное форматирование
Рассмотрим характерную возможность изменения представления данных на веб-странице, связанную с настройкой их формата по определенному условию.
Выделите представление данных.
Вызовите меню (рис 5.41) Откройте панель Условное форматирование
В представлении данных выделите текст любой ячейки с данными (кроме ячейки заголовка), которые нужно отформатировать (рис 5.42(рис 5.42) Выделите фрагмент данных
Перейдите в область задач Условное форматирование, где после правильного выбора данных становится доступной кнопка Создать.
Нажмите кнопку (рис 5.43) Назначьте условное форматирование
В диалоговом окне (рис 5.44) Задайте формат
Определите условие (рис. 5.45).
Нажмите кнопку (рис 5.45) Настройте условие
В открывшемся диалоговом окне Изменение стиля остается выбрать параметры, необходимые для создания стиля для условного форматирования.
Нажмите кнопку (рис 5.46) Задайте формат
Сохраните файл и просмотрите его в браузере (рис 5.45(рис 5.47) Просмотр условного форматирования в браузере
Краткие итоги
Посредством представления данных можно организовать статичный вывод информации из БД, хранящейся в Интернете (в частности, в формате XML ) на веб-страницу SharePoint. Также несложно вывести данные в форме, так и вставку данных в виде формы (для редактирования посетителем узла через веб-интерфейс). Представление данных допускает настройку фильтра, сортировки, группировки и макета. Все действия по редактированию представления данных осуществляются в программе SharePoint Designer.
Цель лекции. Показать, как можно подготовить данные в XML -формате при помощи программ пакета Microsoft Office, а затем вывести их в форме представления данных на веб-странице для просмотра и редактирования. Кроме того, обсуждаются принципы осуществления в SharePoint несложных вычислений в таблице данных. В качестве примера предлагается задача упорядочивания первичной бухгалтерской отчетности предприятия.
5.1. Подготовка данных в XML-формате
Ключевой момент современной веб-разработки (в особенности, применительно к бизнес-приложениям) - это работа с данными. Мы рассмотрим ее на примере представления первичной бухгалтерской документации (рис. 5.1). Как правило, здесь следует отметить две задачи:
Разработка XML -структуры данных (они могут хранится в одном или нескольких файлах).
Представление данных на веб-странице.
Покажем, как при помощи SharePoint Designer, можно организовать работу с внешними данными, хранящимися в XML -файле на веб-узле SharePoint. В том числе, рассмотрим, как осуществляются вычисления на веб-странице.
Предположим, что таблица с данными имеется в формате листа электронной таблицы Microsoft Office Excel (рис. 5.1).
(рис 5.1) Исходные данные в Excel-файле Одним из простых способов конвертировать таблицу в XML -файл является обращение к программе Microsoft Office Access. Работая в Access, выполните следующее.
Откройте меню Внешние данные.
В группе Импорт нажмите кнопку Excel.
В открывшемся окне Мастера укажите путь к файлу электронной таблицы Excel.
На нескольких следующих страницах Мастера нажмите кнопку (рис 5.2) Импортируйте данные в БД Access
На последней странице Мастера нажмите кнопку Готово.
Просмотрите импортированную таблицу в Access.
Введите команду (рис 5.3) Экспортируйте данные из Access в XML-файл
Выберите имя XML -файла и путь к файлу.
Подтвердите остальные опции экспорта (рис. 5.4).
(рис 5.4) Подтвердите опции XML-экспортаВ результате будет создано несколько файлов, в частности XML - и НТML-. Щелкнув дважды на них, легко просмотреть их в браузере (вид НТML-файла показан на рис. 5.5, а строение XML -файла будет обсуждаться ниже, при работе в SharePoint Designer),
(рис 5.5) Представление данных из XML-файла, создаваемое автоматически после экспорта (в браузере)Далее рассмотрим, как организовать доступ к созданному файлу данных в SharePoint Designer. Во-первых, XML -файл следует перетащить из папки на локальном компьютере, на панель Список папок в окно программы SharePoint Designer, чтобы перенести его на сервер.
(рис 5.6) Строение XML-файла (открытого в SharePoint Designer)5.2. Подключение к XML-файлу данных
Теперь разместим на веб-странице представление подготовленных данных.
Создание представления данных
Начнем с создания новой веб-страницы на узле SharePoint, а затем продемонстрируем некоторые приемы работы с XML - данными.
Откройте веб-узел в SharePoint Designer.
Введите команду Создать / Создать из главной страницы.
Создайте специальное содержимое для заголовка страницы (рис 5.7(рис 5.7) Новая веб-страница открыта SharePoint Designer
Введите текст заголовка веб-страницы.
Перетащите XML -файл из области задач Список папок прямо на веб-страницу (рис. 5.8).
(рис 5.8) Перетащите XML-файл на веб-страницуПеретаскивание файла из панели Список папок на aspx-страницу (рис. 5.8), в область Конструктор приводит к созданию представления данных, причем данные из XML -файла будут представлены в виде таблицы (рис. 5.9). Каждая запись БД будет располагаться в определенной строке. Соответствующие поля таблицы будут располагаться в столбцах.
После перетаскивания XML -файл в нужное место страницы, также откроется область задач Подробности источника данных, при помощи которой удобно просматривать содержимое XML -файла по отдельным записям (рис. 5.9).
(рис 5.9) Отформатируйте представление данных на веб-странице
Форматирование столбца данных
Рассмотрим теперь, как осуществляется форматирование данных в таблице.
Вызовите меню одного из столбцов представления данных, который представляет дату документа.
Выберите в меню Поле данных пункт Дата, а в меню Форматировать как - пункт Дата и время (рис. 5.9).
Выберите формат даты и отключите опцию показа времени (рис 5.10(рис 5.10) Выберите дополнительные параметры формата данных в столбцах
Вызовите меню представления данных (рис. 5.11).
Выберите в меню представления данных команду (рис 5.11) Перейдите к редактированию столбцов таблицы
В диалоге Изменение столбцов выберите набор полей представления данных и порядок, в котором они будут отображаться в столбцах таблицы (рис. 5.12).
Нажмите кнопку (рис 5.12) Отредактируйте столбцы (их отображение и порядок следования)
Щелкните в пределах заголовка одного из столбцов.
Измените заголовок столбца (рис 5.13(рис 5.13) Править названия столбцов можно прямо на веб-странице
Просмотрите результат редактирования представления данных (рис. 5.14).
(рис 5.14) Представление данных на aspx-странице (в браузере)В заключение отметим несколько важных моментов, связанных с выводом данных на веб-странице.
Мы использовали самый обычный дизайн сайта "Узел группы", намеренно (почти) не меняя ни его цветовых настроек, ни наполнения главной страницы (за исключением логотипа и названия узла - Polybook Multimedia).
Представление данных реализуется на aspx-странице посредством соответствующей веб-части DataFormWebPart (рис. 5.15).
Область задач (рис 5.15) Страница содержит веб-часть представления данных
Область задач Подробности источника данных (см. рис. 5.9) позволяет, как просмотреть структуру выбранного источники данных (в том числе, сами элементы базы данных ), так и вставить нужные поля на веб-страницу в виде пассивного представления данных, так и в виде формы для их редактирования.
Для управления видом веб-части DataFormWebPart (как и любой другой) применяется уже знакомое нам меню, вызываемое кнопкой в правом верхнем углу веб-части (рис. 5.16).
(рис 5.16) Редактирование вида веб-части данных (задано отображение не более 5 элементов таблицы)Пока наша таблица представляет пассивные данные. Для того, чтобы отобразить на ней ссылки для редактирования самих данных (чтобы позволить посетителю веб-страницы править БД через веб-интерфейс), следует вставить желаемые поля как форму (см. лабораторную работу 5.1)
Отметим также, что для столбцов данных других типов (например, числовых, пример которых показан на рис. 5.17) предусмотрен выбор соответствующих форматов (в случае числового формата - количества десятичных разрядов и представления отрицательных чисел, как это проиллюстрировано рис. 5.18). Для текстовых данных имеются другие форматы, и т.д.
(рис 5.17) Выбор формата поля (в SharePoint Designer)
(рис 5.18) Выбор параметров числового формата (в SharePoint Designer)
Вычисления в таблице данных
Пока наши действия были связаны исключительно с представлением и редактированием данных, непосредственно хранящихся в XML -файле на сервере (без проведения каких-либо вычислений). Между тем, SharePoint Designer позволяет легко создавать столбец, в котором отображается результат операций с другими данными из источника данных.
Откройте страницу с представлением данных, к которому необходимо добавить столбец формул.
Щелкните в верхнем правом углу кнопку вызова меню Просмотр представления данных (рис. 5.19).
Выберите команду (рис 5.19) Вызовите меню представления данных
В диалоговом окне Изменение столбцов в списке Доступные поля введите команду Добавить столбец формулы... (рис. 5.20).
Нажмите кнопку (рис 5.20) Создание столбца формулВ результате откроется диалоговое окно Построителя выражений XPath. Язык XML Path ( XPath ) - это язык, предназначенный для поиска и обработки данных в XML - документе. XPath предоставляет легкий доступ к именам полей источника данных, операторам и многим встроенным функциям, которые можно оформить как формулы для вычислений.
В диалоговом окне Построитель выражений XPath в группе Выберите поле для вставки дважды щелкните поле, которое требуется добавить в выражение (например, поле Кредит ). Примечание: Для добавления полного пути к полю дважды надо щелкнуть это поле, удерживая нажатой клавишу CTRL.
В поле Измените выражение XPath перенесите курсор непосредственно после имени введенного поля, а затем нажмите клавишу ПРОБЕЛ (рис. 5.21).
В открывшемся списке "IntelliSense", содержащем операторы XPath, двойным щелчком выберите нужный оператор ("минус"). Имейте в виду, что предусмотрена опция вставки типовых функций (суммирования, вычисления среднего и т.д.).
(рис 5.21) Ввод оператора в формулу
Снова нажмите клавишу ПРОБЕЛ.
В открывшемся списке "IntelliSense", содержащем доступные имена столбцов, дважды щелкните нужное поле (например, поле Дебет ). И т.д. (рис. 5.22).
Нажмите кнопку (рис 5.22) Ввод в формулу поля
Нажмите кнопку ОК в диалоговом окне Изменение столбцов (рис. 5.23).
Просмотрите, как выглядит теперь представление данных.
(рис 5.23) Столбец формул добавлен в представление данныхВ результате в представлении данных появится новый столбец формул (рис. 5.24). По умолчанию заголовок столбца - это выражение, созданное в построителе выражений XPath. Если необходимо заменить заголовок столбца, то щелкните на его заголовке для выделения, а затем введите нужный текст.
(рис 5.24) Представление данных с вычисляемым столбцомЧтобы изменить уже введенную формулу следует:
либо обратиться к коду веб-страницы;
либо ввести команду Представление данных / Изменить формулу.
Напомним, что если необходимо дать пользователю узла возможности изменять данные в браузере (т. е., фактически, дать ему право изменять XML -файл с базой данных ), то следует использовать представление данных в виде формы (рис. 5.25).
(рис 5.25) Форма данных в браузере
5.3. Отображение данных
Рассмотрим, как осуществляется сортировка, группировка и фильтрация представления данных.
Сортировка данных
При сортировке в представлении данных изменяется порядок отображения данных. Сортировка служит для упорядочения записей с целью лучшего восприятия данных, позволяя представить сведения в наиболее удобном порядке, а не в том, который использовался первоначально. Чаще всего используется сортировка в алфавитном или числовом порядке. Кроме того, можно применять методы расширенной сортировки, использующие выражения.
В SharePoint Designer в представлении данных по умолчанию данные отображаются в том порядке сортировки или группировки, который был задан.
Вызовите меню представления данных и в нем выберите пункт (рис 5.26) Переход к сортировке данных
В диалоговом окне Сортировка и группировка в группе Доступные поля выберите поле, по которому требуется упорядочить данные (рис. 5.27).
Нажмите кнопку Добавить.
Выберите порядок сортировки ( (рис 5.27) Задание опций сортировки
При желании добавьте дополнительные поля, по которым будут сортироваться данные (для опций рис. 5.27 данные будут отсортированы сначала по дате, а потом по полю Дебет ).
Сохраните файл и просмотрите его в браузере.
Обратите внимание на то, что в браузере нельзя изменить порядка сортировки - данные представлены так, как Вы их проектировали в SharePoint Designer (рис. 5.28).
(рис 5.28) Просмотр отсортированных данных
Группировка данных
При группировке данные в представлении группируются в соответствии с заданным условием. Сортировка и группировка взаимосвязаны, т.к. невозможно сгруппировать поля, если предварительно не задать порядок сортировки.
Вызовите диалог Сортировка и группировка.
В диалоговом окне Сортировка и группировка задайте опции сортировки.
Выделите одно из полей (то, по которому Вы планируете осуществить группировку ) в списке (рис 5.29) Группировка данных
Установите флажки проверки Показать верхний колонтитул и Показать нижний колонтитул.
Для отображения групп развернутыми по умолчанию в представлении данных выберите параметр По умолчанию развернуть. Для отображения групп свернутыми по умолчанию в представлении данных выберите параметр По умолчанию свернуть.
При желании аналогичным образом настройте группировку и для других полей, выделяя их в списке Порядок сортировки.
Сохраните опции группировки просмотрите веб-страницу в браузере (рис 5.30(рис 5.30) Просмотр группированных данных
Поэкспериментируйте в браузере, сворачивая и разворачивая группы данных (рис. 5.31).
(рис 5.31) Просмотр группированных данных (часть групп свернута)Стоит отметить, что сразу после того, как Вы установите флажки Показать верхний колонтитул или Показать нижний колонтитул, становится доступной кнопка Расширенная группировка. Нажав ее, можно выполнить следующие действия (рис. 5.32):
Для скрытия индивидуальных записей в списке установите флажок Всегда скрывать сведения о группе.
Для отображения всех записей на одной странице, даже если их общее количество превышает максимальное значение, установите флажок Сохранять группировку при разбиении на страницы.
Для добавления в каждую группу строки, отображающей имена столбцов, установите флажок Показывать заголовки столбцов в каждой группе.
Для добавления в каждую группу строки, отображающей общее число записей в каждой группе, установите флажок Показывать итоги по столбцам в каждой группе.
(рис 5.32) Опции расширенной группировкиВ завершение раздела рассмотрим, как осуществляется удаление порядка группировки.
В диалоговом окне Сортировка и группировка в группе Порядок сортировки выберите поле, из которого требуется удалить порядок группы.
В группе Свойства группировки снимите флажки Показать верхний колонтитул и Показать нижний колонтитул.
Для удаления всех порядков группы из представления данных проверьте выполнение п.2 для каждого поля списка Порядок сортировки.
Фильтрация данных
В представлении данных разрешается применить фильтр, с тем, чтобы представление данных содержало только записи, удовлетворяющие заданному условию. Например, если источник данных содержит сотни или тысячи записей, то можно задать опцию просмотра только определенной части записей. Эту операцию, как и сортировку, можно осуществить только в SharePoint Designer.
В меню представления данных выберите команду Фильтр.
В диалоговом окне Условия отбора щелкните ссылку Добавить новый оператор (рис. 5.33).
Раскройте меню (рис 5.33) Фильтр настраивается в диалоге Условия отбора
Раскройте меню Оператор, а затем определите нужный оператор, например, "больше" (рис. 5.34).
Наконец, выберите поле Значение и введите нужное значение (число 200).
Нажмите кнопку ОК.
(рис 5.34) Фильтр настроенВ результате, в представлении данных будут отображаться только те данные, которые удовлетворяют фильтру (рис. 5.35).
Отметим, что расширенные условия могут содержать функции. Если необходимо просмотреть выражение и изменить его, используя операторы языка XPath, следует в диалоговом окне Условия отбора щелкнуть Дополнительно. Все условия отбора, фактически, являются выражениями XPath. Они представлены в таком же виде и в коде веб-страницы.
(рис 5.35) Данные с примененным фильтром в браузереТаким образом, для создания выражения необходимо выполнить три шага. Выражение включает три основные части (плюс еще одна, если условий несколько):
имя поля (поля, по которому требуется выполнить фильтр );
оператор (правило, которое необходимо применить к значению, например, "равно", "больше" или "меньше");
значение (сведения, которые требуется найти);
логика взаимодействия нескольких условий: и - или (рис. 5.36).
(рис 5.36) Фильтр описывается несколькими условиями
Лабораторные работы
Лабораторная работа 5.1. Форма данных на веб-странице
Рассмотрим, как достигается возможность изменения данных на веб-странице в браузере.
При помощи панели Подробности источника данных выделите желаемые поля XML - данных и нажмите кнопку Вставить выбранные поля как форму.
Вызовите меню представления данных и выберите в нем команду Параметры просмотра данных (см. рис. 5.16).
В диалоге (рис 5.37) Включение отображения ссылок для правки данных в браузере
Запустите просмотр веб-странцы в браузере.
Протестируйте ссылки правки, удаления и вставки записей, появившиеся в таблице (рис 5.38(рис 5.38) Таблица данных с интерактивными ссылками в браузере
В частности, щелкните ссылку Изменить в любой из записей и отредактируйте ее (рис. 5.39).
По завершении правки записи щелкните ссылку (рис 5.39) Редактирование записи БД в браузере
Щелкните ссылку Вставить (см. рис. 5.38).
Определите новый элемент БД и щелкните ссылку Сохранить (рис. 5.40).
(рис 5.40) Ввод полей новой записи БД в браузере
Лабораторная работа 5.2. Условное форматирование
Рассмотрим характерную возможность изменения представления данных на веб-странице, связанную с настройкой их формата по определенному условию.
Выделите представление данных.
Вызовите меню (рис 5.41) Откройте панель Условное форматирование
В представлении данных выделите текст любой ячейки с данными (кроме ячейки заголовка), которые нужно отформатировать (рис 5.42(рис 5.42) Выделите фрагмент данных
Перейдите в область задач Условное форматирование, где после правильного выбора данных становится доступной кнопка Создать.
Нажмите кнопку (рис 5.43) Назначьте условное форматирование
В диалоговом окне (рис 5.44) Задайте формат
Определите условие (рис. 5.45).
Нажмите кнопку (рис 5.45) Настройте условие
В открывшемся диалоговом окне Изменение стиля остается выбрать параметры, необходимые для создания стиля для условного форматирования.
Нажмите кнопку (рис 5.46) Задайте формат
Сохраните файл и просмотрите его в браузере (рис 5.45(рис 5.47) Просмотр условного форматирования в браузере
Краткие итоги
Посредством представления данных можно организовать статичный вывод информации из БД, хранящейся в Интернете (в частности, в формате XML ) на веб-страницу SharePoint. Также несложно вывести данные в форме, так и вставку данных в виде формы (для редактирования посетителем узла через веб-интерфейс). Представление данных допускает настройку фильтра, сортировки, группировки и макета. Все действия по редактированию представления данных осуществляются в программе SharePoint Designer.