在线演示
以下真实示例展示了 Craft 文档和 Lovable 应用的效果：
演示中已禁用写入操作
使用 Craft 和 Lovable 构建
自己动手构建
在这个示例中，我们将使用 Craft 管理包含你所有植物及其需求的合集，并使用 Lovable 创建一个精美的仪表盘，让你一目了然地知道哪些植物需要关注。
第 1 步 — 创建你的文档
我们的植物保存在 Craft 文档中的一个合集里。对于每株植物，我们添加了类型、所在房间、浇水频率以及上次浇水时间等信息。当然，你可以调整合集并添加任何你想跟踪的植物相关字段。
使用模板创建一个新文档，其中包含用于你的植物仪表盘的合集：
第 2 步 — 启用 API 访问
为你的文档启用 API 访问，获取一个唯一的 URL，可以用来读取和添加文档内容。
第 1 步
第 2 步
第 3 步
第 4 步
第 5 步
第 6 步
第 3 步 — 在 Lovable 上构建
现在让我们继续在 Lovable 上构建仪表盘的实际网站。对于上面展示的示例网站，我们使用了这个提示词：
我想创建一个仪表盘来追踪我的植物。\n\n信息存储在 Craft 中。请查看附件，其中包含我的 Plant Dashboard Craft 文档当前状态的示例，以及你应该使用的 API 信息来获取文档和植物列表。请仔细阅读 API 文档并按照说明操作。\n\n我想要：\n- 一个仪表盘，展示我所有的植物，以及它们是否需要浇水\n- 用户可以在仪表盘上标记植物为已浇水\n- 这将通过 API 更新 Craft 文档\n- 仪表盘应该美观、现代，带有植物主题\n\n每株植物在合集中都有以下属性：名称（name）、类型（type）、房间（room）、浇水频率（watering frequency）和上次浇水时间（last watered）。
前往 Lovable 并将提示粘贴到提示框中。确保附上我们刚刚下载的文档 AI Bundle。
Lovable 开始工作，分析 bundle 的内容以理解文档结构和如何使用 API。然后它会根据我们的提示开始构建网站。
现在我们拥有了一个漂亮的网站，它展示了我们的植物及其健康状态，还能直接在仪表盘上将它们标记为已浇水！
