十八茅4天前
我用ai写了家庭点餐小程序 「今晚吃什么」微信小程序 一款面向家庭/情侣场景的微信点餐小程序,帮助用户快速浏览菜品、查看菜谱,通过微信分享把菜单发给 TA。主打"为 TA 做晚餐"的情感化体验。 前端:| 小程序前端 | 微信小程序原生框架 | WXML + WXSS + JS,无第三方 UI 库 | 后端:| 管理后台 | Vue 3(CDN) | 单 HTML 文件,Composition API | API| 后端 API | Django 5.2 + Python 3 | RESTful JSON 接口 | 数据库:| MySQL | API 格式 | 统一 JSON | { code: 200, data: ..., message: ... } | 小程序前端(3 个页面) 管理后台(1 个页面) ├── 首页(点餐) └── admin/index.html ├── 订单确认页(分享) ├── 菜品管理(搜索+分类筛选) └── 订单详情页(查看菜谱)├── 菜谱管理(搜索+分类筛选) └── 订单记录 顶部显示问候语:"今天晚餐吃什么?💕" 副标题:"选几道喜欢的菜,今晚给你做~" 支持按分类筛选菜品(热菜/凉菜/汤类/主食/饮料) 菜品列表 · 卡片式布局,每张卡片包含: · 菜品 emoji 图标(根据分类/名称自动匹配) · 菜品名称 · 菜品描述 · 分类标签 · 点击菜品卡片 → 弹出菜谱详情弹窗 · 右侧加减按钮 → 直接加入购物车 菜谱弹窗 · 从底部滑出的半屏弹窗 · 显示:食材清单(标签)+ 烹饪步骤(编号列表)+ 小贴士 · 底部"加入购物车"按钮 购物车 · 底部固定定位的购物车栏 · 显示购物车图标 + 数量徽标 · 点击"去下单"跳转订单确认页 · 购物车数据持久化到本地缓存 菜单清单 · 展示已选菜品列表(emoji + 名称 + 数量加减) 用餐时间选择 · 选项:今天晚上 / 明天中午 / 明天晚上 备注输入 · Placeholder:"想对他说点什么…(如:少放盐、多做点~)" 分享按钮 · 按钮文案:"把菜单发给他 💌" · 使用微信原生分享 菜单展示 放不下了,明天上线后在更新吧
00:00 / 01:11
连播
清屏
智能
倍速
点赞3