Создайте приложение без программирования, используя встроенную базу данных AppSheet.

1. Прежде чем начать

База данных AppSheet (ASDB) — это собственная база данных AppSheet, предназначенная для организации и управления данными, используемыми в приложениях AppSheet. Ее интерфейс и улучшенная производительность обеспечивают более удобное взаимодействие как для разработчиков приложений, так и для конечных пользователей по сравнению с другими распространенными внешними источниками данных, такими как Google Sheets, Big Query и Cloud SQL. База данных AppSheet входит в стандартную комплектацию любого приложения AppSheet.

Что вы узнаете

  • Как создать новую базу данных AppSheet с примерами данных или импортированными данными из таблицы Google Sheets.
  • Как настроить данные в редакторе баз данных AppSheet.
  • Как создать приложение AppSheet из базы данных AppSheet.
  • Как изменить базу данных и перегенерировать таблицы в AppSheet с учетом изменений в структуре таблиц.

Что вы построите

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

Что вам понадобится

  • Доступ к среде разработки AppSheet ( appsheet.com ).

2. Создайте и настройте новую базу данных AppSheet с нуля.

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

  1. Перейдите на главную страницу AppSheet ( appsheet.com ), затем нажмите «Создать» > «База данных» > «Новая база данных» .

Создана новая база данных с нуля.

  1. Создается новая примерная база данных, и появляется редактор баз данных AppSheet.

Изображение новой примерной базы данных в редакторе баз данных AppSheet.

  1. Настройте базу данных, изменив ее название с «Безымянная база данных» на «База данных задач» . (Для изменения названия базы данных дважды щелкните по названию по умолчанию — «Безымянная база данных».)
  2. Измените название таблицы « Таблица 1» на «Задачи» . (Для редактирования дважды щелкните вкладку).
  3. Измените название первого столбца с «Заголовок» на «Задача» .
  4. Чтобы добавить новую запись, нажмите кнопку «+» в верхнем левом углу.

Изображение, показывающее, как добавить новую запись, нажав на кнопку «+» в верхнем левом углу.

  1. Дважды щелкните столбец «Статус» , чтобы увидеть, как используются типы перечисления и выпадающего списка.

Редактор свойств для столбца «Статус». Используются тип: «Перечисление» и тип элемента: «Выпадающий список».

  1. Дополнительно: Нажмите на кнопки после знаков «=» , чтобы изменить цвет каждого пункта выпадающего списка.

Раскрашивание вариантов в выпадающем списке с помощью палитры цветов.

  1. Дополнительно: Поэкспериментируйте с редактором, добавив новые параметры для перечисления «Статус» (нажмите «Добавить» ), а также новые цвета.
  2. Дополнительно: поэкспериментируйте с различными типами столбцов, такими как «Цвет» , «Прогресс» , «Да/Нет » и «Телефон» , а затем понаблюдайте за их поведением.

Контекстное меню для всех поддерживаемых типов данных в ASDB.

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

3. Создайте и настройте новую базу данных, импортировав данные из таблицы Google Sheets.

Следующие шаги показывают, как импортировать данные из таблицы Google Sheets.

Создайте базу данных из таблицы.

  1. Для начала создайте копию этой общедоступной таблицы Google Sheets и переименуйте её в ASDB: IO Codelab .

Обратите внимание, что здесь две вкладки: «Задачи» и «Владельцы» .

  1. Как и прежде, перейдите на главную страницу AppSheet ( appsheet.com ), затем нажмите «Создать» > «База данных» > «Импорт из таблиц» .

Создание базы данных из импорта таблиц.

  1. В окне выбора файлов Google Drive выберите свою копию таблицы ASDB: IO Codelab или как вы ее назвали.

В результате на основе данных из таблицы AppSheet создается новая база данных AppSheet.

Скриншот созданной базы данных AppSheet из таблицы в редакторе баз данных.

Добавьте ссылку на таблицу «Задачи».

Далее необходимо добавить ссылку на таблицу «Владельцы» из таблицы «Задачи».

  1. В таблице «Задачи» базы данных AppSheet дважды щелкните столбец «Владелец» , чтобы отредактировать его настройки.
  2. Измените тип с «Текст» на «Ссылки > Ссылка».

выбор типа ссылки

  1. Укажите в качестве источника данных для таблицы «Владельцы» , а затем нажмите «Сохранить» .

Диалоговое окно для установки типа: Ссылка и таблицы для ссылки: Владельцы.

  1. Появляется предупреждение об изменении типа столбца. В данном случае данные в этом столбце совместимы с новым типом столбца, поэтому вы можете нажать «Да» , чтобы продолжить.

Диалоговое окно «Изменить тип столбца: Да/Нет».

  1. Затем база данных AppSheet пытается сопоставить соответствующие строки в таблице Owners с именами в таблице Tasks. Поскольку этот набор данных совпадает, база данных AppSheet должна заполнить столбец Owner правильными ссылками на строки таблицы Owners.

В редакторе ASDB в таблице задач отображается правильное значение столбца «Владелец».

  1. Чтобы проверить правильность ссылки, щелкните ячейку «Владелец» и измените ее на другого владельца, например, Сару .

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

После выбора новое значение ( Сара ) отображается в ячейке «Владелец» (в таблице «Задачи»).

После выбора другого владельца его имя, Сара, отображается в столбце «Владелец» таблицы «Задачи».

Измените столбец «Метка» в указанной таблице.

База данных AppSheet позволяет выбрать столбец «Метка» для любой таблицы. Это позволяет указать, какой столбец должен отображаться в родительской таблице. Это также определяет, что отображается в родительской таблице в связанном приложении AppSheet. Таким образом, вместо отображения столбца «Имя» из таблицы «Владельцы» в таблице «Задачи» (как показано ранее), вы можете отобразить столбец «Электронная почта» из таблицы «Владельцы».

  1. Для этого измените значение столбца «Метка» в таблице «Владельцы » на «Электронная почта» , наведя курсор на правую сторону заголовка столбца «Электронная почта» и щелкнув по вертикальному многоточию .

Изображение, показывающее вертикальное многоточие в правой части заголовка колонки.

Это активирует контекстное меню колонки.

Контекстное меню столбца появляется при выборе пункта «Использовать столбец в качестве метки».

  1. Выберите пункт «Использовать столбец в качестве метки» в контекстном меню, чтобы установить метку столбца «Электронная почта» .

Заголовок столбца электронного письма с маркером «Метка столбца» в верхнем левом углу заголовка.

  1. Чтобы убедиться, что столбец «Электронная почта» выбран в качестве метки столбца, ссылающегося на таблицу «Задачи», щелкните вкладку «Таблица задач» и обратите внимание, что в столбце «Владелец» теперь отображаются адреса электронной почты. Возможно, вам потребуется обновить страницу браузера, чтобы увидеть обновленный столбец «Владелец».

В столбце «Владелец» таблицы «Задачи» отображаются адреса электронной почты, поскольку в качестве метки столбца «Электронная почта» в указанной таблице «Владельцы» была выбрана соответствующая метка.

4. Создайте приложение AppSheet на основе базы данных AppSheet.

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

  1. В правой части редактора ASDB нажмите на «Приложения» .

Скриншот редактора базы данных AppSheet с выделенной кнопкой «Приложения» справа.

Это вызовет контекстное меню справа для создания нового приложения.

Тот же скриншот, что и раньше, но с диалоговым окном и кнопкой «Создать новое приложение AppSheet».

  1. Нажмите «Создать новое приложение AppSheet» , чтобы создать новое приложение.

Скриншот сгенерированного приложения AppSheet.

В процессе генерации приложения обратите внимание на появившееся предупреждение:

Column "Owner" in Tasks_Schema has a reference to an unknown table or slice "Owners". Open the column definition to select a source table.

Это происходит потому, что сгенерированное приложение содержит только таблицу Tasks, а столбец Owner ссылается на неизвестную таблицу Owners.

Чтобы исправить это, добавьте таблицу Owners в приложение AppSheet.

  1. На странице «Данные» в редакторе AppSheet нажмите + .

Страница с данными, на которой выделен значок «+».

  1. В контекстном меню «Добавить данные» выберите «База данных AppSheet» в качестве источника данных.

Добавить контекстное меню для работы с данными.

  1. Затем выберите базу данных ASDB: IO Codelab (или ту, которую вы назвали на предыдущих шагах).

Выберите пункт меню «База данных».

  1. В появившемся диалоговом окне установите флажок «Выбрать все» по умолчанию, а затем нажмите «Добавить в приложение» .

Диалоговое окно для выбора таблицы «Владельцы» для добавления в приложение AppSheet.

После добавления таблицы Owners в приложение ошибка Reference больше не появляется.

Скриншот приложения AppSheet без ошибок ссылок.

  1. Теперь, когда добавлена ​​новая таблица Owners AppSheet, вы можете создать новое представление для отображения этих данных, перейдя на страницу «Представления» в AppSheet и нажав на кнопку «+» рядом с пунктом «ОСНОВНАЯ НАВИГАЦИЯ» .

Страница «Просмотры», на которой выделен значок «+».

  1. В диалоговом окне «Добавить новое представление» нажмите «Создать новое представление» .

Добавьте новое диалоговое окно «Вид».

  1. При создании нового представления установите следующие параметры:

Название представления: Владельцы Для этих данных: Владельцы Тип представления: колода

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

Поздравляем, ваше приложение готово!

  1. Чтобы проверить связь между задачами и ответственными лицами, щелкните в мобильном режиме либо представление « Ответственные лица» , либо представление «Задачи» , а затем выберите запись, чтобы увидеть связанные (ссылающиеся) записи.

Скриншот приложения AppSheet с выделенным мобильным предварительным просмотром справа.

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

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

5. Измените базу данных и заново создайте таблицу «Задачи».

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

  1. В таблице «Задачи» в базе данных измените тип столбца «Срок выполнения» на «Дата и время > Дата» .

Изменение типа столбца «Срок выполнения» в таблице «Задачи» на «Дата» в редакторе ASDB.

Обратите внимание: при повторном запуске приложения AppSheet система обнаружит обновление базы данных с предупреждением:

App Schema for table 'Tasks' is out of sync with the schema in AppSheet database. Please regenerate the table structure

Редактор AppSheet обнаруживает изменение схемы в базе данных и выдает предупреждение.

  1. Для обновления нажмите на d1a956498c05d75f.png Значок обновления находится в правом верхнем углу.
  2. Это вызовет диалоговое окно с предупреждением:

Диалоговое окно с предупреждением о регенерации.

  1. Нажмите «Перегенерировать» , чтобы продолжить. Это обновит тип столбца «Срок выполнения» в приложении на « Дата» и активирует элемент выбора даты в форме редактирования записей задач.

Форма редактирования приложения AppSheet, отображающая элемент ввода DatePicker.

6. Поздравляем!

Вы завершили практическое занятие по работе с базой данных AppSheet (ASDB)!

Дополнительная информация