使用 Craft 建立植物儀表板

在這個例子中，我們將使用 Craft 來管理所有植物及其需求，並使用 Lovable 建立一個精美的儀表板，讓我們一眼就知道哪些植物需要關注。

我們的植物保存在 Craft 文件的合集中。對於每株植物，我們都會新增以下資訊：植物的類型、所在房間、需要澆水的頻率以及上次澆水的時間。當然，你可以調整合集，並新增任何你想要追蹤的植物資訊。

使用範本為你的植物儀表板建立一個包含合集的新文件：

植物儀表板

為你的文件啟用 API 存取，以取得可用於讀取和新增文件的唯一 URL。

步驟 1

開啟「創想」分頁

步驟 2

點選「新增你的第一個 API 連線」

步驟 3

為你的 API 連線設定名稱。

步驟 4

點擊「新增文件」並選擇你的 Plant Dashboard 文件。

步驟 5

用於與文件互動的 API URL 現在顯示在頂部

步驟 6

點擊「下載 AI 套件」按鈕。這會下載一個資料夾，其中包含 API 說明文件和你的文件內容。

請記住，任何知道 API URL 的人都可以讀取和寫入你的文件，包括任何能存取你的植物儀表板網站的人。

現在讓我們繼續在 Lovable 上建立儀表板的實際網站。對於上面顯示的範例網站，我們使用了以下提示：

我想建立一個儀表板來追蹤我的植物。

資訊儲存於 Craft 中。請查看附件，以了解我的 Craft 文件的當前狀態範例，以及用於取得和更新我的植物的 API 資訊。請仔細閱讀 API 文件並遵循其說明。

儀表板應顯示我的植物概覽，並為每株植物配上小插圖和進度指示器，以便查看何時需要澆水。我希望能夠按手動順序、按房間和按緊急程度排序，預設為緊急程度排序。

每株植物都應該有一個「已澆水」按鈕，用於在 Craft 中更新它們上次澆水的日期。

前往Lovable並將提示貼到提示框中。請務必附上我們剛剛下載的文件 AI Bundle。

Lovable 開始工作，分析 bundle 的內容，了解文件結構以及如何使用 API。然後，它開始根據我們的提示建立網站。

現在我們有一個漂亮的網站，可以展示我們的植物及其健康狀況，並讓我們直接從儀表板將它們標記為已澆水！

植物儀表板