如果你已经能用 uni-app 跑起一个空白页面，却在动手做真实项目时卡在"首页数据从哪来、怎么缓存、下拉刷新怎么不闪烁"这类问题上，这门课补的正是这段落差。它以在线教育应用为落地场景，把首页、课程详情、学习进度、个人中心、社区互动这些实际模块拆开来讲，重点不在语法，而在工程化的组织方式。

它解决的是"会写页面"到"能交付项目"之间的断层

uni-app 的入门门槛低，很多人照着文档能拼出静态界面，但一旦接入接口、处理登录态、做列表分页和状态同步，代码很快就乱成一团。这门课针对的典型缺口有三个：一是请求层没有统一封装，散落的调用让 token、错误提示、加载状态无处安放；二是列表与详情页的数据流转没有章法，页面来回跳转后状态丢失；三是缺乏对首屏体验的处理意识，白屏时间长、加载过程生硬。课程从首页开发切入，用请求拦截器和响应拦截器把网络层收口，再往下推轮播、搜索、公共列表组件，这条线其实就是大多数移动端项目开工时的第一段路。

课程推进的主线：从首页到个人中心

首页部分是整门课的地基。搜索栏的配置决定了后续的筛选与跳转逻辑，轮播图组件涉及数据结构与自动播放的边界处理，公共列表组件则要求你抽象出可复用的卡片结构，而不是每个页面复制一遍。下拉刷新和骨架屏这两块单独拿出来讲，说明课程有意把"用户感知到的流畅"当成正经需求，而不是可有可无的装饰。请求与响应拦截器的封装放在首页章节里，也是合理的：只有真实页面在跑，封装的必要性才看得见。往后延伸到学习进度、社区互动与个人中心，考察的是同一套数据层能否支撑多个模块的复用，以及登录态、缓存、页面栈管理这些横切关注点怎么统一处理。

学之前最好先确认这几件事

能用 Vue 写出组件、理解 props 与事件传递，否则拦截器和公共组件部分会跟不上。
大致清楚 HTTP 请求的基本流程，知道什么是请求头、状态码和 token。
手边有 HBuilderX 或 cli 环境，愿意一边看一边敲，而不是只看不写。
对移动端常见的列表分页、下拉刷新、上拉加载有概念，哪怕只是用过别人的 App。

如果 Vue 基础还不稳，建议先把组件通信和生命周期过一遍再来，否则课程里关于组件复用和状态同步的部分会变成硬背。

看完之后，你应该能回答这些问题

请求拦截器和响应拦截器分别该拦截什么，错误统一处理放在哪一层才不会互相打架？
首页的轮播、搜索、列表三块数据，如何组织才能避免重复请求和状态错乱？
下拉刷新和骨架屏各自解决的是什么体验问题，什么时候该用哪个？
做公共列表组件时，哪些东西应该抽出去，哪些必须留给调用方决定？
从首页到个人中心，登录态和用户数据应该存在哪里，页面之间怎么共享？

如果这些问题你现在答不上来，或者答得含糊，那这门课值得跟一遍。跟的时候别只跑通就算完，把每个模块的封装思路记下来，比记住某一行写法有用得多。

uni-app在线教育应用实战开发

uni-app实战，打造在线教育应用

编辑点评

实战导向，全面覆盖uni-app开发流程，适合初学者快速上手。

⭐ 编辑推荐

从首页到个人中心，从学习进度到社区互动，全面实战uni-app开发。

课程亮点

• uni-app实战教程

• 在线教育应用开发

• 全面覆盖开发流程

课程目录

📁 章节3首页开发
    章节3首页开发说明.zip  [1.8 MB]
    [3.10]--请求拦截器封装.mp4  [29.6 MB]
    [3.9]--首页下拉刷新功能实现.mp4  [8.2 MB]
    [3.7]--公共列表组件开发(3).mp4  [26.9 MB]
    [3.1]--首页搜索栏配置.mp4  [32.7 MB]
    [3.11]--响应拦截器封装.mp4  [44.0 MB]
    [3.12]--骨架屏加载优化.mp4  [58.4 MB]
    [3.2]--首页轮播图组件开发.mp4  [17.1 MB]
    [3.4]--优惠券组件开发.mp4  [42.8 MB]
    [3.13]--首页数据交互（2）.mp4  [25.9 MB]
    [3.6]--公共列表组件开发(2).mp4  [19.0 MB]
    [3.5]--公共列表组件开发(1).mp4  [35.1 MB]
    [3.3]--图标分类组件开发.mp4  [23.0 MB]
    [3.8]--首页数据交互.mp4  [58.9 MB]
📁 章节5个人中心模块开发
    章节5个人中心模块开发必看.zip  [1.8 MB]
    [5.3]--个人中心数据交互.mp4  [67.9 MB]
    [5.2]--个人中心页开发（2）.mp4  [113.0 MB]
    [5.9]--修改资料页开发.mp4  [122.1 MB]
    [5.5]--退出登录功能实现.mp4  [43.9 MB]
    [5.13]--我的订单列表交互.mp4  [102.2 MB]
    [5.6]--权限验证跳转.mp4  [52.6 MB]
    [5.4]--个人设置页开发.mp4  [82.9 MB]
    [5.11]--修改资料页交互.mp4  [92.2 MB]
    [5.8]--缓存计算和清除缓存.mp4  [63.9 MB]
    [5.7]--修改密码页功能实现.mp4  [84.3 MB]
    [5.1]--个人中心页开发（1）.mp4  [132.8 MB]
    [5.12]--我的订单列表开发.mp4  [96.6 MB]
    [5.10]--上传文件功能实现.mp4  [155.5 MB]
📁 章节10学习进度模块开发
    章节10学习进度模块开发说明.zip  [1.8 MB]
    [10.4]--更新学习进度-图文课程（2）.mp4  [38.3 MB]
    [10.1]--未登录时默认显示.mp4  [62.6 MB]
    [10.7]--更新学习进度-专栏.mp4  [38.9 MB]
    [10.5]--更新学习进度-视频课程.mp4  [25.2 MB]
    [10.6]--更新学习进度-音频课程.mp4  [36.6 MB]
    [10.3]--更新学习进度-图文课程（1）.mp4  [188.8 MB]
    [10.2]--学习进度页开发.mp4  [126.6 MB]
📁 章节2全局样式和全局配置
    章节2全局样式和全局配置资料.png  [493.5 KB]
    [2.1]--App.vue引入全局样式.mp4  [22.4 MB]
    [2.4]--底部导航开发.mp4  [24.1 MB]
    [2.3]--引入自定义图标库.mp4  [11.3 MB]
    [2.2]--动画库引入和使用.mp4  [8.8 MB]
📁 章节12社区和电子书模块开发
    [12.8]--发布帖子页开发（一）.mp4  [129.1 MB]
    [12.14]--帖子点赞功能（二）.mp4  [116.9 MB]
    [12.3]--社区列表页开发（3）.mp4  [122.3 MB]
    [12.13]--帖子点赞功能（一）.mp4  [65.8 MB]
    [12.1]--社区列表页开发（1）.mp4  [82.7 MB]
    [12.10]--发布帖子交互实现（三）.mp4  [221.7 MB]
    [12.17]--删除我的帖子功能.mp4  [80.3 MB]
    [12.2]--社区列表页开发（2）.mp4  [90.8 MB]
    [12.16]--我的帖子列表页.mp4  [50.9 MB]
    [12.7]--社区列表页交互（3）.mp4  [104.1 MB]
    [12.4]--社区列表页开发（4）.mp4  [165.9 MB]
    [12.5]--社区列表页交互（1）.mp4  [134.0 MB]
    [12.11]--帖子详情页开发.mp4  [123.2 MB]
    [12.12]--帖子评论列表.mp4  [160.7 MB]
    [12.6]--社区列表页交互（2）.mp4  [56.9 MB]
    [12.9]--发布帖子页开发（二）.mp4  [81.4 MB]
    [12.15]--帖子发表评论功能.mp4  [138.0 MB]
📁 章节7搜索页和列表页开发
    [7.1]--搜索页开发（1）.mp4  [68.8 MB]
    [7.3]--搜索结果页开发（1）.mp4  [143.5 MB]
    [7.2]--搜索页开发（2）.mp4  [79.1 MB]
    [7.4]--搜索结果页开发（2）.mp4  [129.5 MB]
    [7.5]--搜索结果页交互.mp4  [115.0 MB]
📁 章节11考试模块开发
    章节11考试模块开发必看.zip  [1.8 MB]
    [11.1]--考场列表页开发.mp4  [111.9 MB]
    [11.13]--我的考试记录页开发.mp4  [102.6 MB]
    [11.6]--开始考试页开发（3-2）.mp4  [85.2 MB]
    [11.2]--考场列表页交互.mp4  [79.8 MB]
    [11.14]--修复考试倒计时问题.mp4  [26.8 MB]
    [11.11]--开始考试页交互（2）-交卷前验证.mp4  [73.1 MB]
    [11.5]--开始考试页开发（3-1）-底部操作条.mp4  [141.5 MB]
    [11.3]--开始考试页开发（1）-倒计时(1).mp4  [80.8 MB]
    [11.4]--开始考试页开发（2）-倒计时(2).mp4  [41.0 MB]
    [11.8]--开始考试页开发（5）-单选组件.mp4  [119.1 MB]
    [11.10]--开始考试页交互.mp4  [75.9 MB]
    [11.12]--开始考试页交互（3）-交卷处理.mp4  [82.0 MB]
    [11.9]--开始考试页开发（6）-多选组件.mp4  [48.0 MB]
    [11.7]--开始考试页开发（4）-填空组件.mp4  [61.0 MB]
📁 章节4登录注册模块开发
    [4.3]--登录注册页开发（3）.mp4  [9.2 MB]
    [4.11]--绑定手机号api交互（2）.mp4  [31.5 MB]
    [4.10]--绑定手机号api交互（1）.mp4  [15.9 MB]
    [4.4]--注册功能交互实现.mp4  [20.3 MB]
    [4.8]--绑定手机号页开发（1）.mp4  [21.8 MB]
    [4.7]--验证同意隐私声明.mp4  [10.7 MB]
    [4.1]--登录注册页开发（1）.mp4  [30.1 MB]
    [4.5]--登录功能交互实现.mp4  [29.0 MB]
    [4.2]--登录注册页开发（2）.mp4  [45.9 MB]
    [4.9]--绑定手机号页开发（2）.mp4  [18.8 MB]
    [4.6]--初始化用户功能实现.mp4  [12.1 MB]
    [4.13]--忘记密码api交互.mp4  [12.6 MB]
    [4.12]--忘记密码页开发.mp4  [9.9 MB]
📁 章节6优惠券模块开发
    章节6优惠券模块开发文档.zip  [1.8 MB]
    [6.2]--领取优惠券功能实现.mp4  [41.3 MB]
    [6.1]--首页优惠券列表交互.mp4  [102.8 MB]
    [6.4]--我的优惠券列表开发.mp4  [52.0 MB]
    [6.3]--登录退出后优惠券状态处理.mp4  [97.1 MB]
    [6.5]--我的优惠券列表交互.mp4  [119.6 MB]
📁 章节8图文频和视频课程模块开发
    [8.2]--课程详情页交互.mp4  [68.5 MB]
    [8.3]--图文课程详情页交互.mp4  [184.6 MB]
    [8.1]--课程详情页开发.mp4  [209.4 MB]
    [8.4]--视频课程详情页交互.mp4  [48.7 MB]
    [8.7]--音频课程详情页交互（3）.mp4  [135.2 MB]
    [8.6]--音频课程详情页交互（2）.mp4  [156.5 MB]
    [8.5]--音频课程详情页交互（1）.mp4  [171.8 MB]
📁 章节1课程介绍和准备
    [1.2]--环境搭建和项目创建.mp4  [9.3 MB]
    [1.1]--课程介绍（学前必看）.mp4  [32.1 MB]
📁 章节9专栏模块开发
    [9.2]--专栏详情页交互（1）.mp4  [203.8 MB]
    [9.1]--专栏详情页开发.mp4  [86.1 MB]
    [9.3]--专栏详情页交互（2）.mp4  [106.6 MB]