使用操作构建基本 CRUD 应用程序

如何使用操作将仪表板变成基本 CRUD 应用程序。

我们将逐步介绍如何在仪表板中构建基本 CRUD 应用程序。我们将构建一个小型数据应用程序,显示来自示例数据库的帐户信息,允许您创建、读取、更新或删除记录 (CRUD)。

这是我们正在运行的应用程序

Updating a record in our basic account app.

这里有很多设置工作,但实际工作量比手动编写数据应用程序要少几个数量级。

创建模型

我们将首先创建一个模型,该模型只是原始数据表的“包装器”:在本例中为 Accounts 表。

转到 + 新建 > 模型。选择 Notebook 编辑器,然后选择原始数据 > 示例数据库 > Accounts。

将模型另存为“Accounts model”。我们将此模型作为表格添加到我们的 Accounts 应用程序中,以便浏览记录。

创建基本操作

转到您刚刚创建的 Accounts 模型,然后单击右上角的“信息”按钮(它是圆形图标中的 i),然后单击“模型详细信息”。

在“Accounts 模型详细信息”页面中,单击“操作”选项卡。在页面中间,单击“创建基本操作”,Metabase 将为您生成创建、更新和删除操作。

Basic actions set up on the Accounts model.

如果您没有看到操作选项卡,则表示您的管理员尚未启用模型操作为您的数据库。目前,操作仅适用于某些数据库。一旦您在 Metabase 中访问模型,您还可以从“+ 新建”菜单或模型详细信息页面创建新的自定义操作。

不过,在本演练中,我们将仅使用 Metabase 可以为您自动生成的基本操作:创建、更新和删除。

创建仪表板并将 Accounts 模型添加到其中

转到 + 新建 > 仪表板。将仪表板命名为“Account app”。此仪表板将是我们添加以下内容的地方

  • 模型
  • 过滤器小部件,以及
  • 将写回数据库的操作按钮。

在仪表板编辑模式下,单击 + 按钮将您创建的“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 本机查询并分析非表格数据。

下一篇文章