课程简介
本课程从零开始讲解咖啡扫码点餐小程序完整开发流程，依次完成开发环境搭建、uni-starter 与 uni-admin 架构部署，结合 Trae、Figma 快速制作前端页面。课程实操开发商品管理、点餐、购物弹窗、订单支付、用户登录等核心功能，手把手教学数据库对接、微信支付配置、证书密钥设置、支付回调处理，同时讲解云存储、本地缓存、订单监控等配套功能，最后完成项目打包上线、小程序码生成与桌号点餐落地，打造可直接商用的餐饮小程序。
课程亮点
- 全流程实战教学：从环境搭建、页面开发到功能调试、项目上线，完整还原小程序开发全步骤。
- 多款工具结合使用：运用 Trae、Figma 高效生成界面，提升前端开发效率。
- 前后端联动实操：讲解页面关联数据库、商品分类、订单管理、后台监控等交互功能。
- 微信支付完整落地：详解小程序认证、商户入驻、插件配置、异常处理等支付全套流程。
- 商用功能全覆盖：包含登录、本地缓存、底部导航、取餐、隐藏菜单、桌号记录等实用模块。
- 上线部署手把手教：讲解打包发布、云服务使用、小程序码生成，实现项目正式运营。
适用人群
uni-app 学习者、小程序开发人员、前端工程师、编程入门学员、计算机专业学生、想学习微信支付对接的开发者、从事小程序接单与项目开发的技术从业者。
视频截图
课程目录
01.00_项目效果展示
02.01_搭建开发环境
03.02_基础架构搭建(uni-starter&uni-admin)
04.03_Trae加Figma生成前端页面
05.04-Trae加Figma实战-生成首页
06.05_开发点餐页面的基础页面
07.06_前端页面关联数据库-咖啡分类管理
08.07_咖啡管理
09.08_如何微调界面效果-咖啡详情页面
10.09_购物弹窗
11.10_订单支付页面
12.11_配置小程序ID和小程序密钥-用户登录
13.12_客户端获取用户uid-订单支付前完成登录
14.13_创建可以接入微信支付的小程序
15.14_注册微信支付商户平台
16.15_小程序关联商户号
17.16_申请证书&设置密钥
18.17_uni-pay插件&通过云对象获取uid-支付&生成订单
19.18_支付回调和处理支付异常
20.19_云储存&点餐页面功能完善
21.20_咖啡订单管理
22.21_开发隐藏菜单
23.22_创建uni-id实例-客户端订单页面
24.23_我的订单
25.24_本地缓存(LocalStorage)-浏览过的商品
26.25_完善我的页面
27.26_tabbar图标-完善页面底部导航栏
28.27_取餐
29.28_后台实时监控订单生成
30.29_项目发布(打包上线)
31.30_生成小程序码和扫码点餐
32.31_扫码点餐的桌号记录到订单
© 版权声明
THE END
喜欢就支持一下吧
相关推荐
