Начало работы с продвинутым дизайнером интерфейсов

В BPMSoft реализован инструмент для гибкой настройки интерфейсов — продвинутый дизайнер, основанный на технологии Angular. В продвинутом дизайнере вы можете:

• Самостоятельно формировать разметку страниц без ограничений контейнеров;
• Наполнять страницы базовыми элементами — Angular компонентами;
• Создавать пользовательские элементы. Подробнее: Создание Angular компонентов.

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

• Кнопка
• Изображение;
• Текст;
• Ссылка;
• Слайдер.

Перед настройкой Angular страниц необходимо:

1. В свойствах пользовательского пакета добавить зависимости от пакетов: старшего по иерархии и «AngularDesigner». Подробнее: Добавление зависимостей пакетов.
2. Перейти в раздел дизайнера системы «Управление конфигурацией» и выполнить действие «Скомпилировать приложение клиентского интерфейса» для возможности использования Angular компонентов в продвинутом дизайнере. Если приложение BPMSoft развернуто на нескольких нодах, достаточно выполнить настройку на одной из них.

Рисунок 1 — Действие «Скомпилировать приложение клиентского интерфейса»

Работа мини-карточек совместима с использованием Angular страницы в разделе. Однако, их создание и настройка доступна только в базовом дизайнере.

Функциональность кейсов, визирования записей и бизнес-процессов в продвинутом дизайнере недоступна.

Рекомендуем изучить

Продвинутый дизайнер интерфейсов