活頁LivePage

同一個連結,手機、電腦、投屏都能開啟,自動適配。

小店店務臺模板

餐飲零售小工具

示例:拾葉咖啡烘焙室 · 店務臺 · 店務臺

幫我給我們小店做一頁每天在用的店務臺,發成一個網頁連結:頂部寫店名和一個「重新整理資料」按鈕;第一塊是經營,四個數字(本月訂單金額、訂單數、待發貨、沒做完的事)加一張近 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,微信掃碼登入

第一次在 WorkBuddy 裡接活頁?看圖文手冊 ›

幫我接入活頁:先讀 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:三張表單寫進這裡

看模板原始碼 ›

同類案例