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

1. Zanim zaczniesz

Baza danych AppSheet (ASDB) to własna baza danych AppSheet, która służy do porządkowania danych, na których opierają się aplikacje AppSheet, i zarządzania nimi. Interfejs i zwiększona wydajność zapewniają większy komfort 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 dostępna jako domyślna opcja danych w każdej aplikacji AppSheet.

Czego się nauczysz

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

Co utworzysz

Dzięki temu ćwiczeniu w programowaniu dowiesz się, jak wygenerować i dostosować nową bazę danych AppSheet – najpierw od zera z użyciem danych domyślnych udostępnionych przez bazę danych AppSheet, a następnie na podstawie danych istniejących w Arkuszu Google. Następnie pokazuje, jak wygenerować nową aplikację AppSheet na podstawie bazy danych AppSheet. Pokazujemy też, jak zmienić tabelę bazy danych w edytorze bazy danych, a następnie ponownie ją wygenerować w edytorze aplikacji AppSheet.

Czego potrzebujesz

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

2. Tworzenie i dostosowywanie nowej bazy danych AppSheet od zera

Zacznij od utworzenia i dostosowania nowej bazy danych AppSheet od zera, używając jej domyślnej bazy danych startowej. Dzięki temu możesz poeksperymentować z edytorem baz danych bez przerywania kolejnych kroków z ćwiczenia z programowania.

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

Nowa baza danych od zera

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

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

  1. Dostosuj bazę danych, zmieniając nazwę bazy danych 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 Lista zadań. (Kliknij dwukrotnie kartę, aby ją edytować).
  3. Zmień pierwszą kolumnę z Tytuł na Zadanie.
  4. Dodaj nowy rekord, klikając + w lewym górnym rogu .

Obraz pokazujący, jak dodać nowy rekord przez kliknięcie + w lewym górnym rogu

  1. Kliknij dwukrotnie kolumnę Stan, by zobaczyć, jak używane są pola Typ wyliczenia i Typ elementu menu.

Edytor usługi „Stan” . Rodzaj: „Enum” i typ elementu: „Menu” są używane

  1. Opcjonalnie: klikaj przyciski po znaku =, aby pokolorować daną opcję menu.

Kolorowanie opcji w menu za pomocą selektora kolorów.

  1. Opcjonalnie: poeksperymentuj z edytorem, dodając nowe opcje wyliczenia Stan (kliknij Dodaj opcję) i nowe kolory.
  2. Opcjonalnie: eksperymentuj z różnymi typami kolumn, takimi jak Kolor, Postęp, Tak/Nie i Telefon, i obserwuj ich zachowanie.

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

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

3. Utwórz i dostosuj nową bazę danych, importując dane z Arkusza Google

Poniżej znajdziesz instrukcje importowania danych z Arkusza Google.

Tworzenie bazy danych na podstawie arkusza

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

Zwróć uwagę, że ma 2 karty: Lista zadań i Właściciele.

  1. Tak jak wcześniej przejdź na stronę główną AppSheet (appsheet.com), a następnie kliknij Create (Utwórz) > Baza danych > Importuj z Arkuszy

Utwórz bazę danych na podstawie importu z Arkuszy

  1. W selektorze plików na Dysku Google wybierz kopię arkusza ASDB: IO Codelab lub inną nazwę.

Spowoduje to wygenerowanie nowej bazy danych AppSheet, która zostanie wygenerowana na podstawie danych z arkusza.

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

Dodawanie odwołania do tabeli Lista zadań

Następnie dodaj odwołanie do tabeli Właściciele z tabeli Lista zadań.

  1. W tabeli Lista zadań w bazie danych AppSheet kliknij dwukrotnie kolumnę Właściciel, aby edytować jej ustawienia.
  2. Zmień typ z Tekst na Odnośniki > Plik referencyjny.

wybieranie typu pliku referencyjnego

  1. Ustaw tabelę do odwoływania się jako właściciele, a następnie kliknij Zapisz.

Okno do ustawienia Typ: Odwołanie i Tabela, do której należy się odwoływać: Właściciele

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

Okno zmiany typu kolumny: Tak/Nie.

  1. Baza danych AppSheet spróbuje następnie dopasować odpowiednie wiersze w tabeli Właściciele do nazw z tabeli Lista zadań. Ponieważ ten zbiór danych jest zgodny, baza danych AppSheet powinna zawierać w kolumnie Właściciel prawidłowe odwołania do wierszy Właściciele.

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

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

Wybór innego właściciela za pomocą wyskakującego okienka dostarczonego z plikiem referencyjnym.

Po wybraniu nowej wartości (Sara) pojawi się ona w komórce Właściciel (w tabeli Lista zadań).

Po wybraniu innego właściciela w kolumnie Właściciel w tabeli Lista zadań zostanie wyświetlona nazwa użytkownika Sylwia.

Zmień kolumnę Etykieta w tabeli, do której prowadzi odwołanie

W bazie danych AppSheet możesz wybrać kolumnę Etykieta dla dowolnej tabeli. Umożliwia to określenie, która kolumna ma być widoczna w tabeli nadrzędnej. Reguluje to również informacje wyświetlane w tabeli nadrzędnej w połączonej aplikacji frontendowej AppSheet. Dlatego zamiast wyświetlać kolumnę Nazwa z tabeli Właściciele w tabeli Lista zadań (pokazanej wcześniej), możesz zamiast tego wyświetlić z tabeli Właściciele kolumnę E-mail.

  1. Aby to zrobić, zmień wartość Kolumna etykiety w tabeli Właściciele na E-mail. Aby to zrobić, najedź kursorem na prawą część nagłówka kolumny E-mail i kliknij wielokropek w pionie.

Obraz przedstawiający pionową wielokropek po prawej stronie nagłówka kolumny.

Wywołuje to menu kontekstowe kolumny.

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

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

Nagłówek kolumny z adresami e-mail ze znacznikiem etykiety kolumny w lewym górnym rogu nagłówka.

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

Kolumna Właściciel w tabeli Lista zadań zawierająca adresy e-mail, ponieważ kolumna Adres e-mail w tabeli wskazywanych właścicieli została ustawiona jako etykieta kolumny.

4. Generowanie aplikacji AppSheet na podstawie bazy danych AppSheet

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

  1. Po prawej stronie edytora ASDB kliknij Aplikacje.

Zrzut ekranu pokazujący edytor bazy danych AppSheet z przyciskiem „Aplikacje” widoczny po prawej stronie.

Spowoduje to wywołanie menu kontekstowego po prawej stronie w celu wygenerowania nowej aplikacji.

Zrzut ekranu taki sam jak wcześniej, ale z widocznym oknem „Nowa aplikacja AppSheet” Przycisk

  1. Kliknij Nowa aplikacja AppSheet, aby wygenerować nową aplikację.

Zrzut ekranu z wygenerowaną aplikacją AppSheet.

Podczas generowania aplikacji zwróć uwagę na 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ż w wygenerowanej aplikacji znajduje się tylko tabela Lista zadań, a jej kolumna Właściciel zawiera odniesienie do nieznanej tabeli – Właściciele.

Aby temu zapobiec, dodaj tabelę Właściciele do aplikacji AppSheet.

  1. Na stronie Dane w edytorze AppSheet kliknij +.

Strona danych ze znakiem „+” podświetlona.

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

Menu kontekstowe dodawania danych

  1. Następnie wybierz bazę danych ASDB: IO Codelab (lub inną nazwę bazy danych w poprzednich krokach).

Wybierz opcję menu bazy danych.

  1. W kolejnym oknie zaznacz domyślne pole wyboru WYBIERZ WSZYSTKO i kliknij Dodaj do aplikacji.

Okno wyboru tabeli Właściciele, którą chcesz dodać do aplikacji AppSheet.

Po dodaniu do aplikacji tabeli Właściciele błąd Plik referencyjny nie jest już wyświetlany.

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

  1. Po dodaniu nowej tabeli AppSheet Właściciele możesz utworzyć nowy widok danych, aby wyświetlić te dane. Aby to zrobić, kliknij stronę Widoki w AppSheet, a następnie kliknij + obok NAWIGACJA PODSTAWOWA.

Strona Wyświetlenia, ze znakiem „+” podświetlona.

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

Dodaj nowe okno widoku danych.

  1. Podczas tworzenia nowego widoku ustaw te opcje:

Nazwa widoku: Właściciele Dla tych danych: Właściciele Typ widoku: Deck

Wyświetl stronę edycji widoku Właściciele.

Gratulacje! Aplikacja jest już gotowa.

  1. Aby przetestować powiązanie między Listami zadań a właścicielami, kliknij widok Właściciele lub widok Zadania w podglądzie na urządzeniu mobilnym, a następnie wybierz rekord, aby wyświetlić powiązane (związane) rekordy.

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

Możesz na przykład kliknąć widok Właściciele i kliknąć rekord, aby przejść do szczegółów i zobaczyć powiązane z nim rekordy Zadania.

Obraz przedstawiający wybór właściciela i przejście do bardziej szczegółowego widoku w celu wyświetlenia powiązanego zadania.

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

Po utworzeniu bazy danych AppSheet i wygenerowaniu na jej podstawie nowej aplikacji spróbuj zmodyfikować tabelę w bazie danych. Zmień typ danych kolumny i obserwuj, co dzieje się w połączonej aplikacji AppSheet.

  1. W tabeli Lista zadań w bazie danych zmień typ kolumny Termin na Data i godzina > Data.

Zmienić typ kolumny Termin w tabeli zadań na Data w edytorze ASDB.

Gdy wrócisz do aplikacji AppSheet, zauważysz, że baza danych została zaktualizowana 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 je ponownie wygenerować, kliknij ikonę ponownego generowania d1a956498c05d75f.png w prawym górnym rogu.
  2. Powoduje to wyświetlenie okna z ostrzeżeniem:

Okno z ostrzeżeniem o ponownym generowaniu.

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

Formularz edycji aplikacji AppSheet z elementem wejściowym DatePicker.

6. Gratulacje

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

Więcej informacji