小伙伴們，今天我們利用AI實現從0到1開發一個小程序！

需求交給AI：? ? ? ??

我們只要說出自己的開發思路，具體需求交給AI完成！

輸入提示詞：

個人開發的小程序 能開發哪些好備案，用戶喜歡使用的?

AI給出回答

我們將工具類的整理出來作為開發小程序的需求：

給出提示詞：

將使用工具類整理，輸出相關的小程序開發需求

將上面AI輸出的內容整理出來，繼續優化輸入提示詞：

將以上內容集中到一個小程序中，這些功能要是個人開發者可備案的。
需要結合網絡上免費的數據庫存儲一些用戶信息和程序相關的信息。
生成相關的小程序開發需求，并給小程序起一個名字，寫一個20字左右的介紹。

得到了最后的需求分析文檔，這里優化下添加supabase數據庫的使用。

優化以上需求 數據庫使用：Supabase，小程序名稱改為：小妖工具集，給出完整的需求

最終的需求分析文檔我們保存為 需求.md 備用

數據庫準備：? ? ? ??

https://supabase.com/

利用github賬號登錄

創建組織：

創建項目：

進入項目管理界面

獲取apiurl apikey 備用

AI編程claude code：? ? ? ?

將上面的需求文件改名為readme.md 放到項目目錄中

打開cluade code

輸入：@readme.md 根據readme.md的需求，給出微信小程序完整的代碼

一路Yes,claude code 自動給我們創建相關代碼。

數據庫處理，根據自動生成的readme.md開發文檔創建相關的數據庫表

點擊SQL Editor

復制上面生成好的sql預計執行下。

點擊Table Editor?

可看到我們sql語句創建的3張表

創建存儲桶（在 Supabase 控制臺的 Storage 部分手動創建）用來存放圖片

-- 需要創建的桶：

-- 1. avatars (用戶頭像)

-- 2. items (物品照片)

-- 3. media-posters (影視海報)

-- 4. temp-images (臨時圖片處理)

-- 5. decorations (頭像裝飾素材)

-- 6. meme-templates (表情包模板)

將生成好的代碼用微信開發者打開預覽效果如下：

看了下大部分功能都能正常運行，接下來就是測試每個功能，有問題，直接丟給AI進行處理。

優化項目，點擊收納清單無相應，手機端預覽，有文字層浮在界面上，
未能正常與supabase連接實現相應的操作，圖片壓縮大小反而增加了，
九宮格切圖所有的圖片顯示的是右下角的圖片，請重新優化

主界面優化，按照九宮格布局各個功能里面的功能按鈕，美食轉盤優化，界面布局有問題，不能彈出轉盤。
表情包添加用戶自定義模式，由用戶選擇對應的圖片，可保存到數據庫，供后續使用。
所有的彈出頁面重新優化要能正常顯示和保存提交數據。

福利時間：? ? ? ? ? ?

網站：https://clchyj.xiaoxuzhu.cn/

感謝大家的點贊和關注，我們下期見！