面向生活服务门店的作品集 Demo(非真实客户、非签约项目),用于展示可交付能力。门店需要同时解决两件事:把服务项目与门店信息展示清楚,并让顾客按可约时段完成预约,减少电话来回确认。典型场景包括美容护理、到店咨询、生活服务类小店。本 Demo 把 C 端浏览与 B 端名单处理串成一条可演示流程。支付仅为模拟下单,不涉及真实交易与真实门店。
点击空白处退出提示
面向生活服务门店的作品集 Demo(非真实客户、非签约项目),用于展示可交付能力。门店需要同时解决两件事:把服务项目与门店信息展示清楚,并让顾客按可约时段完成预约,减少电话来回确认。典型场景包括美容护理、到店咨询、生活服务类小店。本 Demo 把 C 端浏览与 B 端名单处理串成一条可演示流程。支付仅为模拟下单,不涉及真实交易与真实门店。
功能覆盖 C 端与 B 端。C 端包括首页、服务列表与详情、时段预约、我的预约,顾客可选择服务与可约时间并提交预约单。B 端包括预约名单筛选,状态流转覆盖待确认、已确认、已完成、已取消,并支持将名单导出为 CSV。接口层为 Express 假数据 API,便于本地把整条预约流程演示出来。技术栈:Vue3 + Vite(移动端 H5,按 uni-app 结构组织,便于迁移到微信小程序),以及 Vue3 管理后台。代码与说明见 Gitee:https://gitee.com/libace_bigc/wechat-miniprogram-demo 目录 demos/store-booking。演示用途,支付为模拟下单。
本人独立完成该作品集 Demo 的页面、交互与假数据接口,不代表任何真实客户委托。前端使用 Vue3 与 Vite,移动端按 uni-app 目录习惯组织,管理后台同样基于 Vue3。预约状态可在后台从待确认切换到已确认、已完成或已取消,并导出 CSV。实现重点是时段选择与名单筛选的状态同步,以及用 Express 假数据把前后端流程跑通。源码见 https://gitee.com/libace_bigc/wechat-miniprogram-demo 的 demos/store-booking。




评论