这门课解决什么问题
很多前端开发者在学完基础语法后，常卡在“怎么独立交付一个带后台的完整项目”这一步。这门课围绕一个点餐小程序展开，解决的核心场景是：用一套代码同时生成多端应用，并把前端和后台管理系统打通。它不是零散讲语法，而是带你走通从客户端界面搭建、云数据库设计，到 unicloud admin 后台数据管理的完整闭环。对想接外包、做独立开发者，或需要在小团队里一个人扛全栈任务的上班族来说，这种“前后端一把梭”的实战项目比纯理论更顶用。
适合什么基础与建议先看的模块
资料适合已经掌握 Vue 基础和 JavaScript 常用法的人。如果你连组件传值、状态管理都还没弄懂，直接看会吃力。建议先把资料里的项目介绍和技术栈说明过一遍，确认对 uni-app 跨端框架和 unicloud 云开发有基本概念。接着重点看 pages.json 配置和全局样式部分，这是多端应用路由和界面的骨架。然后直接进入 unicloud 云数据库和小案例环节，先跑通一个简单的数据增删改查，理解云函数怎么和前端通信。把留言板小案例彻底弄懂，再回头看完整的点餐业务逻辑，就不会在云开发环境配置上卡壳。
学完能独立做什么与资料怎么配合练习
学完后，你应该能独立用 uni-app 和云开发交付一个中小型商用点餐或预约系统。这包括搭建多端客户端、设计云数据库表结构、编写云函数处理业务逻辑，以及用 unicloud admin 搭配出管理商品和订单的后台。练习时不要只看视频，必须跟着把源码跑起来。建议按“先配环境、再抄界面、后改逻辑”的顺序来：先跟着新建项目和目录结构把本地环境跑通，连上云服务空间；然后照着视频把点餐界面和后台页面复刻一遍；最后尝试修改业务逻辑，比如把点餐换成商品展示，或者给后台加个库存预警字段。只有自己动手改代码，把视频里的点餐模板变成自己的项目，这套资料才算没白看。
学习uni-app多端应用框架 和 unicloud云开发
课程目录
* 01 项目介绍以及基础配置/
* 01 项目详情.mp4 01:02
* 02 技术栈介绍.mp4 00:56
* 03 项目源码以及文档
* 04 新建项目以及目录结构.mp4 02:07
* 05 pages.json配置.mp4 12:37
* 06 全局样式.mp4 05:25
* 07 uni-app使用iconfont.mp4 04:02
* 08 uni-app如何使用vuex.mp4 01:45
* 02 了解unicloud/
* 01 unicloud简介.mp4 02:03
* 02 unicloud云服务空间.mp4 02:00
* 03 unicloud云数据库.mp4 02:22
* 04 unicloud小案例-留言板之添加留言.mp4 08:59
* 05 unicloud小案例-留言板数据查询和删除.mp4 12:13
* 03 首页模块开发/
* 01 首页banner开发.mp4 03:17
* 02 首页intro开发.mp4 05:10
* 03 首页entrance点餐入口开发.mp4 07:52
* 04 首页会员积分模块开发.mp4 10:30
* 05 首页茶礼包模块开发.mp4 14:18
* 04 【unicloud】后端登录接口开发/
* 01 微信小程序登录原理.mp4 03:02
* 02 登录页面以及isLogin.mp4 07:14
* 03 login登录事务wxLogin.mp4 15:36
* 04 登录获取openid和secret.mp4 08:18
* 05 引入jwt生成token完成安全登录.mp4 15:55
* 05 个人中心模块开发/
* 01 个人中心页面介绍和banner.mp4 06:00
* 02 个人中心用户资料.mp4 23:11
* 03 个人中心-立即加入.mp4 07:21
* 04 个人中心-我的服务.mp4 07:15
* 06 address模块开发/
* 01 validateToke验证.mp4 10:32
* 02 通过token验证获取address列表.mp4 10:29
* 03 address列表展示.mp4 08:58
* 04 address地址删除.mp4 12:54
* 05 添加地址一.mp4 09:34
* 06 添加地址二.mp4 14:41
* 07 修改地址一.mp4 13:40
* 08 【unicloud】修改地址二.mp4 09:54
* 09 云函数合并.mp4 08:39
* 07 连锁门店选取模块开发/
* 01 uni-app的地图组件介绍.mp4 09:38
* 02 uni.getLocation获取用户位置.mp4 03:22
* 03 门店store选择页面.mp4 19:37
* 04 获取用户定位和门店信息.mp4 08:45
* 05 计算用户和门店的距离并排序.mp4 13:36
* 06 store和address跳转到menu点餐.mp4 13:07
* 08 点餐模块开发/
* 01 nav部分自取和外卖切换.mp4 20:58
* 02 通过goods云函数获取菜单信息.mp4 09:28
* 03 菜单页面展示goods数据.mp4 14:36
* 04 菜单scroll-view左右滑动计算方法.mp4 16:53
* 05 计算添加购物车商品的数量.mp4 07:23
* 06 商品总数量和购物车价格计算.mp4 17:59
* 07 选规格模态框.mp4 19:58
* 08 购物车详情popup-layer.mp4 14:53
* 09 订单模块开发/
* 01 unipay微信支付了解下.mp4 06:23
* 02 购物车结算.mp4 12:11
* 03 order云函数添加订单.mp4 15:46
* 04 跳转支付页面pay.mp4 12:11
* 05 pay页面加载数据.mp4 15:43
* 06 pay页面完善.mp4 05:37
* 07 订单备注模块.mp4 07:23
* 08 提交订单触发支付.mp4 12:19
* 09 unipay小程序支付流程.mp4 14:57
* 10 跳转取餐页面.mp4 05:39
* 11 取餐页面一.mp4 07:04
* 12 common公共模块改变时区.mp4 14:11
* 13 order云函数回调取餐信息.mp4 13:41
* 14 取餐页面渲染.mp4 08:15
* 15 status值的转换.mp4 10:30
* 16 登录使用getUserProfile获取用户信息.mp4 09:34
* 10 改造登录模块为uni-id/
* 01 第二季课程介绍.mp4 01:37
* 02 uni-id介绍.mp4 08:03
* 03 uni-id快手上手.mp4 11:09
* 04 小程序登录.mp4 20:41
* 05 登录后获取token.mp4 12:50
* 06 发起token验证获取数据.mp4 06:14
* 11 第二季 uni-id重构登录/
* 01 奈雪点餐第二季介绍.mp4 01:37
* 02 uni-id介绍.mp4 08:03
* 03 快速上手.mp4 11:09
* 04 小程序登录.mp4 20:41
* 05 登录获取token.mp4 12:50
* 06 通过token验证获取数据.mp4 06:14
* 12 第二季 unipay重新整合支付/
* 01 uni-pay解决支付.mp4 07:17
* 02 结算前的校验.mp4 07:27
* 03 生成订单outTradeNo.mp4 04:47
* 04 pay云函数公共依赖.mp4 11:57
* 05 获取支付信息.mp4 23:13
* 06 支付回调通知和支付调试.mp4 15:50
* 07 前端调用requestpayment完成支付.mp4 07:04
* 08 orderQuery判断支付成功.mp4 24:38
* 09 跳转取餐界面.mp4 12:07
* 13 unicloud admin/
* 01 后台管理介绍.mp4 04:14
* 02 创建unicloud admin.mp4 06:12
* 03 菜单管理.mp4 10:08
* 04 初次使用schema2code.mp4 18:23
* 05 db schema的字段类型.mp4 07:12
* 06 生成unicloud admin页面.mp4 08:12
* 07 unicloud 上传图片到云存储.mp4 28:13
* 08 商品管理.mp4 23:51
* 14 订单模块管理/
* 01 订单header.mp4 10:19
* 02 获取订单数据.mp4 24:19
* 03 表单展示数据.mp4 14:58
* 04 表单分页.mp4 06:22
* 05 单选删除和多选删除.mp4 34:21
* 06 修改订单状态.mp4 23:10
* 07 第二季文档和源码
* 08 第三阶段配置.mp4 10:14
* 09 云对象.mp4 06:42
* 10 第三阶段源码和文档
