跳到内容
+

概述

浏览 Toolpad Studio 示例集合,帮助你熟悉 Toolpad Studio 的概念。

此集合包含展示如何连接 API、添加自定义组件、添加密钥、添加身份验证、使用 ORM 等的应用。

如果你对我们 MUI 如何使用 Toolpad Studio 构建内部应用感兴趣,请查看这篇博客文章

npm 统计数据

这个分析仪表板展示了如何从第三方数据源跟踪 KPI。

基础 CRUD 应用

一个管理应用,展示 CRUD 操作在 Toolpad Studio 中是如何工作的。

二维码生成器

一个基础的 Toolpad Studio 应用,可以将任何文本或 URL 转换为二维码。

使用 Prisma

一个基础的 Toolpad Studio 应用,演示了如何与 Prisma 集成。

Google Sheet

从 Google Sheets 快速获取数据以构建 Toolpad Studio 应用。

狗狗应用

一个根据所选品种或亚品种显示狗狗图片的应用程序。

自定义数据网格

一个基础的 Toolpad Studio 应用,展示了如何使用自定义代码组件自定义数据网格列。

GraphQL 应用

一个显示任何 GitHub 仓库最新 100 位 star 用户的信息的应用程序。

使用 WASM

一个基础的 Toolpad Studio 应用,演示了如何与 WASM 模块集成。

使用 Prisma 的数据提供器

一个基础的 Toolpad Studio 应用,演示了如何将数据提供器与 Prisma 一起使用。

使用 Supabase

一个 Toolpad Studio 应用,从 Supabase 获取数据并在列表组件中显示。

Stripe 发票下载器

一个 Stripe 应用,用于获取和下载发票。

图表

一个基础的 Toolpad Studio 应用,演示了如何使用图表组件。

Google 身份验证

一个展示如何在 Toolpad Studio 中设置 Google 身份验证的应用程序。

自定义服务器

一个展示如何将 Toolpad Studio 与自定义服务器一起使用的应用程序。