使用操作构建基本的 CRUD 应用

如何使用操作将仪表板转变为基本的 CRUD 应用。

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

这是我们的应用实际运行效果

Updating a record in our basic account app.

这里需要相当多的设置,但实际涉及的工作量比手动编写数据应用要小几个数量级

创建模型

我们将首先创建一个模型,它只是原始数据表(在本例中为账户表)的“包装器”。

转到 + 新建 > 模型。选择笔记本编辑器,然后选择原始数据 > 示例数据库 > 账户

将模型保存为“账户模型”。我们将把这个模型作为一个表添加到我们的账户应用中,以便浏览记录。

创建基本操作

转到您刚刚创建的账户模型,点击右上角的信息按钮(圆圈图标中的i),然后点击模型详情

在账户模型详情页面,点击操作选项卡。在页面中间,点击创建基本操作,Metabase 将为您生成创建、更新和删除操作。

Basic actions set up on the Accounts model.

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

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

创建仪表板并添加账户模型

转到+ 新建 > 仪表板。将仪表板命名为“账户应用”。这个仪表板将是我们添加以下内容的地方:

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

在仪表板编辑模式下,点击+按钮将您创建的“账户模型”添加到仪表板。

向仪表板添加筛选器并将筛选器连接到模型卡片

接下来,仍在仪表板编辑模式下,点击筛选器图标并选择ID筛选器。

通过从模型卡片的下拉菜单中选择ID字段,将筛选器连接到仪表板卡片。

点击筛选器设置侧边栏中的完成

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

如果您在这里遇到问题,请查看仪表板筛选器

将三个基本操作添加到仪表板

仍在仪表板编辑模式下,点击操作按钮图标以添加操作(带有鼠标指针点击方框的按钮)。将鼠标悬停在操作按钮上,然后点击齿轮图标。

Adding an action in dashboard edit mode.

我们将首先向仪表板添加创建操作

  • 按钮文本标记为“创建”
  • 按钮变体设置为主要
  • 然后从操作库中选择一个操作:查找您创建的账户模型,并选择创建操作。

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,因此如果您尝试创建新记录,您需要输入一个在底层账户表中尚未使用过的 ID。

至此,您应该拥有一个可用的“应用”,能够在账户表中创建、读取、更新和删除记录。

告诉我们您使用操作构建了什么样的应用。干杯!

进一步阅读

下一篇:将 Metabase 与 MongoDB 结合使用

使用 Metabase 可视化和探索 MongoDB 中的数据。运行 MongoDB 原生查询并分析非表格数据。

下一篇文章
© . All rights reserved.