用仿外卖App打通跨端开发：这门课值不值得学

很多前端开发者在面对公司业务需要同时覆盖小程序和App端时，常会陷入多端重复开发的泥沼。这门Uni-App开发课解决的就是这个痛点：如何用一套代码搞定多端移动应用。课程没有空讲理论，而是直接拿仿饿了么这个高频生活服务场景练手。外卖类应用涉及复杂的首页布局、底部导航、基于地理位置的服务以及商品列表分页，这些都是商业移动端开发中最典型的业务模块。如果你正准备向跨端开发方向转型，或者需要接手小程序与App双端同步的项目，这门课的实战场景非常对口。它不教你写底层框架源码，只聚焦怎么把业务需求落地成可运行的跨端代码。

适合什么基础与学习顺序建议

这套资料不适合纯零基础的编程新手。学习者需要具备基本的HTML、CSS与JavaScript语法概念，如果写过简单的Vue页面会更容易跟上。资料整体按业务模块拆分，建议按顺序分三步看。第一步先看框架基础与首页布局部分，重点理解Uni-App的页面结构与组件编写逻辑，跟着把底部导航和首页导航栏敲出来。第二步进入网络请求与分页处理模块，这是整个项目的数据命脉，必须重点看Promise封装和mescroll-body分页组件的用法。第三步聚焦布局与定位获取，搞懂移动端如何获取经纬度并渲染周边服务。不要跳着看，跨端开发的坑往往在组件兼容性和生命周期里，按业务流走能帮你建立完整的项目工程思维。

学完能独立做什么与资料练习配合

学完这套仿饿了么项目，你能独立承担一个中型移动端应用的前端开发工作。从零搭建项目骨架、设计数据表结构、封装网络请求，到实现商品列表无限滚动和定位交互，这套流程完全可以平移到餐饮外卖、同城配送或本地生活服务类的工作场景中。在配合资料练习时，切忌只看不练。建议自己初始化一个干净的Uni-App工程，把视频当作操作指南，每看完一个布局或请求的实现，就暂停视频自己敲一遍代码。遇到接口请求和分页加载的模块，不要直接复制，尝试自己改写请求参数，观察分页数据的触发条件。只有把外卖首页的数据流和分页逻辑亲手跑通，这套资料的价值才算真正榨干。


掌握UNI-APP开发技能，通过仿饿了么项目实践，解决从零到一构建移动应用难题，提升实战开发能力。

课程目录

*   01 uniapp框架基础与饿了么首页布局/

  *   01 1.uniapp框架基础介绍.mp4 (176.79 MB), 27:40

  *   02 2.完成饿了么tabbar.mp4 (87.35 MB), 13:45

  *   03 3.饿了么数据表设计分析.mp4 (134.57 MB), 20:20

  *   04 4.饿了么首页导航栏组件的编写01.mp4 (144.96 MB), 22:38

  *   05 5.饿了么首页导航栏组件的编写02.mp4 (138.04 MB), 20:59

*   02 promise网络请求与mescroll-body分页处理/

  *   01 1.饿了么布局与定位获取01.mp4 (126.72 MB), 19:37

  *   02 2.饿了么布局与定位获取02.mp4 (129.71 MB), 19:32

  *   03 3.封装promise网络请求01.mp4 (112.34 MB), 17:50

  *   04 4.封装promise网络请求02.mp4 (116.76 MB), 17:45

  *   05 5.实现mescroll-body分页处理01.mp4 (126.71 MB), 19:29

  *   06 6.实现mescroll-body分页处理01.mp4 (117.73 MB), 17:44

*   03 多店铺购物车缓存与价格计算/

  *   01 1.多店铺购物车缓存与价格计算01.mp4 (153.07 MB), 23:25

  *   02 2.多店铺购物车缓存与价格计算02.mp4 (146.32 MB), 23:01

  *   03 3.多店铺购物车缓存与价格计算03.mp4 (161.36 MB), 24:53

  *   04 4.多店铺购物车缓存与价格计算04.mp4 (126.14 MB), 19:16

  *   05 5.多店铺购物车缓存与价格计算05.mp4 (154.55 MB), 23:27

*   04 生成订单预览与Vuex微信登录跟踪/

  *   01 1.生成订单预览与优惠计算01.mp4 (120.41 MB), 19:55

  *   02 2.生成订单预览与优惠计算02.mp4 (124.71 MB), 19:09

  *   03 3.生成订单预览与优惠计算03.mp4 (103.50 MB), 19:43

  *   04 4.生成订单预览与优惠计算04.mp4 (138.09 MB), 22:26

  *   05 5.生成订单预览与优惠计算05.mp4 (95.85 MB), 15:03

  *   06 6.生成订单预览与优惠计算06.mp4 (100.76 MB), 15:22

*   05 获取用户手机号与饿了么创建订单/

  *   01 1.解密获取用户明文手机号01.mp4 (148.00 MB), 23:20

  *   02 2.解密获取用户明文手机号02.mp4 (165.83 MB), 25:04

  *   03 3.解密获取用户明文手机号03.mp4 (128.79 MB), 20:13

  *   04 4.解密获取用户明文手机号04.mp4 (162.71 MB), 26:12

  *   05 5.如何生成饿了么订单.mp4 (136.28 MB), 22:42

*   06 完成订单页与uniapp小程序上传/

  *   01 1.完成饿了么订单页01.mp4 (118.68 MB), 18:01

  *   02 2.完成饿了么订单页02.mp4 (122.55 MB), 19:00

  *   03 3.完成饿了么订单页03.mp4 (110.84 MB), 17:38

  *   04 4.完成饿了么订单页04.mp4 (131.68 MB), 19:45

  *   05 5.uniapp发布微信小程序流程01.mp4 (97.54 MB), 15:38

  *   06 6.uniapp发布微信小程序流程02.mp4 (113.06 MB), 17:42