Как добавить компоненту “Форма” на страницу?
Постановка задачи: необходимо расположить на пользовательской странице Карточка задачи набор параметров задачи, представленных визуальными компонентами, с возможностью подгрузить информацию из таблиц базы данных в режиме редактирования карточки, либо сохранить введенные значения (в режиме добавления новой записи или обновления ранее созданной записи).
Карточка задачидолжна иметь следующие настройки:
- в Граф сущностей в качестве Главной сущности должна быть определена таблица задач(tasks), которая может быть связана с другими таблицами базы данных, где содержитсядополнительная информация для вывода на страницу - наименование и описание задачи, дата постановки задачи
- при настройке функции Подгрузка данных основная компонентыФормав параметре Переменная процесса с идентификатором следует выбрать из списка наименование переменной процесса task_id, содержащей идентификатор задачи. Эта переменная может быть заполнена каким-либо значением или быть пустым. Как правило, если при открытии страницы с карточкой задачи эта переменная уже заполнена некоторым числом, то карточка задачи открывается на редактирование (выполняется SQL запрос SELECT при открытии и UPDATE при попытке сохранения), поскольку этот идентификатор задачи был указан пользователем на одном из предыдущих этапов. Если при открытии страницы с карточкой задачи эта переменная пуста, то функция Подгрузка данных основная автоматически определяет, что данные для подгрузки на страницу отсутствуют, а при попытке сохранения карточки следует выполнить SQL запрос INSERT.
- внутри компоненты-контейнера Форма следует расположить 3 компоненты: Текстовое поле для параметра Наименование задачи, Текстовое поле для параметра Описание задачи и Дата для параметра Дата постановки задачи.
Решение задачи:
Предполагается, что страница Карточка задачи уже создана бизнес-аналитиком и в логике бизнес-процесса определена необходимая переменная процесса task_id, значение которой заполняется перед открытием страницы пользователем. Для добавления на страницу и настройки компоненты Форма необходимо сделать следующее:
- добавить внутрь страницы компоненту Форма (рис.1)
- в настройках добавленной Формы перейти к разделу Подгрузка данных основная - Источник данных - Граф сущностей и настроить его в соответствии с условием задачи (рис.2).


рис.1 Добавление компоненты Форма на страницу
рис.2 Настройка Графа
сущностей компоненты Форма
- в параметре “Переменная процесса с идентификатором” (Подгрузка данных основная - Переменная процесса с идентификатором) следует указать переменную процесса task_id (рис.3)

рис.3 Настройка переменной процесса
- расположить компоненты для отображения параметров Наименование задачи, Описание задачи, Дата постановки задачи и настроить их на отображение информации из источника данных (рис.4, рис.5, рис.6)
|
|
|
|
| рис.4 Добавление элемента Наименование | рис.5 Добавление элемента Описание | рис.6 Добавление элемента Дата постановки задачи |
На этом настройка компоненты Форма для отображения информации из базы данных завершена. В указанной конфигурации при попытке открыть веб-страницу поля будет заполнены имеющимися в базе данных значениями.
Для возможности создания новой записи (INSERT) или изменения имеющихся значений (UPDATE), необходимо добавить на страницу компоненту Кнопка сохранения и указать этой кнопке на Форму, согласно Графу сущностей которой следуют провести операцию добавления новой записи или обновления существующей информации после нажатия на кнопку (рис.7)
|
|
|
рис.7 Настройка элемента Кнопка сохранения Заполнение параметра Компонент "Форма" Кнопки сохранения происходит путем перетаскивания манипулятором мышь объекта "Основная Форма страницы " из дерева структуры страницы в окно параметра Компонент "Форма" Кнопки сохранения (как показано стрелкой на скриншоте). Также существует удобная функциональность обратного быстрого перехода по дереву структуры страницы к задействованной компоненте посредством клика на параметре Компонент "Форма" Кнопки сохранения, когда есть необходимость уточнить, на какую именно компоненту в дереве ссылается интересующий параметр. |
Кнопку сохранения необязательно располагать внутри компоненты Форма, что является обычной практикой при разработке приложений, поскольку кнопки располагаютcя в определенных областях экрана с использованием компонент Горизонтальный или Вертикальный контейнер. Кроме того, компонента Кнопка сохранения не имеет своего источника данных, как те компоненты, которые отображают информацию из базы данных, и которые по этой причине должны быть расположены внутри компоненты Форма.
После применения изменений и настройки всех необходимых элементов, веб-страница может не только заполнять поля значениями из базы данных при открытии, но и сохранять измененные значения или добавлять новую запись, в зависимости от состояния значения переменной task_id. Если она пуста, то данные после нажатия Кнопки сохранения добавятся в таблицу, а если не пуста - то обновятся, и система перейдет к следующей задаче согласно логике бизнес-процесса.
image2019-3-7_15-26-43.png (image/png)
Screenshot_9.png (image/png)
Screenshot_6.png (image/png)
Screenshot_7.png (image/png)
Screenshot_8.png (image/png)
Screenshot_3.png (image/png)
Screenshot_4.png (image/png)
image2019-3-7_17-38-11.png (image/png)
image2019-3-7_17-39-51.png (image/png)
image2019-3-7_18-12-24.png (image/png)
image2019-3-7_18-15-45.png (image/png)
image2019-3-11_10-15-47.png (image/png)
image2019-3-11_10-16-20.png (image/png)
image2019-3-11_10-34-55.png (image/png)
image2019-3-11_18-6-34.png (image/png)
image2019-3-11_18-8-46.png (image/png)


