Редактор экранных интерфейсов
Для того, чтобы задействовать Редактор Экранных Интерфейсов необходимо двойным кликом мыши открыть файл экранного интерфейса (web-страницы) в одной из папок Проекта.
Если в Проекте еще нет ни одного файла экранного интерфейса (web-страницы), то необходимо его предварительно создать пустым, и после этого открыть.
В любом случае, первоначально запустите Студию.
В левом верхнем углу во вкладке "Бизнес-модель" в дереве проекта нужно выбрать одну из папок и кликнуть по ней правой клавишей мыши.
В открывшемся меню выбрать пункт Создать -> Страницу , указать имя файла будущей страницы и подтвердить создание файла страницы нажатием на кнопку ОК.
После этого в выбранной папке появится новый файл с расширением .page
Двойной клик мыши по нему вызовет окно Редактора Экранных Интерфейсов, который откроется отдельной вкладкой в рабочей зоне Студии.
Если это файл экранного интерфейса (web-страницы) с разработанной ранее структурой, то откроется рабочее пространство, изображающее эту структуру и внешний вид страницы в окне предварительного просмотра.
Если это только что созданный файл процесса - то он откроется с пустой областью предварительного просмотра и пустой структурой страницы.
Сектор №1 - область предварительного просмотра проектируемой страницы. Страница полностью подгружается в момент ее открытия и перерисовывается по запросу - после нажатия на кнопку Обновить (№5). Автоматического обновления после изменения страницы аналитиком (добавление новых Визуальных компонент, изменение их свойств и т.п.) не происходит.
Сектор №2 - область проектирования экранного интерфейса. Представляет из себя древовидную структуру из Визуальных компонент, всегда начинающуюся с корневого элемента Page. Добавление необходимых компонентов из библиотеки в эту древовидную структуру осуществляется перетягиванием "мышью" нужной компоненты с зажатой левой клавишей на одну из веточек этого дерева.
Сектор №3 - т.н. "Инспектор" - панель для настройки основных параметров и свойств выбранной в дереве в текущий момент времени компоненты.
Внизу панели Инспектор располагается кнопка Добавить скрипт, которая позволяет расширить базовый функционал текущей компоненты дополнительными функциями. Поскольку расширение функциональности требуется не так часто, то добавление дополнительных функций сделано по явному указанию пользователя через вызов соответствующего диалога со списком.
Сектор №4 - строка поиска компоненты на проектируемой странице по наименованию. Бывает полезен когда эта древовидная структура становится многоуровневой вложенности и длины. Поиск регистронезависим, осуществляется по правилу вхождения, т.е если осуществлять поиск по подстроке "оле", то в дереве компонентов страницы останутся видимыми только те, которые содержат в своем названии эти три буквы.
Другой режим поиска - по уникальному идентификатору компоненты на странице. Его можно узнать из лога server.log при ошибках и иных событиях в приложении. Для поиска по уникальному идентификатору в поисковое поле необходимо ввести зарезервированный тэг из трех символов "id:" и далее многозначный идентификатор компоненты, полученный копированием из журнала ошибок.
Кнопка №5 - принудительное (по запросу пользователя) обновление страницы в области предварительного просмотра после внесенных изменений.
Кнопка №6 - предварительный простор проектируемой страницы не в Редакторе Экранных Интерфейсов, а в браузере локального компьютера, установленного по умолчанию. Востребовано при широких и/или длинных страницах, которые не удобно просматривать во встроенной в редактор области предварительного просмотра.
Кнопка №7 - кнопка изменения месторасположения Сектора №2 (области проектирования экранного интерфейса) - либо справа от области предварительного просмотра, либо слева от нее.
Сектор №8 - вкладка, на которой сгруппированы все компоненты, входящие в библиотеку компонентов для разработки экранного интерфейса. Перенос нужной компоненты из библиотеки на страницу осуществляется мышью путем перетаскивания на нужный аналитику уровеньиерархии в структуре страницы. Описание и случаи применения каждой из них находятся в разделе Базовая библиотека компонент.
Сектор №9 -строка поиска компоненты в библиотеке компонентов по наименованию. Поиск регистронезависим, осуществляется по правилу вхождения, т.е если осуществлять поиск по подстроке "оле", то в дереве компонентов страницы останутся видимыми только те, которые содержат в своем названии эти три буквы.
Сектор №10 - вкладка с параметрами взаимодействия Редактора Экранных Интерфейсов с пользовательской базой данных.
Один раз при начале работы выбирается тип базы данных, указывается ее расположение и порт связи, наименование базы данных и учетная запись для нее.
В последующем, если структура базы данных меняется архитектором (добавляются/удаляются таблицы, колонки и проч), соответствующая кнопка "Обновить" на этой вкладке предоставляет возможность обновить информацию о базе данных для использования в настройках компонентов.
Внешний вид "Редактора Экранных Интерфейсов" при работе над проектированием реальной web-страницы:
Перетягивание компоненты из библиотеки в иерархическую структуру страницы:
Управление детализацией отображения параметров компонент:
В главном меню Студии в разделе "Вид" можно переключить степень детализации параметров в панели Инспектор Редактора Экранных Интерфейсов, что влияет на количество отображаемых дополнительных скриптов (функций) у каждого компонента при нажатии кнопки "Добавить скрипт".
Рекомендуемое состояние переключателя "Вид" для обычной работы аналитика:
Отметка о включении "Расширенного режима" отсутствует.
В "Инспекторе" отображаются:
- типовые параметры компоненты,
- в списке дополнительных функций доступен только базовый список.
Рекомендуемое состояние переключателя "Вид" в случае подключения и участия технических специалистов в консультации и помощи аналитику:
Проставлена отметка о включении "Расширенного режима"
В "Инспекторе" появилось отображение
- дополнительных параметров компоненты,
- список функций стал шире за счет отображения функций администрирования.