活页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:三张表单写进这里

看模板源码 ›

同类案例