本课程聚焦微信小程序商用开发，以咖啡点餐系统为实战项目，带你从零基础完成全流程开发。课程从开发环境搭建、基础架构部署讲起，结合 Trae 与 Figma 快速生成前端页面，逐步实现咖啡分类管理、购物车、订单支付等核心功能。深入讲解微信支付配置、证书密钥设置、支付回调处理等关键技术，同步开发用户端与商家后台，涵盖订单管理、取餐通知、数据存储等模块。全程采用实战演示模式，从项目效果展示到打包上线、生成点餐二维码，手把手攻克开发难点，帮你掌握可直接落地的商用小程序开发能力，适配咖啡店等餐饮门店数字化需求。

课程目录

01.00_ 项目效果展示.mp4

02.01_ 搭建开发环境.mp4

03.02_ 基础架构搭建 (uni-starteruni-admin).mp4

04.03_Trae 加 Figma 生成前端页面.mp4

05.04-Trae 加 Figma 实战 – 生成首页.mp4

06.05_ 开发点餐页面的基础页面.mp4

07.06_ 前端页面关联数据库 – 咖啡分类管理.mp4

08.07_ 咖啡管理.mp4

09.08_ 如何微调界面效果 – 咖啡详情页面.mp4

10.09_ 购物弹窗.mp4

11.10_ 订单支付页面.mp4

12.11_ 配置小程序 ID 和小程序密钥 – 用户登录.mp4

13.12_ 客户端获取用户 uid – 订单支付前完成登录.mp4

14.13_ 创建可以接入微信支付的小程序.mp4

15.14_ 注册微信支付商户平台.mp4

16.15_ 小程序关联商户号.mp4

17.16_ 申请证书设置密钥.mp4

18.17_uni-pay 插件通过云对象获取 uid – 支付生成订单.mp4

19.18_ 支付回调和处理支付异常.mp4

20.19_ 云储存点餐页面功能完善.mp4

21.20_ 咖啡订单管理.mp4

22.21_ 开发隐藏菜单.mp4

23.22_ 创建 uni-id 实例 – 客户端订单页面.mp4

24.23_ 我的订单.mp4

25.24_ 本地缓存 (LocalStorage)- 浏览过的商品.mp4

26.25_ 完善我的页面.mp4

27.26_tabbar 图标 – 完善页面底部导航栏.mp4

28.27_ 取餐.mp4

29.28_ 后台实时监控订单生成.mp4

30.29_ 项目发布 (打包上线).mp4

31.30_ 生成小程序码和扫码点餐.mp4

32.31_ 扫码点餐的桌号记录到订单.mp4

感谢您的来访，获取更多精彩文章请收藏本站。