Cursor+Claude AI编程 2小时打造微信小程序扫码点餐系统(云函数,云数据库)视频教程

张开发
2026/4/11 21:28:36 15 分钟阅读

分享文章

Cursor+Claude AI编程 2小时打造微信小程序扫码点餐系统(云函数,云数据库)视频教程
大家好我是小锋老师最近更新CursorClaude AI编程 2小时打造微信小程序扫码点餐系统(云函数云数据库)视频教程感谢大家支持。本课程主要结合AI编程 Cursor 实现一个开源商业项目是-微信小程序扫码点餐系统使用微信云函数和云数据库。讲解内容包括需求分析架构和设计利用Cursor AI编程实现Plan沟通项目方案Agent生成项目Agent修复bug和完善功能。视频教程课件源码打包下载 链接https://pan.baidu.com/s/1Oo7dtFf_Zt7hJyl6aYX6TA?pwd1234提取码1234CursorClaude AI编程 2小时打造微信小程序扫码点餐系统(云函数云数据库)基于微信小程序 云开发的扫码点餐系统适用于小型门店、饭店等餐饮场景。顾客扫描桌号二维码即可自助点餐管理员通过后台管理菜品、订单和桌号无需额外服务器部署。功能特性顾客端扫码点餐扫描桌号小程序码直接进入对应桌号的菜单页热门推荐首页轮播展示热门标记菜品分类浏览按分类查看菜品支持数量加减选择提交订单下单时可填写备注口味偏好、忌口等追加点餐下单后支持继续加菜历史订单查看个人历史订单记录线下支付无需在线支付支持到店结账管理员端今日统计实时查看当日顾客数、订单量、营业额订单管理接单、标记完成、取消订单支持按状态筛选新订单提醒实时监听 轮询兜底新订单到达时声音与震动提示分类管理菜品分类的增删改操作菜品管理菜品的增删改支持图片上传、热门标记、上下架控制桌号管理桌号的增删改一键生成小程序码用户管理查看用户列表冻结/解冻用户安全机制手机号绑定登录所有业务接口校验 openid每日请求频率限制单用户超 100 次/天自动冻结并记录日志管理员身份独立校验非管理员无法访问后台功能技术栈层级技术前端微信小程序原生开发WXML / WXSS / JS后端微信云函数Node.js wx-server-sdk数据库微信云开发数据库文档型 NoSQL存储微信云存储菜品图片、小程序码等项目结构├── miniprogram/ # 小程序前端 │ ├── app.js # 应用入口云环境初始化 │ ├── app.json # 页面路由与全局配置 │ ├── app.wxss # 全局样式 │ ├── pages/ # 页面目录 │ │ ├── login/ # 登录页手机号绑定 │ │ ├── frozen/ # 账号冻结提示页 │ │ ├── index/ # 顾客首页热门菜品 │ │ ├── menu/ # 分类菜单与点餐 │ │ ├── order-confirm/ # 订单确认页 │ │ ├── order-result/ # 下单结果页 │ │ ├── my-orders/ # 我的订单 │ │ └── admin/ # 管理员模块 │ │ ├── index/ # 今日数据统计 │ │ ├── orders/ # 订单管理 │ │ ├── categories/ # 分类管理 │ │ ├── dishes/ # 菜品列表 │ │ ├── dish-edit/ # 菜品编辑 │ │ ├── tables/ # 桌号管理 │ │ └── users/ # 用户管理 │ ├── components/ # 公共组件 │ │ └── tab-bar/ # 自定义底部导航栏 │ ├── utils/ # 工具模块 │ │ ├── auth.js # 登录与权限 │ │ ├── adminOrderWatcher.js # 新订单监听器 │ │ └── util.js # 通用工具函数 │ ├── audio/ # 音频资源新订单提示音 │ └── images/ # 图片资源 │ ├── cloudfunctions/ # 云函数目录 │ └── diancan/ # 主云函数 │ ├── index.js # 入口action 路由分发 │ ├── config.json # 权限与超时配置 │ ├── package.json # 依赖wx-server-sdk │ └── handlers/ # 业务处理模块 │ ├── common.js # 公共初始化与工具 │ ├── user.js # 用户相关 │ ├── category.js # 分类相关 │ ├── dish.js # 菜品相关 │ ├── table.js # 桌号相关 │ ├── order.js # 订单相关 │ ├── userManage.js # 用户管理 │ └── init.js # 初始化数据 │ ├── project.config.json # 小程序项目配置 └── project.private.config.json # 本地私有配置云数据库集合集合名说明t_admin管理员信息t_user用户信息openid、手机号、状态等t_category菜品分类t_dish菜品名称、价格、图片、分类、上架状态、热门标记等t_table桌号桌号名、小程序码t_order订单菜品明细、桌号、金额、状态、备注等t_request_log请求日志用于频率限制与异常检测订单状态流转0待处理 →1制作中 →2已完成 /3已取消云函数接口一览所有业务通过调用云函数diancan的不同action实现模块action说明用户getOpenId获取用户 openidbindPhone绑定手机号getUserInfo获取用户信息checkAdmin检查管理员身份分类getCategories获取分类列表addCategory新增分类updateCategory更新分类deleteCategory删除分类菜品getDishes获取菜品列表getHotDishes获取热门菜品addDish新增菜品updateDish更新菜品deleteDish删除菜品桌号getTables获取桌号列表addTable新增桌号updateTable更新桌号deleteTable删除桌号genTableQRCode生成桌号小程序码订单createOrder创建订单getOrders获取订单列表管理员getMyOrders获取我的订单顾客getTableOrders获取桌号订单updateOrderStatus更新订单状态getTodayStats获取今日统计getNewOrders获取新订单轮询markNotified标记订单已通知用户管理getUserList获取用户列表freezeUser冻结用户unfreezeUser解冻用户初始化initData初始化数据库集合与示例数据cleanRequestLog清理请求日志部署步骤1. 导入项目使用 微信开发者工具 导入本项目目录。2. 开通云开发在微信开发者工具中点击「云开发」按钮开通云开发环境并记录环境 ID。3. 配置云环境打开miniprogram/app.js将wx.cloud.init中的env替换为你自己的云环境 IDwx.cloud.init({ env: 你的云环境ID, traceUser: true })4. 部署云函数在微信开发者工具中右键点击cloudfunctions/diancan目录选择「上传并部署云端安装依赖」。5. 初始化系统编译并预览小程序首次进入会跳转到登录页使用手机号绑定登录首位用户登录后系统会提示是否初始化为管理员确认后自动创建数据库集合和示例数据6. 配置运营数据进入管理员后台在「分类管理」中添加菜品分类在「菜品管理」中添加菜品上传图片并设置价格在「桌号管理」中添加桌号并生成小程序码将小程序码打印并放置在对应餐桌上7. 新订单提示音可选在miniprogram/audio/目录下放入名为new-order.mp3的音频文件管理员端收到新订单时将自动播放提示音。注意事项管理员通过 openid 识别首位绑定手机号的用户可初始化为管理员顾客扫描桌号小程序码后自动关联桌号并进入点餐页面订单采用线下支付方式不涉及微信支付接口管理员端需保持小程序处于前台以接收新订单的声音和震动提醒云函数超时时间配置为 20 秒如遇超时可在config.json中调整getOpenId、bindPhone、checkAdmin、getUserInfo、initData为白名单接口无需登录即可调用

更多文章