Tworzenie aplikacji niewymagającej umiejętności kodowania z użyciem natywnej bazy danych AppSheet

1. Zanim zaczniesz

Baza danych AppSheet (ASDB) to natywna baza danych własnych AppSheet służąca do organizowania danych, które zasilają aplikacje AppSheet, i zarządzania nimi. Jej interfejs i lepsza wydajność zapewniają lepsze wrażenia zarówno twórcy aplikacji, jak i użytkownikowi w porównaniu z innymi powszechnie używanymi zewnętrznymi źródłami danych, takimi jak Arkusze Google, BigQuery i Cloud SQL. Baza danych AppSheet jest domyślną opcją danych dla każdej aplikacji AppSheet.

Czego się nauczysz

  • Jak utworzyć nową bazę danych AppSheet z przykładowymi danymi lub zaimportowanymi danymi z arkusza Google.
  • Jak dostosowywać dane w edytorze bazy danych AppSheet
  • Jak wygenerować aplikację AppSheet z bazy danych AppSheet.
  • Jak zmienić bazę danych i ponownie wygenerować tabele w AppSheet, aby uwzględnić zmiany w strukturze tabeli.

Co utworzysz

W tym samouczku dowiesz się, jak wygenerować i dostosować nową bazę danych AppSheet, najpierw od zera, korzystając z domyślnych danych dostarczonych przez bazę danych AppSheet, a następnie na podstawie istniejących danych w arkuszu Google. Następnie pokazuje, jak wygenerować nową aplikację AppSheet z bazy danych AppSheet. Na koniec pokazuje, jak zmienić tabelę bazy danych w edytorze bazy danych, a następnie ponownie wygenerować tabelę w edytorze aplikacji AppSheet.

Czego potrzebujesz

  • Dostęp do środowiska programistycznego AppSheet ( appsheet.com).

2. Tworzenie i dostosowywanie nowej bazy danych AppSheet od zera

Aby rozpocząć, utwórz i dostosuj nową bazę danych AppSheet od zera, korzystając z domyślnej bazy danych początkowej. Dzięki temu możesz poeksperymentować z edytorem bazy danych bez zakłócania kolejnych kroków w tym ćwiczeniu.

  1. Otwórz stronę główną AppSheet ( appsheet.com), a następnie kliknij Utwórz > Baza danych > Nowa baza danych.

Nowa baza danych od zera

  1. Zostanie utworzona nowa przykładowa baza danych i wyświetli się edytor bazy danych AppSheet.

Obraz nowej przykładowej bazy danych w edytorze baz danych AppSheet.

  1. Dostosuj bazę danych, zmieniając jej nazwę z Baza danych bez nazwy na Baza danych zadań. (Aby edytować nazwę bazy danych, kliknij dwukrotnie domyślny tytuł Baza danych bez nazwy).
  2. Zmień nazwę tabeli Tabela 1 na Zadania. (Kliknij dwukrotnie kartę, aby ją edytować).
  3. Zmień nazwę pierwszej kolumny z Tytuł na Zadanie.
  4. Aby dodać nowy rekord, w lewym górnym rogu kliknij + .

Ilustracja przedstawiająca sposób dodawania nowego rekordu przez kliknięcie + w lewym górnym rogu

  1. Kliknij dwukrotnie kolumnę Stan, aby zobaczyć, jak są używane typy Enum Type i Dropdown Item.

Edytor właściwości kolumny „Stan”. Używane są typ „Enum” i typ produktu „Menu”.

  1. Opcjonalnie: kliknij przyciski po znakach =, aby pokolorować każdą opcję menu.

kolorowanie opcji menu za pomocą selektora kolorów;

  1. Opcjonalnie: eksperymentuj dalej z edytorem, dodając nowe opcje do wyliczenia Status (kliknij Dodaj opcję) wraz z nowymi kolorami.
  2. Opcjonalnie: wypróbuj różne typy kolumn, takie jak Kolor, Postęp, Tak/Nie i Telefon, a następnie obserwuj ich działanie.

Menu kontekstowe dla wszystkich obsługiwanych typów danych w ASDB.

Możesz dalej eksperymentować z edytorem bazy danych. W kolejnych krokach utworzysz nową bazę danych.

3. Tworzenie i dostosowywanie nowej bazy danych przez importowanie z arkusza Google

Z tych instrukcji dowiesz się, jak importować dane z arkusza Google.

Tworzenie bazy danych na podstawie arkusza

  1. Najpierw utwórz kopię tego publicznego arkusza Google i zmień jego nazwę na ASDB: IO Codelab.

Zwróć uwagę, że ma ona 2 karty: Zadania i Właściciele.

  1. Jak poprzednio, otwórz stronę główną AppSheet ( appsheet.com), a następnie kliknij Utwórz > Baza danych > Importuj z Arkuszy.

Tworzenie bazy danych na podstawie importu z Arkuszy

  1. W selektorze plików na Dysku Google wybierz kopię arkusza ASDB: IO Codelab lub plik o innej nazwie.

Spowoduje to utworzenie nowej bazy danych AppSheet na podstawie danych z arkusza.

Zrzut ekranu przedstawiający wygenerowaną bazę danych AppSheet z arkusza w edytorze bazy danych.

Dodawanie odwołania do tabeli Listy zadań

Następnie dodaj odwołanie do tabeli Właściciele z tabeli Zadania.

  1. W tabeli Tasks w bazie danych AppSheet kliknij dwukrotnie kolumnę Owner, aby edytować jej ustawienia.
  2. Zmień typ z Tekst na Odwołania > Odwołanie.

wybieranie typu pliku referencyjnego,

  1. Ustaw Tabela do odwołania na Właściciele, a następnie kliknij Zapisz.

Okno dialogowe do ustawienia typu: Odniesienie i tabela do odniesienia: Właściciele

  1. Pojawi się ostrzeżenie o zmianie typu kolumny. W tym przypadku dane w tej kolumnie są zgodne z nowym typem kolumny, więc możesz kliknąć Tak, aby kontynuować.

Okno dialogowe zmiany typu kolumny na Tak/Nie.

  1. Baza danych AppSheet próbuje następnie dopasować odpowiednie wiersze w tabeli Właściciele do nazw w tabeli Zadania. Ponieważ ten zbiór danych pasuje, baza danych AppSheet powinna wypełnić kolumnę Właściciel odpowiednimi odwołaniami do wierszy Właściciele.

Tabela zadań w edytorze ASDB z prawidłową wartością w kolumnie Właściciel.

  1. Aby przetestować odwołanie, kliknij komórkę Właściciel i zmień ją na innego właściciela, np. Sarah.

wybranie innego właściciela w wyskakującym okienku dostarczonym przez plik referencyjny;

Po wybraniu nowa wartość (Sarah) pojawi się w komórce Właściciel (w tabeli Zadania).

Po wybraniu innego właściciela, w kolumnie Właściciel w tabeli Zadania pojawi się imię i nazwisko właściciela, czyli Sarah.

Zmień kolumnę Etykieta w tabeli, do której odwołuje się formuła.

Baza danych AppSheet umożliwia wybranie kolumny z etykietami dla dowolnej tabeli. Pozwala to określić, która kolumna ma się pojawiać w tabeli nadrzędnej. Określa to również, co jest wyświetlane w tabeli nadrzędnej w połączonej aplikacji frontowej AppSheet. Zamiast wyświetlać w tabeli Zadań kolumnę Nazwa z tabeli Właściciele (pokazanej wcześniej), możesz wyświetlić kolumnę E-mail z tabeli Właściciele.

  1. Aby to zrobić, w tabeli Właściciele zmień Kolumna etykiet na Adres e-mail. W tym celu najedź kursorem na prawą stronę nagłówka kolumny Adres e-mail i kliknij wielokropek w pionie.

Ilustracja przedstawiająca pionowy wielokropek po prawej stronie nagłówka kolumny.

Spowoduje to wyświetlenie menu kontekstowego kolumny.

Menu kontekstowe kolumny z wybraną opcją „Użyj kolumny jako etykiety”.

  1. W menu kontekstowym kliknij Użyj kolumny jako etykiety, aby ustawić etykietę kolumny na kolumnę Adres e-mail.

Nagłówek kolumny adresu e-mail z etykietą Kolumna w lewym górnym rogu.

  1. Aby sprawdzić, czy kolumna E-mail jest wybrana jako etykieta kolumny odwołująca się do tabeli Zadania, kliknij kartę tabeli Zadania i zwróć uwagę, że w kolumnie Właściciel są teraz wyświetlane adresy e-mail. Aby zobaczyć zaktualizowaną kolumnę Właściciel, konieczne może być odświeżenie przeglądarki.

Kolumna Właściciel w tabeli Zadania, w której wyświetlają się adresy e-mail, ponieważ kolumna E-mail w tabeli Właściciele została ustawiona jako etykieta kolumny.

4. Generowanie aplikacji AppSheet z bazy danych AppSheet

Po zakończeniu dostosowywania bazy danych możesz wygenerować aplikację AppSheet bezpośrednio z bazy danych. Jest to przydatne, jeśli chcesz mieć niestandardowy interfejs użytkownika, dodać automatyzację lub filtry zabezpieczeń itp. Aby to zrobić:

  1. Po prawej stronie edytora ASDB kliknij Aplikacje.

Zrzut ekranu edytora bazy danych AppSheet z zaznaczonym przyciskiem „Aplikacje” po prawej stronie.

Spowoduje to wyświetlenie menu kontekstowego po prawej stronie, w którym możesz wygenerować nową aplikację.

Ten sam zrzut ekranu co wcześniej, ale z oknem z przyciskiem „Nowa aplikacja AppSheet”.

  1. Aby wygenerować nową aplikację, kliknij Nowa aplikacja AppSheet.

Zrzut ekranu wygenerowanej aplikacji AppSheet.

Podczas generowania aplikacji zauważysz, że wyświetla się ostrzeżenie:

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

Dzieje się tak, ponieważ wygenerowana aplikacja zawiera tylko tabelę Lista zadań, a jej kolumna Właściciel odwołuje się do nieznanej tabeli Właściciele.

Aby to naprawić, dodaj tabelę Właściciele do aplikacji AppSheet.

  1. Na stronie Dane w edytorze AppSheet kliknij +.

Strona danych z wyróżnioną ikoną „+”.

  1. W menu kontekstowym Dodaj dane wybierz jako źródło danych Baza danych AppSheet.

Menu kontekstowe Dodaj dane.

  1. Następnie wybierz bazę danych ASDB: IO Codelab (lub inną nazwę, którą nadano bazie danych w poprzednich krokach).

Wybierz opcję menu bazy danych.

  1. W następnym oknie zaznacz domyślne pole wyboru SELECT ALL (WYBIERZ WSZYSTKIE), a potem kliknij Add to app (DODAJ DO APLIKACJI).

Okno wyboru tabeli Właściciele do dodania do aplikacji AppSheet.

Po dodaniu do aplikacji tabeli Właściciele błąd Odniesienie nie będzie się już pojawiać.

Zrzut ekranu aplikacji AppSheet bez błędów odniesienia.

  1. Po dodaniu nowej tabeli AppSheet Owners możesz utworzyć nowy widok, aby wyświetlać te dane. W tym celu kliknij stronę Views (Widoki) w AppSheet i kliknij + obok PRIMARY NAVIGATION (NAWIGACJA GŁÓWNA).

Strona Widoki z zaznaczoną ikoną „+”.

  1. W oknie Dodaj nowy widok kliknij Utwórz nowy widok.

Okno Dodaj nowy widok.

  1. Podczas tworzenia nowego widoku ustaw te opcje:

Nazwa widoku: Właściciele Dane: Właściciele Typ widoku: deck

Wyświetlanie strony edycji widoku Właściciele.

Gratulacje, Twoja aplikacja jest gotowa.

  1. Aby przetestować odniesienie między zadaniami a właścicielami, w podglądzie mobilnym kliknij widok Właściciele lub Zadania, a następnie wybierz rekord, aby wyświetlić powiązane (odniesione) rekordy.

Zrzut ekranu aplikacji AppSheet z wyróżnionym podglądem mobilnym po prawej stronie.

Możesz na przykład kliknąć widok Właściciele, a następnie kliknąć rekord, aby pozyskać szczegółowe informacje i wyświetlić powiązane z nim rekordy Zadanie.

Obraz przedstawiający wybieranie właściciela i przechodzenie do powiązanego zadania.

5. Zmień bazę danych i wygeneruj ponownie tabelę zadań

Po utworzeniu bazy danych AppSheet i wygenerowaniu z niej nowej aplikacji spróbuj zmodyfikować tabelę w bazie danych. Zmień typ danych kolumny i sprawdź, co się stanie w połączonej aplikacji AppSheet.

  1. W tabeli Tasks w bazie danych zmień typ kolumny Due Date na Date and time > Date (Data i godzina > Data).

Zmiana typu kolumny „Termin” w tabeli „Zadanie” na „Data” w edytorze ASDB.

Po powrocie do aplikacji AppSheet zobaczysz, że wykrywa ona aktualizację bazy danych i wyświetla ostrzeżenie:

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

Edytor AppSheet wykrywa zmianę schematu w bazie danych i wyświetla ostrzeżenie.

  1. Aby wygenerować ponownie, kliknij ikonę d1a956498c05d75f.png w prawym górnym rogu.
  2. Spowoduje to wyświetlenie okna z ostrzeżeniem:

Okno ostrzeżenia o regeneracji.

  1. Aby kontynuować, kliknij Wygeneruj ponownie. Spowoduje to zmianę typu kolumny Termin w aplikacji na typ Data i włączenie elementu wejściowego selektora dat w formularzu Edytuj dla rekordów zadań.

Formularz edycji aplikacji AppSheet z elementem wejściowym DatePicker.

6. Gratulacje

Udało Ci się ukończyć ćwiczenie z programowania dotyczące bazy danych AppSheet (ASDB).

Więcej informacji