课程介绍
这是一个完整的微信小程序点餐项目实战。先演示项目效果并搭建开发环境,基于 uni-starter 与 uni-admin 搭好基础架构,再借助 Trae 加 Figma 生成前端页面,完成首页和点餐基础页面的开发。
业务部分把前端页面关联数据库,实现咖啡分类与咖啡管理、咖啡详情页效果调整、购物弹窗和订单支付页面;登录与支付部分配置小程序 ID 与密钥、获取用户 uid,注册微信支付商户平台并关联小程序,申请证书与密钥,使用 uni-pay 插件生成订单,处理支付回调和支付异常。
后半部分完成订单管理、隐藏菜单、uni-id 实例、我的订单、浏览记录缓存、tabbar 图标与底部导航、取餐流程和后台实时监控订单,最后讲项目打包上线、生成小程序码与扫码点餐,并把扫码得到的桌号记录到订单。
网盘说明:本课程为百度网盘资源。
课程目录
项目准备与前端页面
01 项目效果展示
02 搭建开发环境
03 基础架构搭建(uni-starter&uni-admin)
04 Trae加Figma生成前端页面
05 Trae加Figma实战-生成首页
06 开发点餐页面的基础页面
数据库与点餐页面
07 前端页面关联数据库-咖啡分类管理
08 咖啡管理
09 如何微调界面效果-咖啡详情页面
10 购物弹窗
11 订单支付页面
登录与微信支付
12 配置小程序ID和小程序密钥-用户登录
13 客户端获取用户uid-订单支付前完成登录
14 创建可以接入微信支付的小程序
15 注册微信支付商户平台
16 小程序关联商户号
17 申请证书&设置密钥
18 uni-pay插件&通过云对象获取uid-支付&生成订单
19 支付回调和处理支付异常
订单与后台管理
20 云储存&点餐页面功能完善
21 咖啡订单管理
22 开发隐藏菜单
23 创建uni-id实例-客户端订单页面
24 我的订单
页面完善与取餐
25 本地缓存(LocalStorage)-浏览过的商品
26 完善我的页面
27 tabbar图标-完善页面底部导航栏
28 取餐
29 后台实时监控订单生成
发布上线与扫码点餐
30 项目发布(打包上线)
31 生成小程序码和扫码点餐
32 扫码点餐的桌号记录到订单
配套资料
微信小程序实战:从0到1开发咖啡点餐系统文档