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

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

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

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

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

Что ты построишь

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

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

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

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

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

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

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

  1. Будет создан новый пример базы данных и появится редактор базы данных AppSheet.

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

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

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

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

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

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

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

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

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

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

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

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

Создать базу данных из листа

  1. Сначала создайте копию этого общедоступного листа Google и переименуйте его в ASDB: IO Codelab .

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

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

Создать базу данных из импорта листов

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

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

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

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

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

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

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

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

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

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

Диалоговое окно изменения типа столбца Да/Нет.

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

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

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

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

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

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

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

База данных AppSheet позволяет выбрать столбец Label для любой таблицы. Это позволяет вам указать, какой столбец вы хотите отображать в родительской таблице. Это также определяет, что отображается в родительской таблице в связанном интерфейсном приложении 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.

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

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

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

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

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

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

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

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

  1. В следующем диалоговом окне установите флажок ВЫБРАТЬ ВСЕ по умолчанию, а затем нажмите « Добавить в приложение» .

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

Поскольку таблица «Владельцы» добавлена ​​в приложение, ошибка ссылки больше не появляется.

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

  1. Теперь, когда добавлена ​​новая таблица Owners AppSheet, вы можете создать новое представление для отображения этих данных, щелкнув страницу «Представления» в AppSheet и нажав + рядом с PRIMARY NAVIGATION .

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

  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)!

дальнейшее чтение