使用操作构建基本的 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 过滤器运行。

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 原生查询并分析非表格数据。

下一篇文章