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

1. Hinweis

Die AppSheet-Datenbank (ASDB) ist die native Datenbank von AppSheet, mit der Sie die Daten organisieren und verwalten können, die für AppSheet-Apps verwendet werden. Die Benutzeroberfläche und die verbesserte Leistung sorgen für eine bessere Nutzererfahrung für den App-Ersteller und den Endnutzer im Vergleich zu anderen häufig verwendeten externen Datenquellen wie Google Sheets, BigQuery und Cloud SQL. AppSheet Databases sind die Standarddatenoption für jede AppSheet-Anwendung.

Lerninhalte

  • So erstellen Sie eine neue AppSheet-Datenbank mit Beispieldaten oder importierten Daten aus einer Google-Tabelle.
  • Daten im AppSheet Database-Editor anpassen
  • So erstellen Sie eine AppSheet-Anwendung aus einer AppSheet-Datenbank.
  • So ändern Sie die Datenbank und generieren Tabellen in AppSheet neu, um Änderungen an der Tabellenstruktur zu berücksichtigen.

Umfang

In diesem Codelab erfahren Sie, wie Sie eine neue AppSheet-Datenbank erstellen und anpassen. Zuerst erstellen Sie sie von Grund auf mit Standarddaten, die von einer AppSheet-Datenbank bereitgestellt werden, und dann aus vorhandenen Daten in einer Google-Tabelle. Anschließend wird beschrieben, wie Sie eine neue AppSheet-Anwendung aus einer AppSheet-Datenbank generieren. Außerdem wird gezeigt, wie eine Datenbanktabelle im Datenbankeditor geändert und dann im AppSheet-App-Editor neu generiert wird.

Voraussetzungen

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

2. Neue AppSheet-Datenbank von Grund auf erstellen und anpassen

Erstellen Sie zuerst eine neue AppSheet-Datenbank und passen Sie sie an. Verwenden Sie dazu die Standard-Starterdatenbank. So haben Sie die Möglichkeit, mit dem Datenbankeditor zu experimentieren, ohne die späteren Schritte im Codelab zu beeinträchtigen.

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

Neue Datenbank erstellen

  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 Aufgaben-DB ändern. Doppelklicken Sie auf den Standardtitel Unbenannte Datenbank, um den Namen der Datenbank zu bearbeiten.
  2. Ändere den Namen der Tabelle 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: So fügen Sie einen neuen Datensatz hinzu, indem Sie links oben auf das Pluszeichen (+) klicken.

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

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

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

Die Drop-down-Optionen werden mit einer Farbauswahl eingefärbt.

  1. Optional: Sie können den Editor weiter ausprobieren, indem Sie neue Optionen für die Status-Enumeration hinzufügen (klicken Sie auf Option hinzufügen) und neue Farben festlegen.
  2. Optional: Testen Sie verschiedene Spaltentypen wie Farbe, Fortschritt, Ja/Nein und Telefon und beobachten Sie das Verhalten.

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

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

3. Neue Datenbank erstellen und anpassen, indem Daten aus einer Google-Tabelle importiert werden

In den folgenden Schritten wird beschrieben, wie Sie Daten aus einem Google-Tabellenblatt importieren.

Datenbank aus einem Tabellenblatt erstellen

  1. Erstellen Sie zuerst eine Kopie dieses öffentlichen Google-Tabellenblatts und benennen Sie es in ASDB: IO Codelab um.

Sie hat zwei Tabs: Aufgaben und Inhaber.

  1. Rufen Sie wie bisher die AppSheet-Startseite ( appsheet.com) auf und klicken Sie auf Erstellen > Datenbank > Aus Tabellen importieren.

Datenbank aus Sheets-Import erstellen

  1. Wählen Sie in der Google Drive-Dateiauswahl Ihre Kopie der Tabelle ASDB: IO Codelab oder den Namen aus, den Sie ihr gegeben haben.

Dadurch wird eine neue AppSheet-Datenbank aus den Daten in der Tabelle generiert.

Screenshot der generierten AppSheet-Datenbank aus einem Tabellenblatt im Datenbankeditor

Referenz zur Tabelle „Tasks“ hinzufügen

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

  1. Doppelklicken Sie in der Tabelle „Tasks“ in der AppSheet-Datenbank auf die Spalte Owner (Inhaber), um die Einstellungen zu bearbeiten.
  2. Ändern Sie den Typ von Text in Verweise > Verweis.

Referenztyp auswählen

  1. Legen Sie Table to reference (Zu referenzierende Tabelle) auf Owners (Inhaber) fest und klicken Sie auf Save (Speichern).

Dialogfeld zum Festlegen von „Typ: Referenz“ und „Tabelle zum Referenzieren: Inhaber“

  1. Eine Warnung zum Ändern des Spaltentyps wird angezeigt. In diesem Fall sind die Daten in dieser Spalte mit dem neuen Spaltentyp kompatibel. Sie können also auf Ja klicken, um fortzufahren.

Dialogfeld „Spaltentyp ändern“

  1. Die AppSheet-Datenbank versucht dann, die entsprechenden Zeilen in der Tabelle „Owners“ (Inhaber) mit den Namen in der Tabelle „Tasks“ (Aufgaben) abzugleichen. Da dieses Dataset übereinstimmt, sollte in der AppSheet-Datenbank die Spalte „Owner“ mit den richtigen Verweisen auf die Zeilen „Owners“ gefüllt werden.

Die Tabelle „Aufgaben“ im ASDB-Editor mit dem richtigen Wert in der Spalte „Inhaber“.

  1. Klicken Sie zum Testen des Verweises auf eine Zelle vom Typ „Inhaber“ und ändern Sie sie in einen anderen Inhaber, z. B. Sarah.

Sie wählen einen anderen Eigentümer über ein Pop-up-Fenster aus, das von der Referenz bereitgestellt wird.

Nach der Auswahl wird der neue Wert (Sarah) in der Zelle „Inhaber“ (in der Tabelle „Aufgaben“) angezeigt.

Nachdem Sie einen anderen Eigentümer ausgewählt haben, wird der Name des Eigentümers, Sarah, in der Spalte „Eigentümer“ der Tabelle „Aufgaben“ angezeigt.

Spalte „Label“ der referenzierten Tabelle ändern

In der AppSheet-Datenbank können Sie für jede Tabelle eine Labelspalte auswählen. So können Sie festlegen, welche Spalte in einer übergeordneten Tabelle angezeigt werden soll. Dies bestimmt auch, was in der übergeordneten Tabelle in einer verknüpften AppSheet-Frontend-App angezeigt wird. Anstatt die Spalte Name aus der Tabelle „Inhaber“ in der Tabelle „Aufgaben“ (siehe oben) anzuzeigen, können Sie stattdessen die Spalte E-Mail aus der Tabelle „Inhaber“ anzeigen.

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

Bild mit dem vertikalen Dreipunkt-Menü rechts neben der Spaltenüberschrift

Dadurch wird das Kontextmenü der Spalte aufgerufen.

Das Kontextmenü der Spalte mit der ausgewählten Option „Spalte als Label verwenden“.

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

Spaltenüberschrift für E-Mail-Adressen mit dem Markierungssymbol für Spaltenlabel links oben in der Überschrift.

  1. Wenn Sie sehen möchten, dass die Spalte „E-Mail“ als Spaltenlabel für die Tabelle „Aufgaben“ 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, um die aktualisierte Spalte „Inhaber“ zu sehen.

Die Spalte „Inhaber“ der Tabelle „Aufgaben“ mit E-Mail-Adressen, da die Spalte „E-Mail“ der referenzierten Tabelle „Inhaber“ als Spaltenlabel festgelegt wurde.

4. AppSheet-App aus einer AppSheet-Datenbank generieren

Nachdem Sie die Datenbank angepasst haben, können Sie direkt aus der Datenbank eine AppSheet-App generieren. Das ist hilfreich, wenn Sie eine benutzerdefinierte Frontend-UI benötigen oder Automatisierungen oder Sicherheitsfilter hinzufügen möchten. Gehen Sie dazu so vor:

  1. Klicken Sie rechts im ASDB-Editor auf Apps.

Screenshot des AppSheet-Datenbankeditors mit der hervorgehobenen Schaltfläche „Apps“ auf der rechten Seite.

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

Gleicher Screenshot wie zuvor, aber mit dem Dialogfeld mit der Schaltfläche „Neue AppSheet-App“.

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

Screenshot der generierten AppSheet-App.

Beachten Sie, dass die App eine Warnung enthält:

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 die Tabelle „Tasks“ enthält und die Spalte „Owner“ einen Verweis auf eine unbekannte Tabelle namens „Owners“ hat.

Fügen Sie dazu die Tabelle „Inhaber“ der AppSheet-App hinzu.

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

Datenseite mit hervorgehobenem „+“-Symbol

  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 aus (oder den Namen, den Sie Ihrer Datenbank in den vorherigen Schritten gegeben haben).

Wählen Sie die Menüoption „Datenbank“ aus.

  1. Wählen Sie im folgenden Dialogfeld das Standardkästchen ALLE AUSWÄHLEN aus und klicken Sie dann auf Zur App hinzufügen.

Dialogfeld zum Auswählen der Tabelle „Inhaber“, die der AppSheet-App hinzugefügt werden soll.

Da die Tabelle „Inhaber“ der App hinzugefügt wird, wird der Fehler Referenz nicht mehr angezeigt.

Screenshot der AppSheet-App ohne Referenzfehler.

  1. Nachdem die neue AppSheet-Tabelle Owners hinzugefügt wurde, können Sie eine neue Ansicht erstellen, um diese Daten anzuzeigen. Klicken Sie dazu in AppSheet auf der Seite Views neben PRIMARY NAVIGATION auf +.

Die Seite „Aufrufe“ mit hervorgehobenem „+“-Symbol.

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

Dialogfeld „Neue Datenansicht hinzufügen“

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

Name der Ansicht: Eigentümer Für diese Daten: Eigentümer Ansichtstyp: deck

Bearbeitungsseite für die Inhaberansicht aufrufen

Herzlichen Glückwunsch, Ihre App ist jetzt fertig!

  1. Wenn Sie die Referenz zwischen „Aufgaben“ und „Inhabern“ testen möchten, klicken Sie in der mobilen Vorschau entweder auf die Ansicht Inhaber oder Aufgaben und wählen Sie dann einen Datensatz aus, um die zugehörigen (referenzierten) Datensätze aufzurufen.

Screenshot der AppSheet App mit der hervorgehobenen mobilen Vorschau auf der rechten Seite.

Sie können beispielsweise auf die Ansicht Inhaber klicken und dann auf einen Datensatz, um ihn aufzuschlüsseln und die zugehörigen Aufgabendatensätze aufzurufen.

Bild, auf dem ein Inhaber ausgewählt und eine zugehörige Aufgabe aufgeschlüsselt wird

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

Nachdem Sie eine AppSheet-Datenbank erstellt und eine neue App daraus generiert haben, können Sie versuchen, eine Tabelle in der Datenbank zu ändern. Ändern Sie den Datentyp einer Spalte und beobachten Sie, was in der verknüpften AppSheet-App passiert.

  1. Ändern Sie in der Datenbank in der Tabelle Tasks den Typ der Spalte Due Date in Date and time > Date (Datum und Uhrzeit > Datum).

Ändern des Typs der Spalte „Fälligkeitsdatum“ der Tabelle „Aufgabe“ in „Datum“ im ASDB-Editor.

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

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 zum Regenerieren oben rechts auf das Symbol d1a956498c05d75f.png.
  2. Dadurch wird ein Warnfeld ausgelöst:

Dialogfeld mit Warnung zur Regeneration.

  1. Klicken Sie auf Neu generieren, um fortzufahren. Dadurch wird der Typ der Spalte Fälligkeitsdatum in der App in Datum geändert und das Eingabeelement für die Datumsauswahl im Bearbeitungsformular für Aufgaben-Datensätze aktiviert.

Das Bearbeitungsformular einer AppSheet-App mit dem DatePicker-Eingabeelement.

6. Glückwunsch

Sie haben das Codelab zur AppSheet-Datenbank (ASDB) abgeschlossen.

Weitere Informationen