ApeekFlow
  • Платформа Apeekflow
  • С чего начать
    • Начало работы
    • Создаем первое приложение
    • Шаблоны проектов
  • Настройки платформы
    • Профиль
    • Библиотека запросов
    • Источники данных
      • Базы данных
        • PostgreSQL
        • MongoDB
        • MySQL
        • Redis
        • Microsoft SQL Server
        • MariaDB
      • AI сервисы
      • App Development
        • REST API
        • ApeekFlow REST API
      • Messaging
      • Assets
        • Хранилище файлов S3
      • Websocket
      • Сервисы
        • Google Sheets
    • Настройки
      • Рабочие пространства
      • Пользователи и группы
      • Расширенные настройки
        • Сторонние библиотеки
        • Импорт UMD библиотек
    • Корзина
  • Конструктор приложений
    • Обзор
      • Приложения
      • Модули
      • Приложение или модуль
      • Навигационная панель
      • Массовое редактирование
      • Управление слоями
      • Использвание Markdown
      • Горячие клавиши
    • Каталог компонентов
      • Общие настройки компонентов
      • Тост нотификации
      • Components
        • Table
        • Cascader
        • Link
        • Float Button
        • Form
        • JSON Schema Form
        • JSON Editor
        • JSON Explorer
        • Rich Text Editor
        • Input
        • Password
        • Number Input
        • Text Area
        • Auto Complete
        • Switch
        • Checkbox
        • Radio
        • Slider
        • Range Slider
        • Form Button
        • Icon Button
        • Dropdown
        • Toggle Button
        • Rating
        • Select
        • Multiselect
        • Tree
        • Tree Select
        • Text Display
      • Calendar
        • Calendar
        • Timer
        • Date
        • Date Range
        • Time
        • Time Range
      • Layout
        • Responsive Layout
        • Page Layout
        • Column Layout
        • Float Text Container
        • Content Card
        • Tabbed Container
        • Collapsible Container
        • Container
        • List View
        • Grid
        • Modal
        • Drawer
        • Divider
        • Navigation
        • Segmented Control
        • Tour
      • Multimedia
        • File Upload
        • File Viewer
        • Image
        • Image Carousel
        • Audio
        • Video
        • Shapes
        • Lottie Animation
        • Icons
        • Image Editor
        • Color Picker
        • QR Code
        • Scanner
      • Graphs
        • Basic Chart
        • Candlestick Chart
        • Funnel Chart
        • Gauge Chart
        • Graph Chart
        • Heatmap Chart
        • Radar Chart
        • Sankey Chart
        • Sunburst Chart
        • Theme River Chart
        • Tree Chart
        • Treemap Chart
        • Geo Map Charts
        • Mermaid Chart
        • Timeline
        • Progress
        • Progress Circle
      • Collaboration
        • Avatar
        • Avatar Group
        • Comment
      • Integration
        • Page
    • Кастомизация и код
      • Настройка стилей компонентов
      • Temporary State
      • Transformers
      • Data responder
      • Event handlers
      • Выполнение запросов
        • Привязка данных запроса к компонентам
      • Использование Javascript
        • JavaScript запросы
        • Встроенные функции JS
        • Работа с датой и временем в Day.js
    • Антипатерны
  • Релиз менеджмент
    • Версионирование запросов
    • Версионирование приложений
    • Доступ до приложений
    • Публикация приложений
  • Безопасность
    • Основная информация
    • IP адреса облака
    • Права доступа до объектов
Powered by GitBook
On this page
  • Подключение к источнику данных
  • Создайте запрос
  • Метаданные
  • Динамические запросы и привязка данных
  • Запускайте запрос, когда:...
  • Изменение входных данных или загрузка страницы
  • Вызывается вручную
  • Ответ-обработчик события
  • Обработчик onSuccess
  • Вкладка «Уведомления» и «Дополнительно»
  1. Конструктор приложений
  2. Кастомизация и код

Выполнение запросов

PreviousEvent handlersNextПривязка данных запроса к компонентам

Last updated 4 months ago

Если есть специальная обработка данных, вы можете указать ее дополнительно для запросов, поддерживающих чтение данных из ваших источников данных или запись данных в них. Вы можете использовать запросы данных для всех типов источников данных, таких как базы данных, потоковые источники данных или классические Restful API. Вы можете создавать запросы во время редактирования приложения или в библиотеке запросов.

Все запросы к данным в Apeekflow всегда будут возвращать данные в формате JSON. Когда вы обращаетесь к своей базе данных, результат преобразуется, например, в ответ в формате JSON. Это очень полезно для упрощения использования данных во всех последующих разделах Apeekflow без необходимости сериализации данных между форматами.

Подключение к источнику данных

Вы можете подключиться к источнику данных, который уже был в вашей библиотеке источников данных, или создать новый. Подробную информацию смотрите в разделе Источники данных в Apeekflow.

Создайте запрос

Пользовательский интерфейс редактора запросов меняется в зависимости от выбора различных типов источников данных. Ниже приведен пример подключения к базе данных PostgreSQL и соответствующая инструкция.

Режим SQL подходит для всех, кто выполняет запросы к базе данных, а также для опытных разработчиков, которые очень свободно владеют языком SQL и специализируются на работе с базами данных.

Apeekflow также предлагает графический интерфейс для операций записи в базу данных, таких как Вставка, Обновление и Удаление. Это поможет вам упростить привязку внесенных пользователем изменений данных в вашем приложении к базам данных.

Метаданные

Вы можете просмотреть метаданные таких баз данных, как PostgreSQL, MongoDB и MySQL. Нажмите Метаданные, и таблицы базы данных и их поля отобразятся в виде древовидной структуры. Метаданные полезны для написания запросов и позволяют автоматически предлагать их при вводе текста. Это также может помочь вам понять структуру базы данных и ее таблиц для подключенной базы данных.

Динамические запросы и привязка данных

Apeekflow оценивает ваш запрос с помощью кода JavaScript внутри {{ }} в режиме реального времени, и результат отображается ниже в плавающем поле, так что вы можете использовать его для проверки правильности инструкции запроса.

Запускайте запрос, когда:...

Apeekflow запускает ваши запросы в двух режимах: он запускается автоматически при изменении входных данных или при загрузке страницы или вручную (и таким образом вызывается, например, в других обработчиках событий).

Изменение входных данных или загрузка страницы

Запросы, настроенные на этот режим, автоматически выполняются при изменении зависимых входных данных или при загрузке страницы. Например, результат запроса select * from users where customer_id = {{input.value}} обновляется немедленно, когда input.value изменения. **** Этот режим выполнения запроса рекомендуется для запросов, считывающих данные из источников данных.

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

Вызывается вручную

Запросы в этом режиме выполняются только при ручном запуске, например при нажатии кнопки или ссылки. Для запуска запроса необходимо указать обработчик событий. Этот режим рекомендуется для запросов, записывающих данные в источники данных, поскольку перед их выполнением может потребоваться подтверждение того, что ввод данных завершен и безошибочен.

Как выбрать режим запуска запроса?

В большинстве случаев запросы, считывающие данные, такие как операции выбора, могут быть переведены в первый режим, а запросы, записывающие данные, такие как операции создания/удаления/обновления, выполняются вторым способом.

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

Ответ-обработчик события

Как только обработка ответа (и синтаксический анализ) запроса данных завершены, вы можете использовать обработчики событий в качестве триггера для дальнейших действий. Существуют триггеры onSuccess и onError. Вы также можете комбинировать несколько обработчиков событий.

Обработчик onSuccess

Обработчик onSuccess предназначен для выполнения определенных действий после успешного завершения запроса данных. Этот механизм необходим для запуска последующих операций, таких как выполнение запросов JavaScript или других последующих запросов, для которых может потребоваться ответ на исходный запрос данных.

Реализация

Чтобы использовать обработчик onSuccess, просто нажмите Обработчики событий в нижней части редактора запросов к данным на вкладке Общие. Затем выберите «при успешном выполнении» и выполните желаемое действие.

Обработчик onError

Обработчик onError служит аналогом обработчика onSuccess, предназначенного для управления сценариями, в которых запрос данных завершается ошибкой. Это может быть вызвано различными причинами, такими как проблемы с сетью, ошибки API или несоответствия данных.

Чтобы создать обработку события для случая ошибки запроса данных, просто выберите Сбой при выборе события для обработчика событий. Вы можете дополнительно указать для отдельного обработчика событий, если требуется обработка специального случая. Например, вы могли бы показывать уведомление только по коду ответа 4xx или 5xx для запроса данных Restful.

Вкладка «Уведомления» и «Дополнительно»

На вкладках Уведомления и Дополнительно вы можете настроить параметры, касающиеся уведомлений, времени ожидания, периодического запуска и многого другого. Настройки на вкладках Уведомления и Дополнительно зависят от режима запуска вашего запроса.

Вкладка
Настройки
Изменение входных данных или загрузка страницы
Вызывается вручную

Уведомления

Отображение сообщения об успешном завершении после запуска

🚫

✅

Отображение сообщения о сбое после запуска

✅

✅

Дополнительно

Отображение режима подтверждения перед запуском

🚫

✅

Установка тайм-аута для выполнения запроса

✅

✅

Периодическое выполнение запроса

✅

🚫

Иногда у вас также может возникнуть необходимость вызвать запрос данных в качестве результата или после ответа на другой запрос данных, например, для объединения ответов на данные. В этом случае вы можете использовать для запросов данных или так называемый . Первый запрос может быть запущен при изменении входных данных или при загрузке страницы, а последующие запросы будут использовать триггер вызывается вручную.

обработчики событий
Data Responder