Действие Supabase позволяет вставить, обновить или удалить строку из таблицы Supabase.

Предварительные условия

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

Типы действий в Supabase

Существует три типа действий, которые вы можете выполнить над таблицей Supabase.

  1. Вставить строку: Добавляет новую строку в таблицу.
  2. Обновить строку: обновляет строку с указанными значениями.
  3. Удалить строку: Удаляет строку из таблицы.

1. Вставка действия Row

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

  1. Выберите виджет (например, кнопку), для которого вы хотите определить действие.
  2. Выберите Действия на панели свойств (правое меню) и нажмите Открыть. Это откроет редактор потока действий в новом всплывающем окне.
    1. Нажмите + Добавить действие.
    2. В правой части найдите и выберите действие Supabase > Insert Row.
    3. Установите для параметра Table имя вашей таблицы (например, assignments).
    4. В разделе Задать поля нажмите на кнопку + Добавить поле.
    5. Щелкните на имени поля.
      • Прокрутите вниз, чтобы найти выпадающий список Value Source (Источник значения) и измените его на From Variable (Из переменной).
      • Нажмите на UNSET и выберите Состояние виджета > Имя текстового поля.
    6. Аналогично добавьте поле для других элементов пользовательского интерфейса.
Совет: При добавлении этого действия вы можете оставить поля id (если оно помечено как Primary) и created_at (если значение по умолчанию now()). Supabase автоматически добавит значения для этих полей.
супа 1

2. Действие «Обновить строку

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

  1. Выберите виджет (например, кнопку), для которого вы хотите определить действие.
  2. Выберите Действия на панели свойств (правое меню) и нажмите Открыть. Это откроет редактор потока действий в новом всплывающем окне.
    1. Нажмите на + Добавить действие.
    2. В правой части найдите и выберите действие Supabase > Update Row.
    3. Установите для параметра Table имя вашей таблицы (например, assignments).
    4. Дополнительно: Если вы хотите получить строки после завершения обновления, включите опцию Возвращать совпадающие строки.
    5. Теперь необходимо установить строку, которую вы хотите обновить. Обычно это делается путем поиска строки в таблице, которая соответствует текущему идентификатору строки. Для этого нажмите кнопку + Добавить фильтр в разделе Соответствующие строки.
      1. Установите поле Имя поля на поле, которое содержит идентификаторы. Обычно это столбец id.
      2. Установите для параметра Relation значение Equal To, так как вы хотите найти строку с точным id.
      3. В Источнике значений выберите Переменную From и укажите id строки, для которой вы только что обновили значения в пользовательском интерфейсе.
    6. В разделе Set Fields нажмите на кнопку + Add Field.
    7. Щелкните на имени поля.
      • Прокрутите вниз, чтобы найти выпадающий параметр Источник значения и измените его на От переменной.
      • Нажмите на UNSET и выберите Widget State > Name of the TextField.
    8. Аналогично добавьте поле для других элементов пользовательского интерфейса.
Совет: Если у вас есть такой поток, как HomePage -> AssignmentDetailsPage -> UpdateAssignmentPage, вы можете включить опцию Replace Route (см. пункт № 5 здесь) при переходе от AssignmentDetailsPage к UpdateAssignmentPage. А затем подключите действие Navigate Back после действия обновления. Это приведет к прямому открытию главной страницы после обновления строки.
супа 2

3. Действие «Удалить строку

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

  1. Выберите виджет (например, кнопку), для которого вы хотите определить действие.
  2. Выберите Действия на панели свойств (правое меню) и нажмите Открыть. Это откроет редактор потока действий в новом всплывающем окне.
    1. Нажмите + Добавить действие.
    2. В правой части найдите и выберите действие Supabase -> Delete Row.
    3. Установите для параметра Table имя вашей таблицы (например, assignments).
    4. Необязательно: Позже, если вы захотите узнать, какие строки были удалены из таблицы, включите опцию Возвращать совпадающие строки.
    5. Теперь необходимо задать строку, которую вы хотите удалить. Обычно это делается путем поиска строки в таблице, которая соответствует текущему идентификатору строки. Для этого нажмите кнопку + Добавить фильтр в разделе Соответствующие строки.
      1. Установите поле Имя поля на поле, которое содержит идентификаторы. Обычно это столбец id.
      2. Установите для параметра Relation значение Equal To, так как вы хотите найти строку с точным id.
      3. В Источнике значений выберите Переменную From и укажите id строки, которую вы хотите удалить.
Совет: после этого действия можно выполнить цепочку действий Refresh Database Request, чтобы удалить удаленные элементы из списка.
супа 3