Обзор
В режиме реального времени редактор приложений - это место, где вы собираете компоненты, создаете запросы для взаимодействия с данными и публикуете свои приложения. Он состоит из пяти областей:
Панель инструментов сверху
Холст (желтый)
Браузер данных (синий)
Редактор запросов (зеленый)
Панель компонентов и свойств (красный)
Левая панель переключаема, поэтому вы можете просматривать настройки браузера данных или приложения в целом для макета и страниц (Javascript и CSS). Вы можете:
Установить размер холста
Управление включенным стилем Javascript и CSS
Правая панель также переключаема и предлагает список всех компонентов, которые могут быть размещены в вашем приложении, с возможностью поиска. В Режиме свойств вы можете просмотреть все детали настройки для выбранного в данный момент компонента на холсте.
Панель инструментов
Панель инструментов состоит из верхней панели и левой боковой панели.
На верхней панели вы можете:
Изменить название приложения
Экспортировать в файл JSON
Контролировать видимость левой и правой панелей, а также редактора запросов (посередине)
Предоставить общий доступ к своему приложению
Включить предварительный просмотр и развертывание приложения
Проверить историю версий приложения
На левой боковой панели вы можете:
Показывать или скрывать браузер данных
Запустите учебное пособие для редактора приложений
Холст
Холст (желтый) в центре редактора — это то место, где вы создаете пользовательский интерфейс и видите его в целом. Перетаскивайте компоненты на холст. Вначале вы можете представить его как пустую страницу.
Холст оснащен автоматической системой магнитных сеток. Компоненты визуально всегда будут привязаны к ближайшей левой и верхней линиям сетки. Это обеспечивает быструю и упорядоченную компоновку приложения.
Вы можете влиять на цвет фона, а также на количество ячеек сетки по горизонтали в теме.
Браузер данных
Браузер данных (синий) на левой панели содержит Запросы, Компоненты и Глобальные разделы. Здесь вы можете просматривать данные в виде древовидной структуры в режиме реального времени. Например, чтобы проверить возвращаемые данные определенного запроса или компонента, найдите его узел в разделе принадлежность и нажмите, чтобы развернуть.
Редактор запросов
Редактор запросов (зеленый) расположен внизу и состоит из двух разделов: списка запросов (с вкладками Запросы и Метаданные) слева и настроек запросов (с вкладками Общие, Уведомления и Дополнительно) справа. Здесь вы можете создавать запросы для взаимодействия с источниками данных.
Запросы связывают источники данных с вашими приложениями и выполняют CRUD-операции (создание, чтение, обновление и удаление) с источниками данных.
Редактор запросов является гибким и адаптирует параметры для создания запросов к источнику данных. Например, вы можете сравнить запросы к базе данных SQL и открытым API.
Панель компонентов и свойств
Панель компонентов и свойств (красная) расположена в правой части окна. Перетащите компоненты на холст с вкладки Вставка и отредактируйте свойства компонентов на вкладке Свойства.
Когда компонент выбран на холсте, автоматически активируется вкладка Свойства, на которой отображаются свойства этого компонента.
Last updated