微信小程序实战:从 0 到 1 开发咖啡点餐系统(uni-app + Trae + 微信支付)

课程介绍

这是一个完整的微信小程序点餐项目实战。先演示项目效果并搭建开发环境,基于 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开发咖啡点餐系统文档

资源下载
下载价格25 学币
VIP免费
常见问题
学币是什么?
1学币 = 1元人民币,可通过每日签到或赞助VIP获得!
如何购买更优惠?
推荐赞助VIP,赞助VIP后再购买超划算-购买会有折扣!(季/年VIP折扣购买,终身VIP免费)
资源能分享给别人吗?
本站资源仅限用于学习和研究目的,不得用于商业或者非法用途,否则,一切后果请用户自负!
遇到问题怎么办?
遇到问题直接点击页面右下角消息按钮联系客服反馈,会在第一时间处理!
0
显示验证码
没有账号?注册  忘记密码?