做这个项目是因为家里吃饭有个很小的摩擦：两个人都想吃什么又懒得直说，问了就是"随便"，最后常常谁都没吃到想吃的。外卖平台解决的是"从商家买"，可"一个人做、一个人点"这种家庭内部场景没有合适的工具——菜单要自己维护，催单要靠喊，吃完也没地方记。
行业场景就是双人小家庭／情侣的日常用餐：一方当大厨上架菜品、接单出餐，另一方当顾客点菜、备注口味。菜品不收真钱，用"需要一个抱抱""洗碗一次"这类情绪代价代替价格，把点餐变成两个人之间的互动。订单完成后自动记账、写进饭饭日记，还能看谁点得最多的榜单，把一顿饭延伸成可回顾的生活记录。产品只服务自己这个小家庭，数据按家庭隔离，不对外营业。
共 16 个页面、4 个底部 Tab（点餐／订单／饭饭日记／我的），分用户端和经营端两块。
1、点餐：从后端加载分类与菜品，支持多字段关键词搜索、分类侧栏筛选、售罄下架拦截、加购与勾选结算；首页有今日推荐、情侣推荐、深夜限定、月销排行、猜你喜欢、热门搜索，详情页展示所需材料与做饭步骤，可收藏。
2、订单：下单前二次校验菜品状态，口味备注支持快捷标签多选加自定义输入，状态按等待美味→制作美味→享用美味流转，可出餐前取消、按月或按日筛选、删除、一键复制点单清单。
3、饭饭日记：图文日记配 1~5 星评分，可从订单直接带出菜品、日期和金额，支持编辑与按月回顾。
4、记账本：手动记一笔或从订单转记账，订单变为"享用美味"后自动生成账单，按今天／本周／本月统计并做日期分组小计。
5、经营侧：菜品管理（增删改、上下架、图片上传、材料步骤）、分类管理与排序、点菜榜单、家庭管理（创建家庭、6 位家庭码加入、退出）、营业设置（店名、自动接单、深夜时段）。
6、游客体验：不登录也能浏览体验菜品、加购并走完整结算流程，预览菜品可手动删除。
1、我负责全部工作：功能设计、小程序前端、后端接口与数据库、UI 视觉与动效、部署上线（域名与 ICP 备案）。
2、技术栈：原生微信小程序（WXML／WXSS／JS，无框架无构建）+ RESTful JSON 接口 + JWT Bearer 鉴权，数据按 user_id 和 family_id 隔离；本地缓存由 utils/storage.js 统一登记 key、做安全读写；登录、订单状态、自动记账、滚动揭示等逻辑各抽成一个 utils 模块，UI 抽成导航栏、自定义 TabBar、液态玻璃卡片、线稿图标四个组件。
3、亮点：图标和"我的"页近十天消费折线图都是运行时把 SVG 转 base64 内联，折线用 Catmull-Rom 转三次贝塞尔并钳制控制点，项目不依赖图片资源；订单状态由 order-status.js 归一化，兼容后端数字状态和历史中文状态，月销、榜单、自动记账统一以"享用美味"为口径；上传背景图先按 80/60/40/25/15 质量逐级压到 900KB 内，再轮询审核接口取最终地址。
4、难点：后端不可用时不能白屏，菜单请求失败回退本地缓存，未登录走预览菜品与本地体验订单；金额统一转两位小数，避免字符串拼出"6820"；自动记账用已入账订单 id 集合加模块级 Promise 锁防重复记账，下单用 submitting 锁防连点建重复订单；导航栏按 getMenuButtonBoundingClientRect 适配胶囊，TabBar 用 safe-area-inset-bottom 处理全面屏底部。
评论