Учебник: добавление многошаговой формы на страницу
Многошаговые формы — это мощный способ сбора данных от пользователей за несколько шагов. Собранная информация сохраняется или обновляется в Microsoft Dataverse. Вот функции, доступные в многошаговой форме по сравнению с обычными формами:
- Позволяют разбить процесс сбора или обновления данных на несколько этапов.
- Предоставляет условия, которые динамически изменяют последовательность шагов на основе данных, вводимых пользователем.
- Отслеживание сеансов позволяет пользователям продолжить процесс обновления данных с того места, на котором они остановились.
Посмотрите это видео (без звука), чтобы увидеть пример многошаговой формы на странице:
В этом учебнике вы научитесь делать следующее:
- Создавать таблицы, представления и формы Dataverse для использования в многошаговой форме
- Добавлять многошаговые формы на страницу
- Настраивать разрешения таблиц для многошаговых форм
- Добавлять условие и перенаправлять шаг многошаговой формы
Предварительные условия
- Подписка или пробная версия Power Pages. Получите пробную версию Power Pages здесь.
- Создание сайта Power Pages. Создайте сайт Power Pages.
- Пройдите учебник Добавление и оформление страницы.
- Пройдите учебник Безопасное отображение данных на страницах.
- Пройдите учебник Добавление формы на страницу.
Заметка
При создании многошаговой формы важно сначала спланировать шаги. Это упростит процесс настройки. Определите отдельные шаги и любые условные ветвления к многошаговому процессу.
Создание многошаговой формы
В приведенных ниже шагах мы создадим многошаговую форму. В этом примере используется простой процесс подачи заявления на стипендию, но эти концепции может быть применена к другим бизнес-процессам.
Ниже приведен пример шагов:
| Этап | Описание: |
|---|---|
| 1 | Выберите стипендию, на которую хотите подать заявление, и введите имя претендента. |
| 2 | Заполните информацию о кандидате. |
| 3 | Соберите дополнительные сведения. Позже мы сделаем этот шаг условным на основе информации из шага 2. |
| 4 | Получите от пользователя окончательное согласие. |
Создайте таблицы и формы Dataverse для использования в многошаговой форме
В следующем видеоролике показано, как создавать формы для использования в многоэтапном процессе создания форм.
Нам нужно будет хранить информацию о нашем процессе в таблицах Microsoft Dataverse.
Для каждого шага процесса, требующего от пользователя создания или обновления столбцов в записи Dataverse, вам потребуется соответствующая форма Dataverse.
В нашем примере мы создадим таблицу Dataverse с именем Приложения. Дополнительные сведения о создании таблиц Dataverse см. в разделе Создание и изменение таблиц Dataverse с помощью рабочей области данных
Переход к Power Pages.
Выберите сайт, на который вы хотите добавить многошаговую форму, и выберите Изменить.
В студии дизайна выберите рабочую область Данные.
Создайте таблицу Dataverse с именем Applications со следующими свойствами:
Совет
- Следующая таблица является лишь примером. Вы можете создавать таблицы в соответствии с вашими бизнес-процессами.
Имя столбца Тип данных столбца Имя претендента Текст (измените название столбца) Стипендия Выбор (примеры вариантов: Американская стипендия архитектора,Стипендия для изучения иностранных языков,Женщины в STEM,Стипендия будущих лидеров дизайна) Уровень класса Выбор (варианты: Начинающий, Продолжающий) Согласие Да/нет Стоимость обучения Валюта. Тип диплома Выбор (варианты: Магистр, Бакалавр) Очное Да/нет Основная Текст Дргуие стипендии Несколько строк текста 
После того как вы создали таблицы, вам нужно будет создать формы для каждого шага процесса.
Совет
- О создании форм Dataverse см. раздел Как создавать и изменять формы Dataverse с помощью рабочей области данных.
- Хорошей практикой является присвоение формам имен в соответствии с каждым шагом многоэтапного процесса.
- Чтобы отобразить столбцы в форме, но запретить пользователям изменять их, настройте столбцы так, чтобы они были доступны только для чтения при создании форм.
Создайте следующие четыре формы и расположите столбцы в форме. После создания каждой формы выберите Опубликовать форму.
Имя формы Столбцы в форме Шаг заявления 1 Стипендия, имя претендента Шаг заявления 2 Стипендия (только для чтения), имя претендента (только для чтения), тип диплома, специальность, очное, уровень класса, основа Шаг заявления 3 Стипендия (только для чтения), Имя претендента (только для чтения), Стоимость обучения, Другие стипендии Шаг заявления 4 Стипендия (только для чтения), Имя претендента (только для чтения), Согласие 
Теперь у вас должен быть ряд форм для использования в многошаговом процессе.
Добавление компонента многошаговой формы на страницу
Теперь, когда у нас есть таблица и формы, мы можем создать многошаговую форму на веб-странице.
В этом видео показано, как создать многошаговую форму на странице.
Перейдите в рабочую область Страницы и добавьте новую страницу или измените существующую страницу. Дополнительные сведения о создании веб-страниц, см. в разделе Создание и разработка страниц.
Добавьте новый раздел и выберите компонент Многошаговая форма.
Если на вашем сайте существуют другие многошаговые формы, вам будет предоставлена возможность добавить их на свою страницу. В нашем примере мы создадим новую многошаговую форму для нашего урока. В диалоговом окне выберите + Новая многошаговая форма.
Вы увидите окно Добавить многошаговую форму. Введите Заявление (или другое имя) для Имени формы. Выберите OK.
В этой форме не будет шагов. Выберите + Добавить первый шаг, чтобы добавить первый шаг.
В окне Добавление шага введите следующие значения конфигурации:
- В поле Имя шага введите Шаг заявления 1.
- В поле Выберите таблицу выберите Заявление (или другое имя своей таблицы).
- В поле "Выберите форму" выберите Шаг заявления 1 .
Выберите боковую вкладку Дополнительные параметры и обратите внимание, что для параметра Данные из этой формы: автоматически устанавливается значение Создать новую запись. В нашем примере на первом шаге мы создадим новую запись в таблице Dataverse. Обратите внимание, что на последующих шагах мы будем изменять запись, созданную на первом шаге, и этот параметр будет другим.
Выберите OK.
Мы начнем добавлять другие шаги. В меню выберите + Добавить шаг.
В окне Добавление шага введите следующие значения для второго шага:
- В поле Имя шага введите Шаг заявления 2.
- В поле Выберите таблицу уже должно быть выбрано значение Заявление (или другое имя своей таблицы).
- В поле "Выберите форму" выберите Шаг заявления 2 .
Выберите боковую вкладку Дополнительные параметры и обратите внимание, что для параметра Данные из этой формы: автоматически устанавливается значение Обновить существующую запись. В нашем примере для второго шага продолжим добавлять детали к записи Dataverse, созданной на первом шаге.
Заметка
В зависимости от ваших процессов вы можете создавать или обновлять разные записи Dataverse на разных шагах.
Выберите ОК
Продолжайте добавлять оставшиеся два шага в качестве шагов обновления, Шаг заявления 3 и Шаг заявления 4 , следуя приведенным выше инструкциям.
Изменить свойства поля
Вы можете изменить некоторые свойства поля в многошаговой форме в студии дизайна. Сделаем поле обязательным, обновим метку и добавим описание.
Выберите поле в компоненте многошаговой формы на странице.
Выберите Изменить поле.
В окне Изменить поле измените Подпись поля на другое значение. Выберите Сделать это поле обязательным и выберите Показать описание. Введите инструкции в поле Описание.
Выберите OK.
Добавление разрешения таблицы
По умолчанию посетители сайта не смогут получить доступ к многошаговой форме. В нашем примере мы хотели бы разрешить только аутентифицированным пользователям заполнять многошаговую форму. Вы можете использовать комбинацию веб-ролей и разрешений для таблиц, чтобы настроить действия по созданию, чтению и обновлению данных для собственного многошагового процесса.
В этом видео показано, как настроить разрешения таблиц для многошаговых форм.
Для новых форм появится баннер с предложением добавить разрешения.
Если вы уже настроили разрешения для таблицы, используемой в вашей многошаговой форме, вы можете нажать многоточие (...) и выбрать Разрешения.
Выберите + Создать разрешение.
Разрешению таблицы присваивается имя выбранной таблицы, а для Типа доступа устанавливается значение Глобальный доступ по умолчанию. Разрешения Запись и Создание будут выбраны, чтобы посетители сайта могли использовать форму.
Выберите + Добавить роли и Пользователи, прошедшие проверку подлинности в качестве роли по умолчанию.
Выберите Сохранить.
Тестирование многошаговой формы
На этом этапе вы можете попробовать свою многошаговую форму.
Выберите Предварительный просмотр, а затем Рабочий стол.
Когда появится домашняя страница, выберите Войти и войдите как пользователь сайта. Дополнительную информацию см. в разделе Предоставление доступа к внешней аудитории.
Выберите страницу, на которой вы разместили компонент многошаговой формы.
Попробуйте процесс как пользователь и выполните шаги.
Если у вас возникнут какие-либо проблемы, проверьте конфигурацию в студии дизайна и проверьте каждый шаг.
После того, как вы успешно отправили форму, вернитесь в студию дизайна.
Выберите Данные, затем выберите таблицу Заявление (или выбранное вами имя) и убедитесь, что записи были созданы с использованием многошаговой формы.
Добавьте условный шаг в многошаговую форму
Если вам нужно добавить условную логику в многошаговую форму, определите условие, посмотрев логическое имя столбца и оценку Dataverse, которую вы хотите выполнить. Логическое имя столбца можно найти, просмотрев конфигурацию столбца в Рабочей области данных.
В примере ниже мы проверим, хочет ли кандидат получить степень магистра. Если пользователь хочет получить ученую степень выше степени бакалавра, он будет направлен к дополнительным шагам. Другие кандидаты пропустят этот шаг. Вы можете добавить условие, основанное на ваших собственных бизнес-процессах.
Мы проверим, имеет ли поле Тип диплома значение Бакалавр или Магистр, представленное логическим именем поля craxx_degreetype и значениями выбора (Магистр = '124860001').
Условные шаги настраиваются в приложении управления порталом.
В студии дизайна в многошаговой форме выберите раскрывающийся список со списком всех шагов многошаговой формы, выберите ссылку Приложение управления порталом.
Вы должны быть в приложении управления порталом в записи метаданных для вашей многошаговой формы. Перейдите на вкладку Шаги формы.
Выберите + Новый шаг формы.
Дайте шагу имя (например, Проверить тип ученой степени).
Укажите конфигурации.
- Для параметра Тип выберите значение Условие.
- В раскрывающемся меню Имя целевой таблицы выберите Заявление.
Выберите вкладку Условие и введите условие, используя логическое имя столбца и значение. В нашем примере мы выберем что-то похожее на
craxx_degreetype == 124860001(вам нужно указать свое логическое имя и значение из вашей собственной среды.)
Нам нужно настроить процесс, чтобы перейти к шагу, если условие не выполняется. Выберите Шаг заявления 4 в поле Следующий шаг, если условие не выполняется.
Теперь нам нужно настроить процесс, чтобы перейти к конкретному шагу, если условие выполняется. Перейдите на вкладку General.
В поле Имя шага выберите Шаг заявления 3.
Выберите Сохранить и закрыть.
Теперь вы должны увидеть свой условный шаг в списке шагов. Нам нужно убедиться, что наш пользователь достигнет условного шага после завершения второго шага. Выберите Шаг заявления 2 и выберите Изменить.
В поле Следующий шаг измените значение с Шаг заявления 3 на Проверить тип диплома.
Выберите вкладку Определение формы и в поле Тип источника выберите Результат из предыдущего шага и в поле Шаг источника сущности выберите Шаг заявления 1.
Выберите Сохранить и закрыть.
Добавьте шаг перенаправления в многошаговую форму
Мы также добавим шаг перенаправления в конце процесса, чтобы вернуть пользователя на домашнюю страницу.
Выберите + Новый шаг формы и заполните следующие параметры:
- Установите для параметра Имя значение Перейти на домашнюю страницу*
- Для Тип установите значение Перенаправление
Перейдите на вкладку Перенаправление.
В поле или Веб-страница выберите Домашняя страница.
Выберите Сохранить и закрыть.
Теперь вы должны увидеть свой шаг перенаправления в списке шагов. Нам нужно убедиться, что наш пользователь достигнет шага перенаправления после завершения последнего шага. Выберите Шаг заявления 4 и выберите Изменить.
В поле Имя шага выберите Вернуться на начальную страницу.
Выберите вкладку Определение формы и в поле Тип источника выберите Результат из предыдущего шага и в поле Шаг источника сущности выберите Шаг заявления 2.
Совет
Мы выбираем более ранний шаг в процессе (Шаг заявления 2), так как пользователи придут к этому шагу либо со второго, либо с третьего шага, в зависимости от условия. Мы хотим выбрать общий шаг, с которым будут взаимодействовать все пользователи.
Выберите Сохранить и закрыть.
Вернитесь в студию дизайна и нажмите кнопку Синхронизировать.
У вас должна быть полная многошаговая форма с шагами, условиями и переадресацией.
Выберите Предварительный просмотр, а затем Рабочий стол.
Когда появится домашняя страница, выберите Войти и войдите как пользователь сайта.
Выберите страницу, на которой вы разместили компонент многошаговой формы.
Попробуйте различные комбинации процесса, чтобы увидеть, как работает многошаговая форма.