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

1. Zanim zaczniesz

Baza danych AppSheet (ASDB) to domyślna baza danych AppSheet służąca do porządkowania i zarządzania danymi, które obsługują aplikacje AppSheet. Interfejs i zwiększona wydajność zapewniają lepsze wrażenia zarówno twórcy aplikacji, jak i użytkownika końcowego w porównaniu z innymi powszechnie używanymi zewnętrznymi źródłami danych, takimi jak Arkusze Google, Big Query i Cloud SQL. Baza danych AppSheet jest domyślną opcją danych w przypadku 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 na podstawie bazy danych AppSheet.
  • Jak zmodyfikować 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 eksperymentować z edytorem bazy danych bez konieczności stosowania żadnych dalszych czynności w ćwiczeniach.

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

Nowa baza danych od podstaw

  1. Utworzy się nowa przykładowa baza danych i otworzy się edytor bazy danych AppSheet.

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

  1. Spersonalizuj bazę danych, zmieniając jej nazwę z Baza danych bez tytułu 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. Aby dodać nowy rekord, w lewym górnym rogu kliknij + .

Obraz pokazujący dodawanie nowego rekordu przez kliknięcie + w lewym górnym rogu

  1. Kliknij dwukrotnie kolumnę Stan, aby sprawdzić, jak są używane typy wartości i elementu w menu.

Edytor usługi w kolumnie „Stan”. Typ: używane są wartości „Enum” oraz typ elementu: „Menu”

  1. Opcjonalnie: kliknij przyciski po znakach =, aby nadać kolor każdej opcji w menu.

Kolorowanie opcji menu za pomocą selektora kolorów.

  1. Opcjonalnie: eksperymentuj z edytorem, dodając nowe opcje dla typu Stan (kliknij Dodaj opcję) oraz 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

W kolejnych krokach dowiesz się, jak importować dane z Arkuszy Google.

Tworzenie bazy danych na podstawie arkusza

  1. Najpierw utwórz kopię tego publicznego arkusza Google i nazwij go ASDB: IO Codelab.

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

  1. Tak 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 Dysku Google wybierz kopię arkusza kalkulacyjnego ASDB: IO Codelab lub dowolną inną nazwę.

W efekcie nowa baza danych AppSheet zostanie wygenerowana na podstawie danych z arkusza.

Zrzut ekranu pokazujący wygenerowaną bazę danych AppSheet na podstawie 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 Zadania w bazie danych AppSheet kliknij dwukrotnie kolumnę Właściciel, aby edytować jej ustawienia.
  2. Zmień typ z Tekst na Odwołania > Odwołanie.

wybieranie typu pliku referencyjnego

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

Okno ustawiania typu: odwołanie i tabela do odwołania: właściciele

  1. Pojawi się ostrzeżenie dotyczące zmiany 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 Zmień typ kolumny 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 jest zgodny, baza danych AppSheet powinna wypełnić kolumnę Właściciel odpowiednimi odwołaniami do wierszy Właściciel.

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ń właściciela na innego, np. Sarah.

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

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ę jego imię i nazwisko.

Zmienianie kolumny „Etykieta” w tabeli, do której się odwołujesz

Baza danych AppSheet umożliwia wybranie kolumny etykiety dla dowolnej tabeli. Dzięki temu możesz określić, która kolumna ma się wyświetlać w tabeli nadrzędnej. To ustawienie określa też, co jest wyświetlane w tabeli nadrzędnej w połączonej aplikacji frontendowej AppSheet. Zamiast wyświetlać w tabeli Zadania (widocznej wcześniej) kolumnę Nazwa z tabeli Właściciele, możesz wyświetlić kolumnę Adres e-mail z tabeli Właściciele.

  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 pokazujący pionowe wielokropki po prawej stronie nagłówka kolumny.

Spowoduje to wyświetlenie menu kontekstowego kolumny.

Menu kontekstowe kolumny wyświetlane po wybraniu opcji „Użyj kolumny jako etykiety”.

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

Nagłówek kolumny E-mail z oznacznikiem 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 Zadania zawiera adresy e-mail, ponieważ jako etykiety kolumny ustawiono kolumnę Adres e-mail w tabeli Właściciele.

4. Generowanie aplikacji AppSheet na podstawie 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 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 wyróżnionym po prawej stronie przyciskiem „Aplikacje”.

Spowoduje to wyświetlenie menu kontekstowego po prawej stronie, aby wygenerować nową aplikację.

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

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

Zrzut ekranu wygenerowanej aplikacji AppSheet

Podczas generowania aplikacji zobaczysz 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 ma tylko tabelę Tasks, a jej kolumna Owner zawiera odwołanie do nieznanej tabeli Owners.

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

  1. W edytorze AppSheet na stronie Dane kliknij +.

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

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

Dodawanie danych w menu kontekstowym

  1. Następnie wybierz bazę danych ASDB: IO Codelab (lub dowolną nazwę, jaką nadano bazie danych w poprzednich krokach).

Wybierz opcję menu bazy danych.

  1. W kolejnym oknie zaznacz domyślne pole wyboru WYBIERZ WSZYSTKIE, a potem kliknij Dodaj do aplikacji.

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

Gdy dodasz do aplikacji tabelę Właściciele, błąd Reference przestanie się pojawiać.

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

  1. Po dodaniu nowej tabeli AppSheet Właściciele możesz utworzyć nowy widok, aby wyświetlać te dane. W tym celu w AppSheet kliknij stronę Widok i kliknij + obok GŁÓWNE MENU NAWIGACJI.

Strona Wyświetlenia z podświetloną ikoną „+”.

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

Dodaj nowe okno widoku.

  1. Podczas tworzenia nowego widoku ustaw te opcje:

Nazwa widoku: Właściciele Te dane: Właściciele Typ widoku: prezentacja

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

Gratulacje, Twoja aplikacja jest gotowa.

  1. Aby przetestować odwołanie między zadaniami a właścicielami, kliknij widok Właściciele lub Zdania w podglądzie na urządzeniu mobilnym, a następnie wybierz rekord, aby wyświetlić powiązane (odwołujące się) rekordy.

Zrzut ekranu aplikacji AppSheet z podświetlonym po prawej stronie podglądem na urządzeniach mobilnych

Możesz na przykład kliknąć widok Właściciele, a następnie rekord, aby wyświetlić powiązane rekordy Zadanie.

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 wygeneruj ponownie tabelę Tasks.

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

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

Zmień typ kolumny Termin w tabeli Zadania na Datę w edytorze ASDB.

Gdy wrócisz do aplikacji AppSheet, wykryje ona, że baza danych została zaktualizowana, i wyświetli 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 dotyczącym regeneracji.

  1. Aby kontynuować, kliknij Wygeneruj ponownie. W aplikacji zmieni się typ kolumny Termin na Data oraz zostanie włączony element danych selektora daty w formularzu Edytuj dla rekordów Zadania.

Formularz edycji aplikacji AppSheet z elementem wejściowym DatePicker

6. Gratulacje

Ukończyłeś/ukończyłaś ćwiczenie z programowania kodu bazy danych AppSheet (ASDB).

Więcej informacji