
本课程聚焦微信小程序商用开发,以咖啡点餐系统为实战项目,带你从零基础完成全流程开发。课程从开发环境搭建、基础架构部署讲起,结合 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
下载地址:
感谢您的来访,获取更多精彩文章请收藏本站。



















