Публикация веб-формы

Урок 215 из 343
Автор: Роберт Басыров
Сложность урока:
2 уровень - несложные понятия и действия, но не расслабляйтесь.
2 из 5
Дата изменения: 17.09.2019
Просмотров: 27956
Ограничения по редакциям: Старт

Выводим веб-форму на сайт

Публикация веб-форм выполняется с использованием визуальных компонентов Компонент - это программный код, оформленный в визуальную оболочку, выполняющий определённую функцию какого-либо модуля по выводу данных в Публичной части. Мы можем вставлять этот блок кода на страницы сайта без непосредственного написания кода. Подробнее... модуля Веб-формы, традиционным для сайтов на CMS "1С-Битрикс: Управление сайтом" способом Нужный компонент переносится на страницу в визуальном редакторе.


Подробнее...
и, затем, настраивается на нужную веб-форму.

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

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


Видео-пример публикации веб-формы на сайте (два способа: комплексным компонентом и простыми компонентами)


Создание раздела в структуре сайта

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



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


Подробнее...
в разделе:

  • Главная страница раздела (имя файла - index.php), на ней размещается сама анкета (Страница создаётся вместе с созданием раздела, отдельно создавать не надо.);
  • Список ответов (имя файла - result_list.php) - здесь будет выводится список Чтобы посетители сайта могли перейти к просмотру ответов, ссылку на страницу Список ответов следует добавить в меню сайта. всех результатов опроса;
  • Исправить ответ (имя файла - result_edit.php) - страница для редактирования ответов;
  • Ответ (имя файла - result_view.php) - страница где отображается чей-то конкретный ответ.

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

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


Размещение и настройка компонентов

Главная страница раздела выводит сам опрос.

Откройте на редактирование главную страницу раздела и разместите на ней компонент Заполнение веб-формы (bitrix:form.result.new).
В параметре Страница с сообщениями об успешной отправке укажите скопированную ранее часть URL созданной страницы, дописав в конце ?WEB_FORM_ID=#FORM_ID#.

Укажите, какую веб-форму надо выводить на этой странице, остальные параметры компонента оставьте без изменений:


Список ответов - на ней можно увидеть список всех ответивших на анкету

Откройте страницу на редактирование и разместите на ней компонент Список результатов (bitrix:form.result.list). В настройках, кроме выбора веб-формы нужно ещё исправить адрес в поле Страница добавления результата (группа параметров Параметры компонента) с того что есть на index.php


Страница Ответ - для детального просмотра ответов выбранного посетителя.

Откройте страницу на редактирование и разместите на ней компонент Просмотр результата (bitrix:form.result.view). Компонент настраивать не надо, он работает по умолчанию как надо.


Исправить ответ - страница, где посетитель может подправить свой ответ.

Откройте на редактирование страницу и разместите на ней компонент Редактирование результата (bitrix:form.result.edit). Компонент настраивать не надо, он работает по умолчанию как надо.

Что мы увидим в результате? (нажмите на +, чтобы просмотреть)


Дополнительная информация



Курсы разработаны в компании «1С-Битрикс»
Спасибо, мы рады что смогли помочь Вам. Ниже Вы можете оставить свой отзыв или пожелание :)
Нам жаль это слышать… Но мы постараемся быть лучше! Поясните, пожалуйста, свой выбор:

Мы благодарны Вам за помощь в улучшении документации.

Мы стараемся сделать документацию понятнее и доступнее,
и Ваше мнение важно для нас