Конструктор web UI

Конструктор Web UI SberMobile - это среда low-code разработки пользовательских интерфейсов. Конструктор помогает создавать веб-интерфейсы решений, сервисов и продуктов на базе платформы SberMobile.

Конструктор Web UI создавался с учетом одной важной концепции: он должен позволять разрабатывать веб-интерфейсы, которые с пиксельной точностью соответствуют любому дизайн-макету или эскизу. В то же время, конструктор Web UI - это инструмент low-code, поэтому даже самые сложные интерфейсы можно реализовать без единой строки кода. Клиентские интерфейсы, созданные в конструкторе UI, поддерживаются единой моделью данных SberMobile .

Технически, конструктор UI редактирует инструментальные панели, которые становятся отдельными веб-страницами. Каждая панель имеет максимально гибкую компоновку на основе многоуровневых контейнеров. Каждый контейнер использует свою собственную компоновку (сетку или абсолютное позиционирование) для отрисовки компонентов и вложенных контейнеров.

Большинство компонентов и контейнеров - обычные React-компоненты, упакованные в модель данных SberMobile, чтобы обеспечивать унифицированное взаимодействие с данными сервера. Широкий набор преднастроенных компонентов, поддерживаемых комплектом разработчика и возможностью полной CSS кастомизации, гарантирует, что созданные вашими дизайнерами прототипы будут успешно реализованы как часть UI вашего веб-приложения. В стандартный комплект конструктора UI входят такие компоненты, как различные контейнеры, элементы управления вводом, компоненты отображения данных, компоненты навигации, графики/диаграммы и многое другое.

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

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