小店店務臺模板
示例:拾葉咖啡烘焙室 · 店務臺 · 店務臺
幫我給我們小店做一頁每天在用的店務臺,發成一個網頁連結:頂部寫店名和一個「重新整理資料」按鈕;第一塊是經營,四個數字(本月訂單金額、訂單數、待發貨、沒做完的事)加一張近 7 天銷售額柱狀圖(帶平均線),下面是按狀態篩的待辦;第二塊是商品與庫存(可售 = 庫存減未發貨訂單)、最近訂單表,和一張讓客人登記想要什麼的小表單;第三塊是本週在推的專案和狀態;第四塊是店務打卡,每件事一行、右邊最近 7 天的格子、一個「做完了」按鈕;最後是給熟客的新品投票,顯示票數條。資料都放在資料表裡,以後我只說改哪個數,頁面不用重發。手機上圖表換一套座標。 參考模板:先讀 https://space.24haowan.com/examples/livepage-app/agent.md ,照它的結構和版式做,內容全部換成我的;做成一個單檔案 HTML(樣式寫在頁面裡、不引用外部檔案,手機上好看),並提供 .html 檔案下載。 · 你有活頁工具(MCP):用樣例 livepage-app 當底稿(list_examples key=livepage-app),發成活頁,先給我看預覽。 · 沒有活頁工具、但能發 HTTPS 請求:把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-livepage-app ,把返回的預覽連結和認領連結給我(7 天臨時連結)。 如果你還沒有活頁聯結器(MCP),先讀 https://space.24haowan.com/for-agents.md ,照裡面的說明接入,或不登入直接發布。
豆包、DeepSeek、Kimi、元寶、ChatGPT、Claude……能上網讀連結的都可以
發成微信裡能開啟的連結
WorkBuddy、Claude、Codex 等支援 MCP 的 Agent,微信掃碼登入
幫我接入活頁:先讀 https://space.24haowan.com/for-agents.md ,一步步帶我完成;然後參考 https://space.24haowan.com/examples/livepage-app/agent.md 做一份我自己的「拾葉咖啡烘焙室 · 店務臺」,發成活頁,先給我看預覽。 我的要求:幫我給我們小店做一頁每天在用的店務臺,發成一個網頁連結:頂部寫店名和一個「重新整理資料」按鈕;第一塊是經營,四個數字(本月訂單金額、訂單數、待發貨、沒做完的事)加一張近 7 天銷售額柱狀圖(帶平均線),下面是按狀態篩的待辦;第二塊是商品與庫存(可售 = 庫存減未發貨訂單)、最近訂單表,和一張讓客人登記想要什麼的小表單;第三塊是本週在推的專案和狀態;第四塊是店務打卡,每件事一行、右邊最近 7 天的格子、一個「做完了」按鈕;最後是給熟客的新品投票,顯示票數條。資料都放在資料表裡,以後我只說改哪個數,頁面不用重發。手機上圖表換一套座標。
這份模板
要做的不只是一頁文件,而是每天在用的小應用:經營數字、商品與庫存、訂單登記、專案看板、打卡、投票。資料放在表裡,改表頁面即變,看的人能寫回。只收一次報名選 sample-event-signup。
頁面結構:今天 · 經營 · 商品與訂單 · 專案 · 店務打卡 · 新豆投票 · 怎麼更新 · 自己做一個
- 9 張資料表(頁面 fetch ./_data/<表>.json 取數)
- 讀者經原生表單寫回三張表(訂單意向 / 打卡 / 投票)
- 改表不重發頁面,連結不變
發之前要備好:資料表 orders / daily_sales / todos / products / weekly_board / habits(只讀,append_open=false):店裡每天改表更新;資料表 order_intake(列 sku / qty / name / note)、checkins(列 habit / name / day)、signup(列 choice / name / note),均 append_open=true:三張表單寫進這裡






投屏
投屏