Sharepoint designer 2013


Создание рабочего процесса с помощью SharePoint Designer 2013 и платформы SharePoint 2013 Workflow

Эта документация перемещена в архив и не поддерживается.

Узнайте, как установить, открыть и создать рабочий процесс с помощью SharePoint Designer 2013 и платформы SharePoint 2013 Workflow.

Дата последнего изменения:17 сентября 2015 г.

Область применения:SharePoint Designer 2013

SharePoint Designer 2013 можно скачать бесплатно. Чтобы скачать и установить SharePoint Designer 2013, выполните описанные ниже шаги.

Чтобы установить SharePoint Designer 2013:

  1. Откройте свой веб-браузер и перейдите в Центр загрузки Майкрософт: http://www.microsoft.com/download.

  2. Введите в поле поиска SharePoint Designer 2013.

  3. Щелкните ссылку "SharePoint Designer 2013".

  4. Ознакомьтесь с обзором, системными требованиями и инструкциями по установке. Убедитесь, что ваша система совместима.

  5. Выберите 64-разрядный (x64) или 32-разрядный (x86) тип платформы, как показано на рисунке.

  6. Следуйте инструкции по установке SharePoint Designer 2013.

Рисунок. Страница загрузки SharePoint Designer 2013

SharePoint Designer 2013 устанавливается как приложение Office 2013. Чтобы открыть SharePoint Designer 2013 и подключиться к сайту SharePoint 2013, выполните описанные ниже шаги.

Чтобы открыть SharePoint Designer 2013 и подключиться к сайту SharePoint 2013:

  1. Откройте SharePoint Designer 2013, выбрав его в меню Пуск. Нажмите значок Пуск, выберите пункт Все программы, а затем — Microsoft Office 2013 и SharePoint Designer 2013.

  2. Щелкните Открыть сайт на начальной странице SharePoint Designer 2013.

  3. Введите сайт SharePoint 2013, к которому хотите подключиться. Например, http://www.contoso.com/sites/a-sharepoint-site.

  4. Нажмите кнопку Открыть, чтобы открыть веб-сайт.

  5. При необходимости введите свои учетные данные. (Если с компьютером, с которого вы выполнили вход, не интегрирована система безопасности, далее вам будет предложено ввести учетные данные.) Убедитесь, что вы используете учетные данные с правами доступа на сайт SharePoint 2013.

SharePoint Designer 2013 можно использовать для многих важных задач. Панель навигации используется для переключения между различными аспектами SharePoint Designer 2013. Чтобы создать новый рабочий процесс списка на основе платформы SharePoint 2013 Workflow, выполните описанные ниже шаги.

Чтобы создать рабочий процесс на основе платформы SharePoint 2013 Workflow:

  1. Щелкните на панели навигации узел "Рабочие процессы".

  2. Щелкните выпадающее меню Рабочий процесс списка в разделе Создание ленты, как показано на рисунке.

  3. Выберите список, который нужно связать с новым рабочим процессом.

  4. В диалоговом окне Создание рабочего процесса списка введите название и описание рабочего процесса, а затем убедитесь, что Тип платформы установлен в SharePoint 2013 Workflow, как показано на рисунке.

    Примечание

    Если тип платформы SharePoint 2013 Workflow недоступен, то Workflow Manager не настроен для работы с фермой SharePoint Server 2013.

  5. Нажмите кнопку ОК, чтобы создать рабочий процесс.

Рисунок. Кнопка на ленте для создания нового рабочего процесса списка

Рисунок. Диалоговое окно "Создание рабочего процесса списка"

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

Рисунок. Элементы рабочего процесса для платформы SharePoint 2013 Workflow

Примечание

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

Дополнительную информацию о доступных компонентах для разработки рабочих процессов можно узнать в статье Краткий справочник по действиям рабочего процесса (платформа рабочих процессов в SharePoint 2013).

msdn.microsoft.com

Настройка SharePoint Designer 2013 для Project Server 2013 – O MS Project по-русски

Алексей Просницкий, MVP, PMP (Компания LEO Consulting) делится советами по настройке SharePoint Designer 2013 для Project Server 2013.

В SharePoint Designer 2013 появилась возможность разрабатывать рабочие процессы для Project Server 2013.Так, если для разработки рабочих процессов под Project Server 2010 можно было использовать или конструкторы рабочих процессов (например, Nintex, K2) или средство разработки Visual Studio, то для разработки рабочих процессов под Project Server 2013 можно теперь пользоваться бесплатным SharePoint Designer 2013. Главная задача - правильно настроить SharePoint Designer 2013.

1. Установка SharePoint Designer 2013

SharePoint Designer 2013 можно скачать по ссылке.

Так как процесс установки SharePoint Designer 2013 в 100% случаях не вызывает вопросов, мы не будем этот процесс здесь рассматривать.

После установки и запуски SharePoint Designer 2013, в окне запуска нажмите «Открыть сайт» и скопируйте в окно поиска адрес узла PWA (например, http://ps2013.pwa), Рисунок 1.

Рисунок 1. Открытие узла PWA в SharePoint Designer 2013

После того, как откроется узел PWA, нужно нажать на кнопке «Рабочий процесс сайта» и посмотреть на тип платформы, Рисунок 2.

Как вы увидите, там нет возможности разработать процессы ни под SharePoint Server 2013, ни под Project Server 2013.

Рисунок 2. Ненастроенный SharePoint Designer 2013

Для того, чтобы получить возможности разработки рабочих процессов под 2013 платформу, нужно установить и настроить дополнительное приложение «Workflow Manager 1.0».

2.    Установка Workflow Manager 1.0

Для установки приложения его нужно скачать по ссылке: http://download.microsoft.com/download/D/B/D/DBD439A9-370D-40EA-B3B7-45CD935B98FB/WF/WorkflowManager.exe.

После загрузки Workflow Manager запустите, под учетной записью администратора фермы, на сервере где установлен SharePoint Server 2013, процесс установки и в окне «Web Platform Installer 4.5» нажмите «I accept», что приведет к процессу установки.

В окне возможных приложений, Рисунок 3, в окне поиска введите «workflow» и после того, как произойдет поиск, напротив двух продуктов «Workflow Manager 1.0» и «Workflow Client 1.0» нажмите кнопку «Add».

Рисунок 3. Выбранные для установки компоненты. Шаг 1

После выбора двух приложений «Workflow Manager 1.0» и «Workflow Client 1.0», нужно найти и добавить еще одно приложение - «Service Bus 1.0», Рисунок 4.

Рисунок 4. Выбранные для установки компоненты. Шаг 2

После добавления трех приложений, нажимаем кнопку «Install».

В окне, Рисунок 8.5, выбора предустановленных программ нажимаем «I Accept», что приводит к запуску процесса установки.

 

Рисунок 5. Окно установки приложений Workflow Manager

После окончания процесса установки, на закладке «Configure» окна «Web Platform Installer 4.5», для запуска процесса настройки нажимаем кнопку «Continue».

3.    Настройка Workflow Manager

В окне мастера настройки Workflow Manager, Рисунок 6, выберете рекомендованный вариант настройки.

Рисунок 6. Мастер настройки Workflow Manager

 

В окне настройки фермы рабочих процессов, Рисунок 7, нужно:

  1. Ввести названия сервера SQL и проверить связь с ним.
  2. Ввести имя администратора фермы.
  3. Поставить галочку, позволяющую Workflow Manager выполняться через протокол http.
  4. Ввести произвольный ключ для сертификатов.

После ввода всех данных нажимаем кнопку «Вправо».

Рисунок 7. Настройка фермы рабочих процессов

В окне «Summary», Рисунок 8, после того, как вы ознакомитесь с будущими настройками и наименованиями баз данных, можно смело нажимать галочку, чтобы запустить непосредственно процесс настройки.

Рисунок 8. Данные по настройке фермы рабочих процессов

После нажатия галочки, запустится процесс настройки, после окончания которого, можно закрывать окно, Рисунок 9.

Рисунок 9. Результат настройки фермы рабочих процессов

4.    Присоединение узла PWA к ферме рабочих процессов

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

Сначала мы проверим параметры фермы, где будут настроены рабочие процессы (Workflow Manager), а именно порты http и https.

Для этого, под администратором в меню «Пуск» нужно запустить командную консоль SharePoint Server 2013 и ввести команду «Get-WFFarm», Рисунок 10.

Рисунок 10. Результат настройки фермы рабочих процессов

Так как мы будет использовать порт http 12291, см. Рисунок 7, следующий шаг — это регистрация службы рабочих процессов на ферме.

Для регистрации, в окне командной консоли PowerShell SharePoint Server 2013, нужно ввести команду:

Register-SPWorkflowService -SPSite "http://your_server/your_pwa" -WorkflowHostUri "http://your_server:12291" –AllowOauthHttp -Force

Рисунок 11. Регистрация фермы рабочих процессов

Вышеперечисленная команда ничего не возвращает. После того, как вы снова в окне ввода команды увидите строку имени пользователя, нужно перейти в «Центр администрирования – Управление приложениями – Управление приложениями службами - Workflow Service Application Proxy».

Если команда была выполнена правильно, вы увидите уведомление о том, что служба рабочих процессов подключена, Рисунок 12.

Рисунок 12 Настроенная служба рабочих процессов

Также для проверки связи службы с сервером, нужно перейти в «Центр администрирования – Управление приложениями – Настройка связей для приложений служб» и удостовериться, что напротив службы рабочих процессов стоит галочка и служба находиться в списке прокси-приложений, Рисунок 13.

 

Рисунок 13. Проверка сопоставления приложения-службы рабочих процессов

После запуска SharePoint Designer и вода url адреса узла PWA, на ленте нажмите кнопку «Рабочий процесс сайта». В появившемся окне «Создание рабочего процесса сайта», вы теперь сможете выбирать платформу разработки рабочих процессов для Project Server, Рисунок 14.

Рисунок 14. Настроенный SharePoint Designer для разработки рабочих процессов для проектов Project Server 2013

Оригинал статьи.

blogs.technet.microsoft.com

Общие сведения о действия с событиями в SharePoint Designer 2013

Эта документация перемещена в архив и не поддерживается.

Изучите использование действия с событиями в SharePoint Designer 2013.

Дата последнего изменения:17 сентября 2015 г.

Область применения:SharePoint Designer 2013

Рабочий процесс SharePoint можно подписаться на уведомления, когда сообщение добавлены или изменены. Элемент добавлены или изменены, называется события. Рабочий процесс можно подождать эти события происходить перед тем как продолжить с рабочим процессом. Действия с событиями в SharePoint Designer 2013 являются:

  • Ожидание события в элемент списка: Используется для ожидания новый элемент, чтобы создать или изменить элемент.

  • Ожидание события проекта: Используется для ожидания для возврата, фиксации или отправки проекта.

  • Ждать изменения поля в текущем элементе: Используется для ожидания для поля должен быть изменен в текущем элементе.

Действия событий осуществляется в ленте SharePoint Designer 2013, как показано на рисунках в меню Действие.

Примечание

Project Web App действий доступны только при работе с сайта Project Web App.

Действие события в SharePoint Designer 2013

Действие события Project Web App в SharePoint Designer 2013

Ждать изменения поля в текущем элементе событий в SharePoint Designer 2013

Рабочий процесс управляет бизнес-процессов. Бизнес-процесса важно часто вынуждены ждать освобождения элемента для добавления или обновления в списке SharePoint. С помощью действия событий можно подождать событие происходит и выполните действия рабочего процесса.

Действия событий, находятся в раскрывающемся меню действия на ленте SharePoint Designer 2013. Можно добавить действие в рабочий процесс и его настройки для определенных обстоятельствах.

Подождать появления события в элементе списка

Ожидание события в элемент списка действие содержит две редактируемые области, как показано на рисунке.

Подождать появления события в элементе списка

Две редактируемые области являются:

  • Это событие элемента:   Список и события, которое будут отслеживаться.

  • Выходной переменной:   Переменная, в котором следует сохранить GUID элемента, из которого произошло событие. Элементы содержат идентификатор и поля GUID. Идентификатор является уникальным для списка и глобальный уникальный идентификатор GUID. Например идентификатор первый элемент в списке будет номер 1 и идентификатор второго элемента будет номер 2. Идентификатор GUID глобальный уникальный и в формате значение 128-бит, состоящее из 8 шестнадцатеричных цифр, следуют три группы 4 шестнадцатеричных цифр, а затем по одной группе 12 шестнадцатеричных цифр. Идентификатор GUID, например: 6B29FC40-CA47-1067-B31D-00DD010662DA. Ожидание события в элемент списка действие извлекает идентификатор GUID.

Щелкнув ссылку это событие элемента открывает диалоговое окно Выбор события элемента списка, как показано на рисунке.

Выберите диалоговое окно события элемента списка

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

Подождите наступления события проекта

Действие Ожидание события проекта содержит один редактируемой области, как показано на рисунке.

Подождите наступления события проекта

— Это редактируемой области:

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

После обработки события рабочего процесса будет обрабатывать.

Ждать изменения поля в текущем элементе

Ждать изменения поля в текущем элементе действие содержит две редактируемые области, как показано на рисунке.

Ждать изменения поля в текущем элементе

Редактируемые области являются:

  • Поля:   Поле в элементе, которое должны отслеживаться для изменения.

  • Значение:   Значение, которое должно быть равно поля в порядке для рабочего процесса, чтобы продолжить работу.

После изменения поля продолжается рабочий процесс.

msdn.microsoft.com

Знакомство с визуальным конструктором рабочих процессов в SharePoint Designer 2013

Эта документация перемещена в архив и не поддерживается.

Изучите основные возможности визуального конструктора в SharePoint Designer 2013.

Дата последнего изменения:17 сентября 2015 г.

Область применения:SharePoint Designer 2013

SharePoint Designer 2013 включает в себя новую поверхность разработки рабочего процесса — визуальный конструктор. С его помощью можно создавать рабочие процессы, перетаскивая фигур в область конструктора.

Важно!

Для работы с визуальным конструктором приложение Visio профессиональный 2013 должно быть установлено на том же компьютере, что и SharePoint Designer 2013. Если Visio не установлено, появится ошибка, как показано на рисунке.

Рисунок: для работы с визуальным конструктором необходимо приложение Visio профессиональный 2013

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

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

  • Компоненты: общие компоненты, которые можно добавить для реализации структурированной среды для действий рабочего процесса. В числе примеров: контейнер стадии, цикл с условиями и фигура начала рабочего процесса.

  • Условия: фигуры условной логики, которые можно использовать для предоставления пути рабочего процесса на основе определенных критериев. В числе примеров: проверка, равно ли одно значение другому, проверка того, является ли пользователь допустимым пользователем SharePoint, и проверка того, был ли элемент создан в определенном диапазоне дат.

На рисунке показан рабочий процесс в визуальном конструкторе.

Визуальный конструктор в SharePoint Designer 2013

Для доступа к визуальному конструктору в SharePoint Designer 2013 используется раскрывающееся меню "Представления" на вкладке Рабочий процесс. Существует три различных представления, которые можно использовать для создания рабочих процессов:

  • Текстовый конструктор: текстовая среда разработки рабочих процессов.

  • Визуальный конструктор: визуальная среда разработки рабочих процессов, где фигуры можно перетаскивать в область конструктора для создания рабочего процесса. (Требуется Visio профессиональный 2013.)

  • Представление стадий: высокоуровневое представление области визуального конструктора с отображением взаимодействия стадий рабочего процесса. Оно похоже на представление визуального конструктора, но без показа сведений на уровне фигур. (Требуется Visio профессиональный 2013.)

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

Переключение между представлениями конструктора в SharePoint Designer 2013

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

msdn.microsoft.com

Обзор Дизайнера в SharePoint 2013

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

Подготовка к работе

Прежде чем использовать Дизайнер, необходим дизайн. Вы можете создать собственный или использовать готовый шаблон веб-сайта. "Дизайн" — это просто группа файлов, которые реализуют дизайн сайта, например:

  • по крайней мере один HTML-файл, который будет преобразован в главную страницу SharePoint;

  • один или несколько CSS-файлов;

  • файлы JavaScript;

  • изображения;

  • другие вспомогательные файлы.

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

Прежде чем начать, вам также следует получить необходимые разрешения SharePoint. Чтобы использовать Дизайнер требуется по крайней мере уровень разрешений Дизайнера.

Управление каналами устройств

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

В зависимости от того, какие каналы вы определите, может потребоваться несколько дизайнов, а значит и несколько HTML-файлов, каждый из которых преобразуется в отдельную главную страницу. Кроме того, каждый HTML-файл (и каждая главная страница) может ссылаться на собственный CSS-файл. Перед проектированием сайта каналы устройств следует проанализировать в первую очередь.

С помощью каналов устройств можно отображать один сайт публикации разными способами, сопоставляя различные дизайны с разными устройствами. У каждого канала может быть собственная главная страница, связанная с таблицей стилей, которая оптимизирована для определенного устройства. Каждый канал указывает подстроки агента пользователя для одного или нескольких устройств, например "ОС Windows Phone". Эти правила определяют, какие устройства включены в каждый канал. Когда посетители просматривают сайт, каждый канал захватывает трафик для заданного устройства или класса устройств, таких как Windows Phone, и посетители видят сайт с дизайном, оптимизированным для их устройства.

Каналы устройств создаются и хранятся в списке SharePoint, в которых учитывается порядок, потому что у каналов устройств также есть рейтинг. Каналы устройств в списке упорядочены сверху вниз, а правила включения обрабатываются в заданном порядке. Это означает, что каналы устройств с наиболее конкретными правилами должны находиться вверху. Например, канал для "Windows Phone 7.0" должен идти перед каналом для "ОС Windows Phone".

Отправка файлов дизайна

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

Самый простой способ отправить файлы и продолжить работу с ними — сопоставить диск на вашем компьютере с коллекцией главных страниц сайта SharePoint. При этом папка на компьютере будет сопоставлена с коллекцией главных страниц, а вы сможете работать с файлами, которые находятся на сервере в SharePoint 2013 так же, как с локальными файлами.

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

Дополнительные сведения см. в статье Как: сопоставление сетевого диска коллекции главных страниц SharePoint 2013.

Изменение главных страниц

Создание главной страницы с фирменной символикой, которая содержит все требуемые функции SharePoint, например элементы навигации и поиска, по сути, состоит из трех этапов:

  1. преобразование HTML-файла в главную страницу SharePoint;

  2. предварительный просмотр главной страницы и устранение ошибок;

  3. добавление фрагментов кода SharePoint на главную страницу.

Каждый из этих трех шагов выполняется на другой странице в Дизайнере.

Преобразование HTML-файла

Основная функция Дизайнера — преобразование HTML-дизайна в главную страницу SharePoint. Для успешного отображения главной страницы SharePoint она должна содержать множество элементов ASP.NET и элементов, относящихся к SharePoint. При преобразовании HTML-файла в главную страницу Дизайнер создает MASTER-файл, содержащий все эти обязательные элементы, поэтому вам не следует о них волноваться. Во время преобразования некоторые элементы HTML-разметки (например, комментарии) также добавляются в исходный HTML-файл.

После преобразования HTML-файл и главная страница SharePoint связываются, так что после изменения и сохранения HTML-файла на сопоставленном диске главная страница обновляется автоматически. В Дизайнер у главной HTML-страницы есть свойство с именем Связанный файл, который определяет ли, синхронизируются ли изменения в HTML-файле с MASTER-файлом.

Примечание

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

Предварительный просмотр главной страницы

Кроме преобразования главной страницы, Дизайнер позволяет просмотреть ее в том виде, в котором она отображается на сервер (а не так, как она показана в редакторе HTML). Так вы сможете динамически изучить главную страницу и исправить любые проблемы, которые могут помешать ее отрисовке. Например, HTML-файл должен быть XML-совместимым, поэтому необходимо исправить небольшие проблемы с разметкой, например добавить закрывающие теги для всех элементов. Чтобы исправить ошибки, следует отредактировать HTML-файл, сохранить его и обновить страницу на сервере.

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

Добавление фрагментов

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

  1. поиск фрагментов в коллекции фрагментов и их настройка;

  2. копирование фрагментов на главную HTML-страницу;

  3. предварительный просмотр и изменение стиля фрагментов с помощью CSS.

    Дополнительные сведения см. в статье Фрагменты кода дизайнер SharePoint 2013.

Поиск фрагментов в коллекция фрагментов и их настройка

В коллекции фрагментов вы можете сразу увидеть, какие компоненты доступны для редактируемого типа файла: главной страницы или макета страницы. Выберите фрагмент на ленте. В таблице свойств справа можно настроить свойства этого экземпляра фрагмента. Затем нажмите кнопку Обновить, чтобы обновить HTML-фрагмент в левой части экрана.

Копирование фрагментов на главную HTML-страницу

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

Предварительный просмотр и изменение стиля фрагментов с помощью CSS

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

По умолчанию большинство фрагментов наследуют стили из главной таблицы стилей SharePoint 2013, corev15.css. Для задания стиля фрагмента необходимо указать, какие стили применяются к фрагменту, и переопределить с помощью настраиваемой каскадной таблицы стилей (CSS). Для определения этих стилей по умолчанию можно использовать средства браузера, например инструменты разработчика в Internet Explorer. В режиме предварительного просмотра главной страницы на сервере в Internet Explorer нажмите клавишу F12, нажмите кнопку Найти, а затем выберите параметр Выбрать элемент щелчком. После этого вы сможете щелкнуть фрагмент и посмотреть, какие именно стили следует переопределить, добавив CSS в ту или иную таблицу стилей, с которой связана ваша главная страница.

Изменение шаблонов отображения

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

  • для сопоставления управляемых свойств, которые возвращаются в списке результатов, со свойствами, которые будут доступны для JavaScript, включая любой пользовательский код JavaScript, который вы реализуете;

  • для показа и настройки стиля отображения этих свойств с помощью HTML и CSS.

При работе с главными страницами и макетами страниц вы редактируете связанный HTML-файл, но не MASTER- или ASPX­-файл. Аналогичным образом шаблоны отображения состоят из HTML-файла и связанного JS-файла, при этом редактируется только HTML-файл. При каждом сохранении этого HTML-файла SharePoint автоматически обновляет связанный JS-файл.

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

Изменение макетов страниц

Процесс создания макета страницы немного отличается от создания главной страницы. В случае с главной страницей вы начинаете с HTML-дизайна, преобразуете его в главную страницу SharePoint и продолжаете редактировать соответствующий HTML-файл. Но при работе с макетом страницы вы сначала создаете макет в Дизайнере, который формирует ASPX- и HTML-файл, а затем изменяете соответствующий HTML-файл с сопоставленного диска в HTML-редакторе. Дизайнер используется для создания макета страницы, чтобы получить правильный набор полей для макета страницы.

При создании макета страницы вы выбираете главную страницу для предварительного просмотра и выбираете тип контента макета страницы. Тип контента — это схема полей и типов данных, а поля, доступные в типе контента макета страницы, определяют, какие элементы управления полями доступны на макете страницы. Сначала создайте макет страницы в браузере, чтобы затем добавить в него поля.

После создания макета страницы со связанным HTML-файлом, оставшиеся действия аналогичны созданию главной страницы.

  • Изучите макет страницы и исправьте ошибки, а затем сохраните HTML-версию.

  • Добавьте фрагменты в макет страницы (настройте, скопируйте, просмотрите и задайте стиль).

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

При создании макета страницы базовая задача состоит в размещении и определения стиля полей страницы, которые будут отображать контент, созданный авторами. Стили макета страницы могут находиться в любой из таблицы стилей, с которой связана главная страница. Кроме того, каждый макет страницы может быть связан с собственной таблицей стилей. Если HTML-дизайн содержит контент, который более подходит для макета страницы, а не главной страницы, следует перенести его из главной HTML-­страницы, а затем применить эти стили к нужным элементам управления и элементам соответствующего макета страницы.

Дополнительные сведения см. в статье Инструкции. Создание макета страницы в SharePoint 2013.

Создание тем и составленных представлений

Для общедоступного веб-сайта в Office 365, но не для локальных установок SharePoint Server 2013, Дизайнер может создавать темы и составленные представления. Тема — это набор шрифтов и цветов, которые можно применить к пользовательскому макету (т. е. к главной странице). Темы определяются в XML-файлах, отправленных в коллекцию тем. Чтобы главная страница поддерживала темы, необходимо добавить на нее специальную разметку, которую SharePoint распознает и использует для вставки элементов темы, таких как шрифты и цвета.

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

Публикация и применение дизайна

Большинство ресурсов, используемых дизайнов, такие как изображения, HTML-файлы, CSS-файлы и файлы JavaScript, будут храниться в коллекции главных страниц. Коллекция главных страниц — это библиотека документов SharePoint с включенным по умолчанию управлением версиями, которая создает основные и вспомогательные (черновые) версии при каждом изменении файла.

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

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

Создание пакета конструктора

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

Пакет разработки — это WSP-файл, файл решения SharePoint, который представляет собой специальный тип CAB-файла. При создании или импорте пакета конструктора WSP-файл сохраняется в каталоге решений. После импорта пакета он активируется автоматически. Если главные страницы и макеты страниц были опубликованы до их упаковки и если главные страницы были назначены каналам устройств до упаковки, дизайн автоматически применяется к сайту при развертывании пакета конструктора. В противном случае для применения макета к новому сайту необходимо просто опубликовать файлы дизайна и применить главные страницы к каналам устройства.

Примечание

Пакеты конструктора недоступны для общедоступных веб-сайтов в Office 365. Для реализации пользовательского дизайна с помощью Дизайнера вы можете пригласить дизайнера на ваш сайт, временно предоставив уровень разрешений "Дизайнер".

msdn.microsoft.com

Разработка рабочих процессов в SharePoint Designer и Visio

После создания базовой бизнес-логики для рабочего процесса SharePoint 2013 в Visio 2013 и сохранения схем вы можете открыть VSDX-файл Visio в SharePoint Designer 2013 и приступить к настройке рабочего процесса для вашего сайта SharePoint 2013. VSDX-файл содержит XML-документы, которые SharePoint Designer 2013 может преобразовать в рабочие процессы.

Используйте следующую процедуру, чтобы открыть сайт SharePoint 2013 в SharePoint Designer 2013:

Открытие сайта SharePoint 2013 в SharePoint Designer 2013

  1. Откройте SharePoint Designer 2013.

  2. В окне Открыть сайт SharePoint нажмите кнопку Открыть сайт.

  3. В диалоговом окне Открытие сайта выберите сайт, который требуется открыть.

  4. Нажмите кнопку Открыть.

После открытия сайта SharePoint 2013 вы можете открыть VSDX-схему Visio 2013 в SharePoint Designer 2013.

Открытие рабочего процесса Visio профессиональный 2013 в SharePoint Designer 2013

  1. В меню Файл щелкните Добавить элемент.

  2. Чтобы создать рабочий процесс списка, выполните следующие действия.

    1. В разделе Рабочие процессы выберите Рабочий процесс списка.

    2. В области слева в разделе Рабочий процесс списка введите имя рабочего процесса (Мой первый рабочий процесс SP2013) и выберите список на сайте, на котором вы хотите опубликовать рабочий процесс.

    3. В списке Выберите платформу рабочего процесса для нового рабочего процесса выберите элемент Рабочий процесс SharePoint 2013.

    4. Нажмите кнопку Создать.

  3. Чтобы создать рабочий процесс сайта, выполните следующие действия.

    1. В разделе Рабочие процессы выберите Рабочий процесс сайта.

    2. В области слева в разделе Рабочий процесс сайта введите имя рабочего процесса (Мой первый рабочий процесс SP2013).

    3. В списке Выберите платформу рабочего процесса для нового рабочего процесса выберите элемент Рабочий процесс SharePoint 2013.

    4. Нажмите кнопку Создать.

  4. На вкладке Рабочий процесс в группе Управление щелкните Параметры рабочих процессов.

  5. На вкладке Параметры рабочего процесса в группе Управление щелкните Импортировать из Visio.

  6. В диалоговом окне Импорт рабочего процесса из документа Visio перейдите к папке, где находится VSDX-файл.

  7. Выберите файл, который нужно открыть (My SP Workflow), а затем нажмите кнопку Открыть.

После открытия VSDX-файла в SharePoint Designer 2013 он отображается в визуальном конструкторе, элементе управления ActiveX Visio, который размещен в SharePoint Designer. Схема Visio 2013 сохраняет все фигуры и текст фигур, который был создан в Visio.

Примечание

Для переключения между визуальным и декларативным конструктором в SharePoint Designer 2013 на вкладке Рабочий процесс в группе Управление щелкните Вид. Этот процесс может занять несколько секунд, так как SharePoint Designer 2013 проверяет рабочий процесс и преобразует его данные из одного формата в другой. Во время этого процесса выполняется другой уровень проверки фигур. При обнаружении ошибок со схемой они будут показаны в области ошибок в нижней части полотна (как и в Visio).

Фигуры, которые отображаются в визуальном конструкторе, также имеют теги действий (они отмечены значком параметров рабочего процесса в левом нижнем углу фигуры). При выборе тега действия в раскрывающемся меню отображаются атрибуты для этого действия или условия и свойство Свойства. Эти свойства определяют значения параметров для этого действия: из каких списков будут извлечены элементы, какой оператор вычисления будет использоваться или на какой адрес электронной почты будет отправлено сообщение. Если выбрать свойство, которое отображается в списке, появится диалоговое окно в котором можно настроить параметры для этого свойства.

Например, с фигурой Отправить сообщение электронной почты связано два свойства: Создать сообщение электронной почты и Свойства. Если выбрать свойство Создать сообщение электронной почты, откроется диалоговое окно Определение сообщения электронной почты, в котором можно создать сообщение, отправляемое действием. Если выбрать Свойство откроется диалоговое окно Свойства отправки сообщения электронной почты, в котором отображаются все параметры действия.

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

Используйте следующую процедуру, чтобы проверить рабочий процесс SharePoint 2013 в SharePoint Designer 2013:

Проверка рабочего процесса на наличие ошибок вручную SharePoint Designer 2013

  1. На вкладке Визуальный конструктор в группе Сохранить нажмите кнопку Проверить.

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

  3. Устраните все ошибки проверки, указанные в списке Проблемы. После этого нажмите кнопку Проверить еще раз.

  4. Если ошибки в рабочем процессе не найдены, SharePoint Designer отображает сообщение об успешной проверке.

Если после проверки рабочего процесса проблемы не обнаружены, вы можете опубликовать рабочий процесс в списке SharePoint. Чтобы опубликовать рабочий процесс из SharePoint Designer 2013, на вкладке Визуальный конструктор в группе Сохранить нажмите кнопку Опубликовать. При возникновении ошибки во время публикации SharePoint Designer 2013 возвращается в визуальный конструктор и отображает ошибки в области Проблемы.

msdn.microsoft.com

краткий справочник (платформа рабочих процессов SharePoint 2010)

ДЕЙСТВИЕ ФИГУРЫ VISIO

СООТВЕТСТВУЮЩЕЕ ДЕЙСТВИЕ В SHAREPOINT DESIGNER

Описание

Это действие Visio — это то же, что действие Добавить разрешения для элемента списка в SharePoint Designer 2013 и отображается как:

Примечание

Это действие доступно только в пределах шаг олицетворения.

Добавление разрешений для элемента списка

Это действие предоставляет права отдельные уровни разрешений для элемента к определенным пользователям.

Это действие Visio совпадает с действия Проверки в элемента в SharePoint Designer 2013 и отображается как:

Возвращение элемента

Это действие проверяет в элементе, который выдается.

Примечание

Можно указать только в элементы из библиотеки документов.

Это действие Visio совпадает с действия Проверьте масштабирование элемента в SharePoint Designer 2013 и отображается как:

Извлечение элемента

Это действие используется для извлечения элемента. Рабочий процесс проверяет, если элемент в базу данных, перед его извлекает документ.

Примечание

Можно указать только элементов из библиотеки на вашем сайте.

Это действие Visio — это то же, что действие Копирование элемента списка в SharePoint Designer 2013 и отображается как:

Копирование элемента списка

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

Важно!

Необходимо иметь хотя бы один столбец одинаковым в исходной и целевой списков.

Это действие Visio — это то же, что действия Создание элемента списка в SharePoint Designer 2013 и отображается как:

Создание элемента списка

Это действие используется для создания нового элемента списка в списке, который указан. Можно предоставить поля и значения в новый элемент.

Это действие можно использовать всякий раз, когда новый элемент должен быть создана на конкретные сведения.

Примечание

Выходной переменной — это идентификатор элемента, созданные в списке.

Это действие Visio — это то же, что действие Удалить элемент в SharePoint Designer 2013 и отображается как:

Удаление элемента

Это действие используется для удаления элемента.

Это действие Visio — это то же, что действия Отменить проверьте масштабирование элемента в SharePoint Designer 2013 и отображается как:

Отмена извлечения элемента

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

Это действие Visio — это то же, что действие Наследовать разрешения родительского элемента списка в SharePoint Designer 2013 и отображается как:

Примечание

Это действие доступно только в шаг олицетворения.

Наследование разрешений для элемента списка

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

Это действие Visio — это то же, что действие s Удалить разрешения элемента списка в SharePoint Designer 2013 и отображается как:

Примечание

Это действие доступно только в шаг олицетворения.

Удаление разрешений для элемента списка

Это действие удаляет разрешения из элемента для определенных пользователей.

Это действие Visio — это то же, что действие Заменить разрешения для элемента списка в SharePoint Designer 2013 и отображается как:

Примечание

Это действие доступно только в шаг олицетворения.

Замена разрешений для элемента списка

Разрешения для текущего элемента заменяет новые разрешения, заданные в действие.

Это действие Visio — это то же, что действие Задать состояние утверждения контента в SharePoint Designer 2013 и отображается как:

Примечание

Утверждение контента должна быть включена в списке перед использованием этого действия.

Установка состояния утверждения контента

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

Примечание

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

Это действие Visio — это то же, что действие Задать поле в текущем элементе в SharePoint Designer 2013 и отображается как:

Установка поля в текущем элементе

Используйте действие, чтобы задать поле в текущем элементе значение.

Примечание

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

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

Это действие Visio — это то же, что действие Обновление элемента списка в SharePoint Designer 2013 и отображается как:

Обновление элемента списка

Используйте это действие для обновления элемента списка. В этих полях можно указать поля и новые значения.

Это действие Visio — это то же, что действие ждать изменения поля в текущем элементе в SharePoint Designer 2013 и отображается как:

Ожидание изменения поля в текущем элементе

Это действие приостанавливает рабочий процесс, пока поле в текущем элементе изменился на новое значение.

Примечание

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

msdn.microsoft.com


Смотрите также