使用動作建立基本 CRUD 應用程式

如何使用動作將儀表板變成基本 CRUD 應用程式。

我們將逐步說明如何在儀表板中建立基本 CRUD 應用程式。我們將建立一個小型資料應用程式,從範例資料庫顯示帳戶資訊,讓您可以建立、讀取、更新或刪除記錄 (CRUD)。

這是我們的應用程式運作情況

Updating a record in our basic account app.

這裡有一些設定,但實際的工作量比手動編寫資料應用程式 *少了好幾個數量級*。

建立模型

我們將從建立一個模型開始,這個模型只是原始資料表的「包裝函式」:在本例中為 Accounts 表格。

前往「+ 新增」>「模型」。選取「筆記本編輯器」,然後選取「原始資料」>「範例資料庫」>「Accounts」。

將模型儲存為「Accounts 模型」。我們將這個模型以表格形式新增至 Accounts 應用程式,作為瀏覽記錄的方式。

建立基本動作

前往您剛建立的 Accounts 模型,然後按一下右上角的「資訊」按鈕 (圓圈圖示中的 i),然後按一下「模型詳細資訊」。

從 Accounts 模型詳細資訊頁面,按一下「動作」索引標籤。在頁面中間,按一下「建立基本動作」,Metabase 就會為您產生「建立」、「更新」和「刪除」動作。

Basic actions set up on the Accounts model.

如果您沒有看到動作的索引標籤,表示您的管理員尚未為您的資料庫啟用模型動作。目前,動作僅適用於某些資料庫。一旦您在 Metabase 中擁有模型的存取權,您也可以從「+ 新增」選單或模型詳細資訊頁面建立新的自訂動作。

不過,在本逐步解說中,我們將只使用 Metabase 可以自動為您產生的基本動作:「建立」、「更新」和「刪除」。

建立儀表板並將 Accounts 模型新增至其中

前往「+ 新增」>「儀表板」。將儀表板命名為「Account 應用程式」。這個儀表板將是我們新增

  • 模型
  • 篩選器小工具,以及
  • 將寫回資料庫的動作按鈕。

在儀表板編輯模式下,按一下「+」按鈕,將您建立的「Accounts 模型」新增至儀表板。

將篩選器新增至儀表板,並將篩選器連接至模型卡片

接下來,在儀表板編輯模式下,按一下「篩選器」圖示並選取「ID 篩選器」。

透過從模型卡片的下拉式選單中選取「ID」欄位,將篩選器連接至儀表板卡片。

在「篩選器設定」側邊欄中按一下「完成」。

Connecting an ID filter to the ID field in the model card.

如果您在這裡遇到困難,請查看儀表板篩選器

將三個基本動作新增至儀表板

還是在儀表板編輯模式下,按一下「動作」按鈕圖示以新增動作 (具有滑鼠指標按一下方塊的按鈕)。將滑鼠游標停在動作按鈕上方,然後按一下「齒輪」圖示。

Adding an action in dashboard edit mode.

我們將從將「建立」動作新增至儀表板開始

  • 將「按鈕文字」標籤設為「建立」
  • 將「按鈕變體」保留設為主要
  • 然後從「動作庫」中**挑選動作**:尋找您建立的 Accounts 模型,然後選取「建立」動作。

Connecting an ID filter to the ID field in the model card.

將所有欄位都保留設為「詢問使用者」。

變更「更新」和「刪除」動作,以從儀表板篩選器設定的 ID 參數取得值

新增「更新」和「刪除」的動作按鈕 (並挑選您喜歡的不同按鈕顏色)。

然後,設定「更新」和「刪除」動作以使用儀表板上 ID 篩選器的 ID 執行。

Setting the ID field to get the value from the ID filter on the dashboard.

如果您已經將動作按鈕新增至儀表板,您可以在儀表板模式下,將滑鼠游標停在您要變更的按鈕上方,然後按一下按鈕的「齒輪」圖示。若要變更按鈕應從何處取得其值,請按一下「變更動作」。

新增所有按鈕後,您可以隨意排列它們,然後按一下「儲存」儲存變更。

試用您的新 CRUD 應用程式

將 ID 號碼插入 ID 篩選器,然後按一下「更新」按鈕。變更一個 (或多個) 欄位中的值,然後按下表單底部的「更新」按鈕以提交變更。請注意,目前的範例資料庫缺少循序產生的 ID,因此如果您嘗試建立新記錄,則需要輸入基礎 accounts 表格中尚未使用的 ID。

此時,您應該會有一個可運作的「應用程式」,可以在 accounts 表格中建立、讀取、更新和刪除記錄。

請告訴我們您使用動作建立哪些類型的應用程式。謝謝!

進階閱讀

下一步:將 Metabase 與 MongoDB 搭配使用

使用 Metabase 在 MongoDB 中視覺化和探索您的資料。執行 MongoDB 原生查詢並分析非表格資料。

下一篇文章