Веб-части

В прошлой статье мы рассматривали работу над дизайном веб-сайтов, созданных с помощью SharePoint.

В этой статье мы рассмотрим веб-части, используемые в SharePoint для интернет-сайтов.


Веб-части

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

Воспользоваться веб-частями очень просто. Для этого нужно открыть страницу для редактирования, и найти на ленте кнопку для вставки веб-части (рис. 1).

clip_image001

Рис. 1. Кнопка на ленте для вставки веб-части

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

clip_image002

Рис. 2. Категории веб-частей.

Рассмотрим веб-часть запроса контента (Content Query Web Part).

Content Query Web Part

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

Веб-часть позволяет возвращать контент из отдельных списков или библиотек, а также из всех списков или библиотек всего семейства веб-сайтов. При этом запрос к отдельному списку оптимизорован для работы с большими библиотеками документов.

Итак, добавим на страницу веб-часть Content Query, после чего будет предложено открыть ее настройки (рис. 3)

clip_image003

Рис. 3. Ссылка на панель настроек веб-части

Кликнув на эту ссылку, можно увидеть, что свойства веб-части поделены на группы (рис. 4)

  • Content Query Tool Part – группа свойств, существующая только у данной веб-части (остальные группы есть у любой другой веб-части)
    • Query – инструментарий для построения запроса
    • Presentation – инструментарий для отображения данных, полученных с помощью запроса
  • Appearance – настройка отображения веб-части – ширина, высота, хром
  • Layout – выбор расположения веб-части
  • Advanced – настройки для экспорта, выбора целевых аудиторий и т.д.

clip_image001[4]

Рис. 4. Панель для настройки свойств веб-части Content Query

Ограничимся рассмотрением работы лишь с составлением запроса и его отображением.

Составление запроса

Например, мы хотим отобразить список документов, загруженных на сайт.

Первый шаг – выбор источника данных. В нашем случае это могут быть элементы из конкрентного списка (рис. 5) При необходимости это могут быть элементы из всех сайтов в коллекции сайтов, или элементы из сайта и всех его подсайтов.

clip_image002[4]

Рис. 5. Выбор источника для запроса

Далее нужно выбрать тип списка (рис. 6) В случае, если на предыдущем шаге вы выбрали 3й пункт, значение подставляется автоматически. Также указывается тип контента, по которому вы делаете запросы (это могут быть документы, папки, записи из блогов, страницы и т.д.) В нашем случае это может быть документы и/или папки. И можно включить поддержку аудиторий для контента.

clip_image003[4]

Рис. 6. Выбор типов данных в источнике данных

Наконец, можно задать фильтры, по которым отбирается контент (рис. 7). Чтобы установить условия, предоставляется список всех доступных полей согласно указанным ранее типам контента. Согласно нашему примеру выберем текущую дату создания.

clip_image004

Рис. 7. Фильтры для выборки

Таким образом, сейчас остается поработать над отображением.

Представление

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

clip_image005

Рис. 8. Настройка группировки и сортировки

Далее задается стиль отображения, поля для отображения, и при необходимости можно включить RSS для веб-части (рис. 9). Не забывайте про оставшиеся группы параметров данной веб-части. После применения всех необходимых настроек посмотрите, что получилось.

clip_image006

Рис. 9. Стили, поля для отображения и RSS

В нашем примере это может быть сайт библиотеки, где можно показывать новые поступления (рис. 10).

clip_image007

Рис. 10. Результат работы Content Query Web Part

Итак, мы рассмотрели возможности по работе с веб-частями на примере веб-части запроса контента.