跳到内容
+

连接到数据

无论是数据库表还是外部 API,Toolpad Studio 都提供了从服务器端数据读取和写入的机制。

查询

查询允许您将后端数据引入您的 Toolpad Studio 页面。它们在页面加载时自动调用,以便数据在用户与之交互时立即作为页面上的状态可用。Toolpad Studio 将缓存并定期刷新数据。这意味着您的后端函数将被多次调用。查询不适用于修改数据的后端函数。您可以修改以下查询设置

Query settings

查询的设置

  • 模式

    您可以通过此设置将查询转换为操作。

  • 重新获取间隔

    您可以配置查询以按间隔运行,例如每 30 秒。

  • 已启用

    您可以使用此选项来启用或禁用查询的运行

查询可以通过这些查询对象上可用的 refetch 函数以编程方式重新获取。例如,对于名为 getOrders 的查询,您可以添加

getOrders.refetch();

在 Button 组件的 onClick 绑定中。

操作

操作允许在用户交互时对远程数据源执行更新(编辑、更新、删除)。操作不会自动调用,它们必须在绑定中通过 JavaScript 表达式以编程方式调用。例如,对于名为 createCustomer 的查询,我们可以添加

createCustomer.call();

在 Button 组件的 onClick 绑定中。