📸 效果展示
- ✅ 菜品分类浏览，清晰解读
- ✅ 购物车管理，方便快捷
- ✅ 微信支付、余额支付
- ✅ 免单次使用，优惠多多
- ✅ 充值即成为会员
- ✅ 多种充值套餐可选，灵活配置
- ✅ 查看点餐订单
- ✅ 查看充值记录，一目了然
- ✅ 余额查询，实时显示
- ✅ 免单运费显示
- ✅菜品管理-添加、编辑、删除菜品，设置价格、图片、描述等
- ✅菜品分类管理– 管理菜品分类，支持排序
- ✅会员管理-查看会员列表，修改会员余额和免单额度
- ✅订单管理– 查看所有订单
- ✅充值选项管理-设置充值套餐和补充规则
- ✅公告管理-设置小节目公告信息，发布优惠活动
- ✅店铺设置-配置店铺基本信息（名称等）
- ✅桌码管理– 管理桌号信息，生成桌码海报（如使用桌号功能）
- ✅打印机管理-配置小票打印机，支持自动打印订单
- ✅修改密码-修改管理员登录密码
💡进入管理员界面的方法：在“我的”页面右下角连续点击5次即可进入管理后台
- ❤️红色主题，温馨氛围
- 📱简洁现代的 UI 设计
- 🚀 流畅的用户体验
- 💫 精美的动画效果
orderFood-wxCloud/ ├── cloudfunctions/ # 云函数目录 │ ├── login/ # 用户登录，获取openid │ ├── getCategory/ # 获取菜品分类 │ ├── doBuy/ # 执行购买/下单操作 │ ├── pay/ # 微信支付相关 │ ├── pay_success/ # 支付成功回调 │ ├── get_code/ # 生成小程序码 │ ├── getPhoneNumber/ # 获取手机号 │ ├── getUserList/ # 获取用户列表（管理后台用） │ ├── printBack/ # 打印机回调处理 │ └── printManage/ # 打印机管理 │ ├── miniprogram/ # 小程序前端目录 │ ├── pages/ # 页面目录 │ │ ├── index/ # 首页（点餐页面） │ │ ├── recharge/ # 充值页面 │ │ ├── myorder/ # 我的订单页面 │ │ ├── myhome/ # 个人中心页面 │ │ ├── settle/ # 结算页面 │ │ └── admin/ # 管理后台目录 │ │ ├── admin.js # 管理员首页 │ │ ├── dish/ # 菜品管理 │ │ ├── user/ # 会员管理 │ │ ├── order/ # 订单管理 │ │ ├── rechargeOptions/ # 充值套餐管理 │ │ ├── notice/ # 公告管理 │ │ ├── shopInfo/ # 店铺设置 │ │ ├── tableCode/ # 桌码管理 │ │ └── printer/ # 打印机管理 │ ├── components/ # 组件目录 │ │ ├── avatarNicknameModal/ # 头像昵称授权组件 │ │ ├── colorui/ # ColorUI样式库 │ │ └── painter/ # 海报生成组件 │ ├── images/ # 图片资源目录 │ ├── utils/ # 工具函数目录 │ ├── vant/ # Vant Weapp UI组件库 │ ├── app.js # 小程序入口文件 │ ├── app.json # 小程序配置文件 │ └── app.wxss # 小程序全局样式 │ ├── project.config.json # 项目配置文件
- 微信开发者工具（最新版本）
- 已注册并备案成功的微信小程序账号
- 已开通微信云开发
git clone https://github.com/yangxiaohan168/orderFood-wxCloud.git cd orderFood-wxCloud
- 在微信开发者工具中打开项目
- 开通云开发，创建云环境
- 获取云环境ID（在云开发控制台顶部查看）
修改小程序入口文件 miniprogram/app.js（第18行）：
wx.cloud.init({ env: '你的云环境ID', // 替换为你的实际环境ID traceUser: true, })
修改所有云函数文件（在cloudfunctions目录下的各个配置云函数index.js文件中）：
将所有‘填写你的环境ID’替换为您的实际云环境ID。
需要修改的云函数：
- login/index.js
- getCategory/index.js
- doBuy/index.js
- pay/index.js（这个微信支付云函数还需要修改subMchId商户号改成自己的商户号ID）
- pay_success/index.js
- get_code/index.js
- getPhoneNumber/index.js
- getUserList/index.js
- printBack/index.js
- printManage/index.js（这个打印机管理员云函数还需要修改appid、appsecret，访问：https://open.trenditiot.com可申请打印机AppID、appsecret，打印小票机也找这家买）
在云开发控制台 → 数据库中创建以下集合：
- user– 用户表
- dish– 菜品表
- dishCategory– 菜单分类表
- notice– 公告通知表
- order– 订单表（点餐订单和充值订单）
- printer– 打印机表
- order– 订单表
- rechargeOptions– 充值套餐表
- freeBuy– 免单记录表
- shopInfo– 店铺表
- admin– 管理员表
- tableCode– 桌码表
💡提示：所有集合的权限都设置为：自定义安全规则：
{
"read": true,
"write": true
}
在微信开发者工具中，右键点击每个云函数文件夹，选择：
上传并部署：云端安装依赖
需要上传的云函数：
- login– 用户登录
- getCategory– 获取菜品分类
- doBuy– 执行购买/下单
- pay– 支付相关费用
- pay_success– 支付成功回调
- get_code– 生成小程序码
- getPhoneNumber– 获取手机号
- getUserList– 获取用户列表
- printBack– 打印机回调处理
- printManage– 打印机管理
把images文件夹里的bg.png图片上传到云存储，得到url，把/pages/admin/tableCode/tableCode.js里面的bgImg标记的值替换为url
const bgImg = "把images文件夹的bg.png上传到云存储，得到url。你的背景图片URL放这里"
- 在微信开发者工具中点击“编译”按钮
- 小程序会自动运行并显示在模拟器中
- 点击底部“我的”标签，进入个人中心
- 在页面右下角空白区域连续点击5次（1秒内完成）
- 首次使用会弹出“设置管理员密码”弹窗，输入至少6位密码
- 设置成功后自动跳转到管理后台
-
在管理后台中可以：
- 设置店铺信息
- 添加菜品分类和菜品
- 设置充值套餐
- 管理订单和会员
- 打印机管理、公告管理功能
- 微信云开发（云函数+云数据库）
- UI框架：Vant Weapp + ColorUI
点击“云开发”进入云开发控制台-点击“设置”-点击“其他设置”-点击“授权”，商户号管理员收到授权消息-点击授权即可。
需要上线后才能生成桌面码（因为桌面码的页面路径参数必须是线上存在的页面）
- 小程序认证费：30块
- 打印小票机:259块左右
成本低于300块就拥有自己的点餐小程序。
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
评论(0)