使用原生 AppSheet 資料庫建構無程式碼應用程式

1. 事前準備

AppSheet 資料庫 (ASDB) 是 AppSheet 的第一方原生資料庫，可用於整理及管理 AppSheet 應用程式所需的資料。相較於 Google 試算表、BigQuery 和 Cloud SQL 等其他常用的外部資料來源，新版介面的介面和效能大幅提升，讓應用程式建立者和使用者都能享有更優質的體驗。AppSheet 資料庫是任何 AppSheet 應用程式的預設資料選項。

課程內容

  • 如何使用範例資料建立新的 AppSheet 資料庫，或是從 Google 試算表匯入資料。
  • 如何在 AppSheet 資料庫編輯器中自訂資料。
  • 如何從 AppSheet 資料庫產生 AppSheet 應用程式。
  • 如何變更資料庫並重新產生 AppSheet 中的資料表，以便因應資料表結構變更。

建構項目

本程式碼研究室將逐步說明如何產生及自訂新的 AppSheet 資料庫，首先使用 AppSheet 資料庫提供的預設資料，再從 Google 試算表中的現有資料開始。接著，逐步說明如何從 AppSheet 資料庫產生新的 AppSheet 應用程式。最後，說明如何在資料庫編輯器中變更資料庫表格，然後在 AppSheet 應用程式編輯器中重新產生表格。

軟硬體需求

2. 從頭開始建立及自訂新的 AppSheet 資料庫

如要開始使用，請使用預設的入門資料庫，從頭建立及自訂新的 AppSheet 資料庫。這樣一來，您就能嘗試使用資料庫編輯器，而不會影響程式碼研究室的後續步驟。

  1. 前往 AppSheet ( appsheet.com) 首頁，然後依序點選「建立」>「資料庫」>「新增資料庫」。

從頭開始建立新資料庫

  1. 系統會建立新的範例資料庫，並顯示 AppSheet 資料庫編輯器。

圖片：AppSheet 資料庫編輯器中的新資料庫範例。

  1. 如要自訂資料庫，請將資料庫名稱從「Untitled database」變更為「Tasks DB」。(按兩下預設標題「Untitled database」即可編輯資料庫名稱)。
  2. 將「Table 1」表格的名稱變更為「Tasks」。(按兩下分頁即可編輯)。
  3. 將第一欄從「標題」變更為「工作」。
  4. 按一下左上角的「+」即可新增記錄。

圖片：如何按左上角的「+」新增記錄

  1. 按兩下「狀態」欄，查看「列舉類型」和「下拉式選單項目」類型的使用方式。

「狀態」欄的資源編輯器。類型：「列舉」和項目類型：「下拉式選單」

  1. 選用：按一下 = 符號後方的按鈕，為每個下拉式選單選項加上顏色。

使用顏色挑選器調整下拉式選單選項的顏色。

  1. 選擇性步驟：新增「狀態」列舉 (點選「新增選項」) 和新的顏色選項，進一步使用編輯器進行實驗。
  2. 選用步驟：嘗試使用不同的資料欄類型，例如「顏色」、「進度」、「是/否」和「電話」，然後觀察這些欄的行為。

ASDB 中所有支援的資料類型適用的內容相關選單。

歡迎您進一步嘗試使用資料庫編輯器。在後續步驟中，您將建立新的資料庫。

3. 從 Google 試算表匯入資料，建立及自訂新資料庫

以下步驟說明如何從 Google 試算表匯入資料。

從工作表建立資料庫

  1. 首先，複製這份公開的 Google 試算表，並將其重新命名為 ASDB: IO Codelab。

請注意，這裡有兩個分頁：「工作」和「擁有者」。

  1. 和先前一樣，前往 AppSheet ( appsheet.com) 首頁，然後依序點選「建立」>「資料庫」>「從試算表匯入」。

從試算表匯入資料建立資料庫

  1. 在 Google 雲端硬碟檔案選擇器中，選取試算表 ASDB: IO Codelab 的副本或命名的名稱。

系統會根據試算表中的資料，產生新的 AppSheet 資料庫。

資料庫編輯器中，從工作表產生的 AppSheet 資料庫螢幕截圖。

新增對「Tasks」資料表的參照

接著，從「工作」表格中新增「擁有者」表格的參照。

  1. 在 AppSheet 資料庫的「工作」表格中，按兩下「擁有者」欄，即可編輯設定。
  2. 將類型從「Text」變更為「References」>「Reference」。

選取參考類型

  1. 將「Table to reference」設為「Owners」，然後按一下「Save」。

對話方塊：設定「類型」為「參照」，並設定「參照的資料表」為「擁有者」

  1. 系統會顯示變更資料欄類型的警告。在這種情況下，這一欄的資料與新資料欄類型相容，因此您可以按一下「是」繼續操作。

變更資料欄類型「是/否」對話方塊。

  1. 接著，AppSheet 資料庫會嘗試比對「Owners」資料表中的相應資料列，與「Tasks」資料表中的名稱。由於這組資料相符，AppSheet 資料庫應會在「Owner」欄中填入正確的「Owners」列參照。

ASDB 編輯器中的「Tasks」表格，顯示正確的「Owner」欄值。

  1. 如要測試參照，請按一下「擁有者」儲存格，並將其更新為其他擁有者，例如 Sarah。

透過參考資料提供的彈出式視窗，選取其他擁有者。

選取後，新的值 (Sarah) 就會顯示在「Tasks」表格中的「Owner」儲存格中。

選取其他擁有者後，「工作」表格的「擁有者」欄會顯示擁有者的名稱「Sarah」。

變更參照表格的「Label」欄

AppSheet 資料庫可讓您為任何資料表選取標籤欄。這樣一來，您就能指定要讓哪些欄出現在父項資料表中。這項設定也會決定已連結 AppSheet 前端應用程式中父項資料表的顯示內容。因此，您可以改為在「Tasks」資料表中顯示「Owners」資料表的「Email」欄，而非「Name」欄。

  1. 如要這樣做，請將滑鼠遊標懸停在「電子郵件」欄標題右側，然後按一下垂直刪節號，將「擁有者」表格中的「標籤欄」變更為「電子郵件」。

圖片：顯示資料欄標題右側的直式省略號。

這會叫用資料欄的內容選單。

資料欄的內容選單顯示「以資料欄當做標籤」已選取。

  1. 在內容選單中選取「以資料欄做為標籤」，將欄標籤設為電子郵件欄。

電子郵件欄標題，標題左上方有「欄」標籤標記。

  1. 如要確認系統已選取「電子郵件」欄做為參照「Tasks」表格的欄標籤，請按一下「Tasks」表格分頁，並注意「Owner」欄現在會顯示電子郵件地址。您可能需要重新整理瀏覽器，才能看到更新後的「Owner」欄。

Tasks 表格的「Owner」欄顯示電子郵件地址，因為參照的「Owners」表格中「Email」欄已設為欄標籤。

4. 從 AppSheet 資料庫產生 AppSheet 應用程式

完成資料庫自訂設定後，您可以直接從資料庫產生 AppSheet 應用程式。如果需要自訂前端 UI，且需要新增自動化動作或安全性篩選器等，這項功能就能派上用場。請按照下列步驟操作：

  1. 按一下 ASDB 編輯器右側的「應用程式」。

AppSheet 資料庫編輯器的螢幕截圖，右側以高亮顯示「Apps」按鈕。

這會叫用右側的內容相關選單，產生新的應用程式。

與之前相同的螢幕截圖，但內含「New AppSheet app」按鈕的對話方塊。

  1. 按一下「New AppSheet app」，產生新的應用程式。

產生的 AppSheet 應用程式螢幕截圖。

應用程式產生後，請注意應用程式有警告：

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

這是因為產生的應用程式只有 Tasks 資料表，且其「Owner」欄有不明資料表「Owners」的參照。

如要解決這個問題，請將「Owners」資料表新增至 AppSheet 應用程式。

  1. 在 AppSheet 編輯器的「資料」頁面中，按一下「+」。

資料頁面，其中醒目顯示「+」圖示。

  1. 在「Add data」內容選單中，選取「AppSheet Database」做為資料來源。

新增資料內容選單。

  1. 接著選取 ASDB：IO Codelab 資料庫 (或您在先前步驟中命名的資料庫)。

選取資料庫選單選項。

  1. 在後續對話方塊中，勾選預設的「全選」核取方塊，然後按一下「新增至應用程式」。

對話方塊，用於選取要新增至 AppSheet 應用程式的「Owners」表格。

由於應用程式已新增「Owners」表格，因此系統不會再顯示「Reference」錯誤。

沒有參照錯誤的 AppSheet 應用程式螢幕截圖。

  1. 新的「擁有者」AppSheet 資料表已新增完成，您現在可以在 AppSheet 中按一下「Views」頁面，然後點選「主要導覽」旁的「+」，以建立新的檢視畫面。

「觀看次數」頁面，其中「+」圖示已醒目顯示。

  1. 在「新增資料檢視」對話方塊中，按一下「建立新資料檢視」

新增「View」對話方塊。

  1. 建立新檢視畫面時，請設定下列選項：

檢視名稱：擁有者 (針對此資料)：擁有者 檢視類型：牌組

查看「房東」檢視畫面的編輯頁面。

恭喜，您的應用程式現已完成！

  1. 如要測試工作和工作負責人之間的參照，請在行動裝置預覽畫面中，按一下「工作負責人」檢視畫面或「工作」檢視畫面，然後選取記錄，查看相關 (參照) 記錄。

AppSheet 應用程式的螢幕截圖，以方框特別標出行動裝置預覽畫面。

舉例來說，您可以按一下「Owners」檢視畫面，然後點選記錄，即可深入查看相關的「Task」記錄。

圖片顯示選取擁有者，並深入查看相關工作。

5. 變更資料庫並重新產生「Tasks」資料表

建立 Appsheet 資料庫並從中產生新應用程式後，請嘗試變更資料庫中的資料表。變更資料欄資料類型，並觀察連結的 AppSheet 應用程式發生的情形。

  1. 在資料庫的「Tasks」資料表中，將「Due Date」欄的類型變更為「Date and time > Date」。

在 ASDB 編輯器中，將工作表的「Due Date」欄類型變更為「Date」。

請注意，當您返回 AppSheet 應用程式時，系統會偵測到資料庫已更新，並顯示警告：

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

AppSheet 編輯器偵測到資料庫中的結構定義變更，並提供警告。

  1. 如要重新產生，請按一下右上角的「重新產生」圖示 d1a956498c05d75f.png。
  2. 這會觸發警告對話方塊：

重新產生警告對話方塊。

  1. 點選「再次生成」繼續操作。這樣會將應用程式中的「Due Date」資料欄類型更新為「Date」，並在工作記錄的「Edit」表單中啟用日期挑選器輸入元素。

AppSheet 應用程式編輯表單，顯示 DatePicker 輸入元素。

6. 恭喜

您已完成 AppSheet 資料庫 (ASDB) 程式碼研究室！

其他資訊