飞豹客 · 课能看，资料也能带走
AI大模型PythonJava前端开发软考中级面试八股
我的课程开通会员
网易云课堂 - uni-app实战在线教育类app开发 人工精选
永久有效网盘秒发免费补链
飞豹客前端开发 会员免费

网易云课堂 - uni-app实战在线教育类app开发

开发在线教育App：课程解决什么问题 这门课面向想快速开发在线教育类App的开发者，重点解决使用uni-app框架完成从零到一的全流程开发问题。课程以在线教育场景为载体，涵盖App搭建、界面设计、组件开发等核心环节。适合已有前端基础，但缺乏uni-app实战经验的学员，尤其适合需要快速交付移动端产品

单课价¥19.90新品 上架
会员价 会员免费开通会员后本篇可直接下载套餐详情
158 人关注 更新于 2026-03-26 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

会员可免费下载本篇月会员、年会员、永久会员可按日额度下载（每篇扣 1 次）。

开通会员 ›
购买本课销量 0 · 永久有效
会员价 · 单课标价 ¥19.90

会员 A · 按档位折扣

永久免费可下
年免费可下
月免费可下
周免费可下

会员 B

VIP¥3.98低至
SVIP单买¥200 内可领

游客按标价购买，不享受上表折扣。

支付成功后自动发放网盘链接，链接失效可找客服免费补

正版保障 极速发货 售后无忧

开发在线教育App：课程解决什么问题

这门课面向想快速开发在线教育类App的开发者，重点解决使用uni-app框架完成从零到一的全流程开发问题。课程以在线教育场景为载体，涵盖App搭建、界面设计、组件开发等核心环节。适合已有前端基础，但缺乏uni-app实战经验的学员，尤其适合需要快速交付移动端产品的团队。课程不涉及原生平台差异适配，统一用Vue语法完成跨端开发，重点放在教育类App常见的功能实现上，如轮播图、搜索栏、底部导航等。

适合基础与学习重点

建议学习者具备Vue.js基础语法知识（如data、methods等），能理解组件化开发概念。课程前两章重点学习环境搭建和全局配置，包括动画库、图标库的集成，以及底部导航的开发，这部分内容可与现有项目快速复用。第三章首页开发部分需要系统学习，涉及轮播图组件和分类图标的实现，需对照案例手动调试。若已有移动端开发经验，可直接跳看组件开发章节，优先掌握3.1和3.2节的内容，后续结合资料包中的代码片段独立完成功能扩展。

资料配合练习建议

课程资料包含开发环境配置视频和配套源码，练习时需结合`App.vue`全局样式文件调整UI细节。建议先逐节观看环境搭建章节，确保uni-app项目能正常运行。随后以`2.4`节底部导航为例，对照源码理解组件化封装逻辑。首页开发部分采用“视频演示→修改参数→测试效果”的循环方式，如调整轮播图图片路径或搜索栏placeholder文本，观察渲染差异。学完后，可基于现有代码增加“课程列表”组件，要求实现分页加载功能，用``结合API完成数据渲染。

课程目录

课程目录103 集
  • 📂 【163课堂-1211586802】uni-app实战在线教育类app开发/    📂 章节1课程介绍和准备/        📽️ [1.1]--课程介绍（学前必看）_ev.mp4
  • (32.
  • 12 MB)        📽️ [1.2]--环境搭建和项目创建_ev.mp4
  • (9.
  • 31 MB)    📂 章节2全局样式和全局配置/        📽️ [2.1]--App.vue引入全局样式.mp4
  • (22.
  • 40 MB)        📽️ [2.2]--动画库引入和使用.mp4
  • (8.
  • 75 MB)        📽️ [2.3]--引入自定义图标库.mp4
  • (11.
  • 29 MB)        📽️ [2.4]--底部导航开发.mp4
  • (24.
  • 06 MB)    📂 章节3首页开发/        📽️ [3.1]--首页搜索栏配置.mp4
  • (32.
  • 67 MB)        📽️ [3.2]--首页轮播图组件开发.mp4
  • (17.
  • 08 MB)        📽️ [3.3]--图标分类组件开发.mp4
  • (23.
  • 01 MB)        📽️ [3.4]--优惠券组件开发.mp4
  • (42.
  • 83 MB)        📽️ [3.5]--公共列表组件开发(1).mp4
  • (35.
  • 13 MB)        📽️ [3.6]--公共列表组件开发(2).mp4
  • (18.
  • 95 MB)        📽️ [3.7]--公共列表组件开发(3).mp4
  • (26.
  • 93 MB)        📽️ [3.8]--首页数据交互.mp4
  • (58.
  • 86 MB)        📽️ [3.9]--首页下拉刷新功能实现.mp4
  • (8.
  • 21 MB)        📽️ [3.10]--请求拦截器封装.mp4
  • (29.
  • 55 MB)        📽️ [3.11]--响应拦截器封装.mp4
  • (43.
  • 99 MB)        📽️ [3.12]--骨架屏加载优化.mp4
  • (58.
  • 40 MB)        📽️ [3.13]--首页数据交互（2）.mp4
  • (25.
  • 93 MB)    📂 章节4登录注册模块开发/        📽️ [4.1]--登录注册页开发（1）.mp4
  • (30.
  • 15 MB)        📽️ [4.2]--登录注册页开发（2）.mp4
  • (45.
  • 93 MB)        📽️ [4.3]--登录注册页开发（3）.mp4
  • (9.
  • 16 MB)        📽️ [4.4]--注册功能交互实现.mp4
  • (20.
  • 31 MB)        📽️ [4.5]--登录功能交互实现.mp4
  • (28.
  • 99 MB)        📽️ [4.6]--初始化用户功能实现.mp4
  • (12.
  • 09 MB)        📽️ [4.7]--验证同意隐私声明.mp4
  • (10.
  • 72 MB)        📽️ [4.8]--绑定手机号页开发（1）.mp4
  • (21.
  • 79 MB)        📽️ [4.9]--绑定手机号页开发（2）.mp4
  • (18.
  • 82 MB)        📽️ [4.10]--绑定手机号api交互（1）.mp4
  • (15.
  • 88 MB)        📽️ [4.11]--绑定手机号api交互（2）.mp4
  • (31.
  • 51 MB)        📽️ [4.12]--忘记密码页开发.mp4
  • (9.
  • 87 MB)        📽️ [4.13]--忘记密码api交互.mp4
  • (12.
  • 56 MB)    📂 章节5个人中心模块开发/        📽️ [5.1]--个人中心页开发（1）.mp4
  • (132.
  • 80 MB)        📽️ [5.2]--个人中心页开发（2）.mp4
  • (112.
  • 97 MB)        📽️ [5.3]--个人中心数据交互.mp4
  • (67.
  • 90 MB)        📽️ [5.4]--个人设置页开发.mp4
  • (82.
  • 92 MB)        📽️ [5.5]--退出登录功能实现.mp4
  • (43.
  • 91 MB)        📽️ [5.6]--权限验证跳转.mp4
  • (52.
  • 55 MB)        📽️ [5.7]--修改密码页功能实现.mp4
  • (84.
  • 32 MB)        📽️ [5.8]--缓存计算和清除缓存.mp4
  • (63.
  • 91 MB)        📽️ [5.9]--修改资料页开发.mp4
  • (122.
  • 05 MB)        📽️ [5.10]--上传文件功能实现.mp4
  • (155.
  • 48 MB)        📽️ [5.11]--修改资料页交互.mp4
  • (92.
  • 23 MB)        📽️ [5.12]--我的订单列表开发.mp4
  • (96.
  • 64 MB)        📽️ [5.13]--我的订单列表交互.mp4
  • (102.
  • 17 MB)    📂 章节6优惠券模块开发/        📽️ [6.1]--首页优惠券列表交互.mp4
  • (102.
  • 83 MB)        📽️ [6.2]--领取优惠券功能实现.mp4
  • (41.
  • 30 MB)        📽️ [6.3]--登录退出后优惠券状态处理.mp4
  • (97.
  • 06 MB)        📽️ [6.4]--我的优惠券列表开发.mp4
  • (52.
  • 00 MB)        📽️ [6.5]--我的优惠券列表交互.mp4
  • (119.
  • 56 MB)    📂 章节7搜索页和列表页开发/        📽️ [7.1]--搜索页开发（1）.mp4
  • (68.
  • 80 MB)        📽️ [7.2]--搜索页开发（2）.mp4
  • (79.
  • 08 MB)        📽️ [7.3]--搜索结果页开发（1）.mp4
  • (143.
  • 45 MB)        📽️ [7.4]--搜索结果页开发（2）.mp4
  • (129.
  • 46 MB)        📽️ [7.5]--搜索结果页交互.mp4
  • (115.
  • 04 MB)    📂 章节8图文频和视频课程模块开发/        📽️ [8.1]--课程详情页开发.mp4
  • (209.
  • 43 MB)        📽️ [8.2]--课程详情页交互.mp4
  • (68.
  • 54 MB)        📽️ [8.3]--图文课程详情页交互.mp4
  • (184.
  • 63 MB)        📽️ [8.4]--视频课程详情页交互.mp4
  • (48.
  • 73 MB)        📽️ [8.5]--音频课程详情页交互（1）.mp4
  • (171.
  • 82 MB)        📽️ [8.6]--音频课程详情页交互（2）.mp4
  • (156.
  • 50 MB)        📽️ [8.7]--音频课程详情页交互（3）.mp4
  • (135.
  • 17 MB)    📂 章节9专栏模块开发/        📽️ [9.1]--专栏详情页开发.mp4
  • (86.
  • 13 MB)        📽️ [9.2]--专栏详情页交互（1）.mp4
  • (203.
  • 83 MB)        📽️ [9.3]--专栏详情页交互（2）.mp4
  • (106.
  • 62 MB)    📂 章节10学习进度模块开发/        📽️ [10.1]--未登录时默认显示.mp4
  • (62.
  • 63 MB)        📽️ [10.2]--学习进度页开发.mp4
  • (126.
  • 59 MB)        📽️ [10.3]--更新学习进度-图文课程（1）.mp4
  • (188.
  • 84 MB)        📽️ [10.4]--更新学习进度-图文课程（2）.mp4
  • (38.
  • 28 MB)        📽️ [10.5]--更新学习进度-视频课程.mp4
  • (25.
  • 22 MB)        📽️ [10.6]--更新学习进度-音频课程.mp4
  • (36.
  • 61 MB)        📽️ [10.7]--更新学习进度-专栏.mp4
  • (38.
  • 85 MB)    📂 章节11考试模块开发/        📽️ [11.1]--考场列表页开发.mp4
  • (111.
  • 87 MB)        📽️ [11.2]--考场列表页交互.mp4
  • (79.
  • 77 MB)        📽️ [11.3]--开始考试页开发（1）-倒计时(1).mp4
  • (80.
  • 77 MB)        📽️ [11.4]--开始考试页开发（2）-倒计时(2).mp4
  • (41.
  • 03 MB)        📽️ [11.5]--开始考试页开发（3-1）-底部操作条.mp4
  • (141.
  • 47 MB)        📽️ [11.6]--开始考试页开发（3-2）.mp4
  • (85.
  • 16 MB)        📽️ [11.7]--开始考试页开发（4）-填空组件.mp4
  • (61.
  • 05 MB)        📽️ [11.8]--开始考试页开发（5）-单选组件.mp4
  • (119.
  • 06 MB)        📽️ [11.9]--开始考试页开发（6）-多选组件.mp4
  • (48.
  • 02 MB)        📽️ [11.10]--开始考试页交互.mp4
  • (75.
  • 91 MB)        📽️ [11.11]--开始考试页交互（2）-交卷前验证.mp4
  • (73.
  • 11 MB)        📽️ [11.12]--开始考试页交互（3）-交卷处理.mp4
  • (82.
  • 04 MB)        📽️ [11.13]--我的考试记录页开发.mp4
  • (102.
  • 60 MB)        📽️ [11.14]--修复考试倒计时问题.mp4
  • (26.
  • 85 MB)    📂 章节12社区和电子书模块开发/        📽️ [12.1]--社区列表页开发（1）.mp4
  • (82.
  • 70 MB)        📽️ [12.2]--社区列表页开发（2）.mp4
  • (90.
  • 80 MB)        📽️ [12.3]--社区列表页开发（3）.mp4
  • (122.
  • 32 MB)        📽️ [12.4]--社区列表页开发（4）.mp4
  • (165.
  • 91 MB)        📽️ [12.5]--社区列表页交互（1）.mp4
  • (134.
  • 00 MB)        📽️ [12.6]--社区列表页交互（2）.mp4
  • (56.
  • 92 MB)        📽️ [12.7]--社区列表页交互（3）.mp4
  • (104.
  • 08 MB)        📽️ [12.8]--发布帖子页开发（一）.mp4
  • (129.
  • 08 MB)        📽️ [12.9]--发布帖子页开发（二）.mp4
  • (81.
  • 37 MB)        📽️ [12.10]--发布帖子交互实现（三）.mp4
  • (221.
  • 75 MB)        📽️ [12.11]--帖子详情页开发.mp4
  • (123.
  • 19 MB)        📽️ [12.12]--帖子评论列表.mp4
  • (160.
  • 74 MB)        📽️ [12.13]--帖子点赞功能（一）.mp4
  • (65.
  • 82 MB)        📽️ [12.14]--帖子点赞功能（二）.mp4
  • (116.
  • 91 MB)        📽️ [12.15]--帖子发表评论功能.mp4
  • (137.
  • 98 MB)        📽️ [12.16]--我的帖子列表页.mp4
  • (50.
  • 92 MB)        📽️ [12.17]--删除我的帖子功能.mp4
  • (80.33 MB)

同类课程

和你正在看的这门一个方向
查看更多
1前端开发
会员免费
查看详情

1

永久有效 · 网盘发货

¥0.10会员免费
1 人已购 761
妙码学院《2025大前端架构师训练营》前端开发
会员免费
查看详情

妙码学院《2025大前端架构师训练营》

永久有效 · 网盘发货

¥29.90会员免费
1 人已购 487
Vue3.5+Electron+大模型 跨平台AI桌面聊天应用实战前端开发
会员免费
查看详情

Vue3.5+Electron+大模型 跨平台AI桌面聊天应用实战

永久有效 · 网盘发货

¥29.90会员免费
1 人已购 276
Vibe Coding 实战开发指南 用Claude Code Cursor和Codex极速打造全栈应用前端开发
会员免费
查看详情

Vibe Coding 实战开发指南 用Claude Code Cursor和Codex极速打造全栈应用

永久有效 · 网盘发货

¥29.90会员免费
1 人已购 273
不用深厚基础的 Codex 商用 Web 项目开发 + 变现完整教学包前端开发
会员免费
查看详情

不用深厚基础的 Codex 商用 Web 项目开发 + 变现完整教学包

永久有效 · 网盘发货

¥29.90会员免费
1 人已购 267
AI编程实战课：VUE+Django+MySQL开发大型网站项目，从入门到项目落地，AI助力编程小白逆袭前端开发
会员免费
查看详情

AI编程实战课：VUE+Django+MySQL开发大型网站项目，从入门到项目落地，AI助力编程小白逆袭

永久有效 · 网盘发货

¥29.90会员免费
1 人已购 175