Mit der nativen AppSheet-Datenbank eine No-Code-App erstellen

1. Hinweis

Die AppSheet-Datenbank (ASDB) ist eine eigene, eigene Datenbank von AppSheet, mit der Sie die Daten für die AppSheet-Apps organisieren und verwalten können. Die Benutzeroberfläche und die verbesserte Leistung sorgen sowohl für den App-Entwickler als auch für den Endnutzer im Vergleich zu anderen häufig verwendeten externen Datenquellen wie Google Tabellen, BigQuery und Cloud SQL. Die AppSheet-Datenbank ist als Standarddatenoption in allen AppSheet-Anwendungen enthalten.

Aufgaben in diesem Lab

  • Anleitung zum Erstellen einer neuen AppSheet-Datenbank mit Beispieldaten oder importierten Daten aus einer Google-Tabelle.
  • Daten im AppSheet-Datenbankeditor anpassen.
  • AppSheet-Anwendung aus einer AppSheet-Datenbank generieren
  • Datenbank ändern und Tabellen in AppSheet neu generieren, um Änderungen an der Tabellenstruktur zu berücksichtigen

Inhalt

In diesem Codelab erfahren Sie, wie Sie eine neue AppSheet-Datenbank erstellen und anpassen – zuerst von Grund auf mit Standarddaten aus einer AppSheet-Datenbank und dann aus vorhandenen Daten in einer Google-Tabelle. Anschließend erfahren Sie, wie Sie aus einer AppSheet-Datenbank eine neue AppSheet-Anwendung erstellen. Schließlich wird gezeigt, wie Sie eine Datenbanktabelle im Datenbankeditor ändern und die Tabelle dann im AppSheet-App-Editor neu generieren.

Voraussetzungen

  • Zugriff auf die AppSheet-Entwicklungsumgebung ( appsheet.com)

2. AppSheet-Datenbank von Grund auf erstellen und anpassen

Erstellen Sie zuerst eine neue AppSheet-Datenbank und passen Sie sie mithilfe der Standard-Einstiegsdatenbank von Grund auf an. So haben Sie die Möglichkeit, mit dem Datenbankeditor zu experimentieren, ohne einen der nachfolgenden Schritte im Codelab zu durchbrechen.

  1. Rufen Sie die AppSheet-Startseite ( appsheet.com) auf und klicken Sie auf Erstellen > Datenbank > Neue Datenbank.

Neue Datenbank von Grund auf

  1. Eine neue Beispieldatenbank wird erstellt und der AppSheet-Datenbankeditor wird angezeigt.

Bild einer neuen Beispieldatenbank im AppSheet-Datenbankeditor.

  1. Passen Sie die Datenbank an, indem Sie den Namen der Datenbank von Unbenannte Datenbank in Tasks DB ändern. Doppelklicken Sie auf den Standardtitel Unbenannte Datenbank, um den Namen der Datenbank zu bearbeiten.
  2. Ändern Sie den Namen der Tabelle von Tabelle 1 zu Aufgaben. (Doppelklicken Sie auf den Tab, um ihn zu bearbeiten).
  3. Ändern Sie die erste Spalte von Titel in Aufgabe.
  4. Klicken Sie links oben auf +, um einen neuen Eintrag hinzuzufügen .

Bild, das zeigt, wie Sie einen neuen Eintrag durch Klicken auf das Pluszeichen links oben hinzufügen

  1. Doppelklicken Sie auf die Spalte Status, um zu sehen, wie der Enum-Typ und der Drop-down-Elementtyp verwendet werden.

Property-Editor für „Status“ Spalte. Typ: „Enum“ und Elementtyp: „Drop-down“. verwendet werden.

  1. Optional: Klicken Sie auf die Schaltflächen nach den Zeichen =, um die einzelnen Drop-down-Optionen einzufärben.

Drop-down-Optionen mit Farbauswahl kolorieren

  1. Optional: Sie können mit dem Editor weiter experimentieren, indem Sie neue Optionen für die Aufzählung Status (klicken Sie auf Option hinzufügen) sowie neue Farben hinzufügen.
  2. Optional: Experimentieren Sie mit verschiedenen Spaltentypen wie Farbe, Fortschritt, Ja/Nein und Telefon und beobachten Sie dann ihr Verhalten.

Kontextmenü für alle unterstützten Datentypen in ASDB.

Sie können gerne weiter mit dem Datenbankeditor experimentieren. In den nächsten Schritten erstellen Sie eine neue Datenbank.

3. Neue Datenbank durch Importieren aus einer Google-Tabelle erstellen und anpassen

In den nächsten Schritten erfahren Sie, wie Sie Daten aus einer Google-Tabelle importieren.

Datenbank aus einer Tabelle erstellen

  1. Erstellen Sie zuerst eine Kopie dieser öffentlichen Google-Tabelle und benennen Sie sie in ASDB: IO Codelab um.

Dort sehen Sie zwei Tabs: Aufgaben und Inhaber.

  1. Gehen Sie wie zuvor zur Startseite von AppSheet ( appsheet.com) und klicken Sie auf Erstellen > Datenbank > Aus Google Tabellen importieren:

Datenbank aus Tabellenblattimport erstellen

  1. Wählen Sie in der Google Drive-Dateiauswahl Ihre Kopie der Tabelle ASDB: IO Codelab oder einen anderen Namen aus.

Dies führt zu einer neuen AppSheet-Datenbank, die aus den Daten in der Tabelle generiert wird.

Screenshot der generierten AppSheet-Datenbank aus einer Tabelle im Datenbankeditor

Referenz zur Tabelle „Tasks“ hinzufügen

Als Nächstes fügen Sie aus der Tabelle „Tasks“ einen Verweis auf die Tabelle „Owners“ hinzu.

  1. Doppelklicken Sie in der Tabelle „Tasks“ der AppSheet-Datenbank auf die Spalte Inhaber, um die Einstellungen zu bearbeiten.
  2. Ändere den Typ von Text zu Referenzen > Referenz

Referenztyp auswählen

  1. Legen Sie für Tabelle, auf die verwiesen werden soll auf Owners (Inhaber) fest und klicken Sie auf Save (Speichern).

Dialogfeld zum Festlegen des Typs „Referenz“ und „Tabelle, auf die verwiesen werden soll: Inhaber“

  1. Es wird eine Warnung zur Änderung des Spaltentyps angezeigt. In diesem Fall sind die Daten in dieser Spalte mit dem neuen Spaltentyp kompatibel, sodass Sie auf Ja klicken können, um fortzufahren.

Dialogfeld zum Ändern des Spaltentyps „Ja/Nein“.

  1. Die AppSheet-Datenbank versucht dann, die entsprechenden Zeilen in der Tabelle „Owners“ mit den Namen in der Tabelle „Tasks“ abzugleichen. Da dieses Dataset übereinstimmt, sollte die AppSheet-Datenbank in der Spalte „Owner“ die richtigen Verweise auf die Zeilen „Owners“ enthalten.

Tasks-Tabelle im ASDB-Editor mit dem richtigen Wert für die Spalte „Owner“.

  1. Klicken Sie zum Testen der Referenz auf eine Eigentümerzelle und ändern Sie sie auf einen anderen Eigentümer wie Sarah.

Einen anderen Inhaber über ein von der Referenz bereitgestelltes Pop-up auswählen

Anschließend wird der neue Wert (Sarah) in der Zelle „Owner“ (in der Tabelle „Tasks“) angezeigt.

Nachdem Sie einen anderen Verantwortlichen ausgewählt haben, wird dessen Name, Sarah, in der Tabelle „Tasks“ in der Spalte „Owner“ angezeigt.

Spalte „Label“ der referenzierten Tabelle ändern

In der AppSheet-Datenbank können Sie für jede Tabelle eine Label-Spalte auswählen. Damit können Sie angeben, welche Spalte in einer übergeordneten Tabelle angezeigt werden soll. Dadurch wird auch festgelegt, was in der übergeordneten Tabelle in einer verknüpften AppSheet-Frontend-App angezeigt wird. Statt die Spalte Name aus der Tabelle "Inhaber" in der Tabelle "Tasks" (siehe oben) anzeigen zu lassen, können Sie stattdessen die Spalte E-Mail aus der Tabelle "Inhaber" aufrufen.

  1. Ändern Sie dazu die Spalte Label in der Tabelle Inhaber zu E-Mail. Bewegen Sie dazu den Mauszeiger auf die rechte Seite der Spaltenüberschrift E-Mail und klicken Sie auf das Dreipunkt-Menü.

Bild mit den vertikalen Ellipsen rechts von der Spaltenüberschrift.

Dadurch wird das Kontextmenü der Spalte aufgerufen.

Kontextmenü der Spalte mit der Meldung „Spalte als Label verwenden“ ausgewählt.

  1. Wählen Sie im Kontextmenü die Option Spalte als Label verwenden aus, um das Spaltenlabel auf die Spalte E-Mail festzulegen.

E-Mail-Spaltenüberschrift mit der Spaltenlabel-Markierung links oben in der Kopfzeile.

  1. Wenn Sie sehen möchten, dass die Spalte „E-Mail“ als Spaltenlabel für die Tabelle „Tasks“ ausgewählt ist, klicken Sie auf den Tab Aufgaben. In der Spalte „Inhaber“ werden jetzt E-Mail-Adressen angezeigt. Möglicherweise müssen Sie den Browser aktualisieren, damit die aktualisierte Spalte "Inhaber" angezeigt wird.

Die Spalte „Owner“ der Tabelle „Tasks“ mit E-Mail-Adressen, da die Spalte „Email“ der Tabelle „Owners“ als Spaltenlabel festgelegt wurde.

4. AppSheet-App aus einer AppSheet-Datenbank generieren

Nachdem Sie Ihre Datenbankanpassungen abgeschlossen haben, können Sie eine AppSheet-App direkt aus der Datenbank generieren. Dies ist hilfreich, wenn Sie eine benutzerdefinierte Frontend-UI wünschen, Automatisierungen oder Sicherheitsfilter usw. hinzufügen müssen. Gehen Sie dazu so vor:

  1. Klicke rechts im ASDB-Editor auf Apps.

Screenshot des AppSheet-Datenbankeditors mit „Apps“ auf der rechten Seite hervorgehoben.

Dadurch wird das Kontextmenü auf der rechten Seite aufgerufen, um eine neue Anwendung zu generieren.

Derselbe Screenshot wie vorher, aber mit dem Dialogfeld „Neue AppSheet-App“ Schaltfläche.

  1. Klicken Sie auf Neue AppSheet-App, um eine neue App zu erstellen.

Screenshot der generierten AppSheet-App

Beachten Sie beim Erstellen der App, dass eine Warnung angezeigt wird:

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

Das liegt daran, dass die generierte App nur über die Tabelle „Tasks“ verfügt und die Spalte „Owner“ einen Verweis auf die unbekannte Tabelle „Owners“ enthält.

Um dies zu beheben, fügen Sie die Tabelle „Owners“ in der AppSheet App hinzu.

  1. Klicken Sie im AppSheet-Editor auf der Seite Daten auf +.

Datenseite mit dem Pluszeichen (+) .

  1. Wählen Sie im Kontextmenü Daten hinzufügen die Option AppSheet-Datenbank als Datenquelle aus.

Kontextmenü zum Hinzufügen von Daten.

  1. Wählen Sie dann die Datenbank ASDB: IO Codelab oder den Namen aus, den Sie in den vorherigen Schritten der Datenbank benannt haben.

Menüoption „Datenbank auswählen“.

  1. Klicken Sie im nächsten Dialogfeld das standardmäßige Kästchen ALLE AUSWÄHLEN an und klicken Sie dann auf Zur App hinzufügen.

Dialogfeld zur Auswahl der Inhabertabelle, die der AppSheet-App hinzugefügt werden soll.

Beim Hinzufügen der Eigentümertabelle zur App wird der Fehler Referenz nicht mehr angezeigt.

Screenshot der AppSheet-App ohne Referenzfehler

  1. Nachdem Sie die neue AppSheet-Tabelle Owners hinzugefügt haben, können Sie eine neue Ansicht zum Anzeigen dieser Daten erstellen. Klicken Sie dazu in AppSheet auf die Seite Views (Ansichten) und dann neben PRIMARY NAVIGATION auf +.

Die Seite "Aufrufe" mit dem "+" .

  1. Klicken Sie im Dialogfeld Neue Ansicht hinzufügen auf Neue Ansicht erstellen.

Neues Dialogfeld „Ansicht“ hinzufügen.

  1. Legen Sie beim Erstellen der neuen Ansicht die folgenden Optionen fest:

Ansichtsname: Inhaber Für diese Daten: Inhaber Ansichtstyp: deck

Bearbeitungsseite für die Ansicht „Inhaber“ aufrufen.

Herzlichen Glückwunsch, Ihre App ist jetzt fertig!

  1. Um die Referenz zwischen Aufgaben und Inhabern zu testen, klicken Sie entweder in der mobilen Vorschau auf die Ansicht Inhaber oder auf die Ansicht Aufgaben. Wählen Sie dann einen Eintrag aus, um die zugehörigen (referenzierten) Datensätze zu sehen.

Screenshot der AppSheet App mit hervorgehobener Mobilgerätevorschau rechts

Sie können beispielsweise auf die Ansicht Owners und dann auf einen Datensatz klicken, um die zugehörigen Task-Datensätze aufzurufen.

Bild, das die Auswahl eines Eigentümers und die Aufschlüsselung nach einer zugehörigen Aufgabe zeigt.

5. Datenbank ändern und Tabelle „Tasks“ neu generieren

Nachdem Sie nun eine AppSheet-Datenbank erstellt und eine neue Anwendung daraus generiert haben, versuchen Sie, eine Tabelle in der Datenbank zu ändern. Den Datentyp einer Spalte ändern und beobachten, was in der verknüpften AppSheet-App passiert.

  1. Ändern Sie in der Tabelle Tasks in der Datenbank den Typ der Spalte Fälligkeitsdatum zu Datum und Uhrzeit > Datum:

Typ der Spalte „Fälligkeitsdatum“ der Aufgabentabelle in „Datum“ im ASDB-Editor ändern.

Wenn Sie zur AppSheet-App zurückkehren, wird eine Warnung angezeigt, dass die Datenbank aktualisiert wurde:

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

Der AppSheet-Editor erkennt eine Schemaänderung in der Datenbank und gibt eine Warnung aus.

  1. Klicken Sie dazu rechts oben auf das Symbol d1a956498c05d75f.png.
  2. Dadurch wird ein Dialogfeld mit einer Warnung angezeigt:

Dialogfeld mit Warnung zur erneuten Generierung.

  1. Klicken Sie auf Neu generieren, um fortzufahren. Dadurch wird der Typ der Spalte Fälligkeitsdatum in der App auf den Typ Datum aktualisiert und das Eingabeelement zur Datumsauswahl im Formular Bearbeiten für Aufgabendatensätze wird aktiviert.

Formular zum Bearbeiten der AppSheet-App mit dem DatePicker-Eingabeelement

6. Glückwunsch

Sie haben das Codelab für die AppSheet-Datenbank (ASDB) abgeschlossen.

Weitere Informationen