文件结构

Toolpad Studio 对文件系统的可访问性使其功能强大。以下是原因。

Toolpad Studio 基于文件系统，这意味着应用程序的整个配置都存储在项目中的文件中。您可以使用 IDE 检查和编辑它们。您还将使用自己的工具来编写自定义函数和组件。以下是文件系统中项目的结构。

您会注意到有一个 toolpad 文件夹包含这些文件。所有与 Toolpad Studio 项目相关的文件都包含在此文件夹中。以下是这些文件的组织方式

• components 包含您的自定义 React 组件。这些组件显示在 Toolpad Studio 的组件库中，可用于构建 UI。
• pages 文件夹在单独的文件夹中存储应用程序所有页面的配置 (.yaml)。您可以查看页面文件规范 schema。您会注意到它有一个 query 对象，它显示 HTTP 请求查询的配置。可以直接从该文件编辑它，但在大多数情况下，您将从可视化查询构建器中编辑它。
• resources 存储使用 自定义函数 创建的函数的 .ts 代码。

组件和 resources 文件夹在您分别创建第一个自定义组件或函数时创建。