这套资料值不值得学：先看它解决什么问题

很多前端开发者卡在一个尴尬点：能写静态页面，也能用框架做常规的后台管理，但一遇到要打包成小程序或移动端应用，就不知道怎么落地。这套 uni-app 实战资料解决的核心场景正是这个——带你走完一个仿资讯与课程类应用的前后端开发全流程。它不是单纯讲语法，而是聚焦于真实业务：怎么搭底部导航栏、怎么做条件编译适配多端、怎么引入第三方插件、怎么渲染首页轮播和课程列表。如果你目前只会基础前端，想补齐移动端跨平台项目的实操经验，这门课的切入点很务实。

适合什么基础，建议先看哪几块

这套资料不适合零基础。你需要提前掌握基本的 HTML、CSS 和 JavaScript，最好对 Vue 有基本了解，否则看到组件传值和生命周期会吃力。拿到资料后，不要从头按顺序点，建议先看“项目简介”和“创建项目”这两块，搞清楚整体业务逻辑和工程初始化；接着直接跳到“条件编译”和“自定义标题栏”部分。这两块是 uni-app 多端开发的精髓，理解了条件编译，你才知道同一套代码怎么分别跑在不同平台。把这几个核心概念理顺，再回头看首页轮播和课程列表的接口联调，阻力会小很多。

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

看视频时务必同步开一个编辑器跟着敲，不要只用眼睛过一遍。资料里演示的图标引入、插件安装，都要自己动手操作一次。建议每看完一个功能模块，比如首页轮播图，就暂停视频，尝试脱离教程自己实现一遍，卡住了再回去对照。这套资料里的项目是仿照真实应用做的，功能模块拆得很细，非常适合作为你修改和二次开发的练手靶子。跟着完整走完一遍后，你应当能独立搭建一个带底栏导航、自定义标题栏、列表数据渲染的跨端应用，并具备将其发布到小程序或移动端的基础能力。对于想往全栈或移动端方向转行的上班族来说，这种拿得出手的项目经验，比单纯背概念有用得多。


掌握uni-app的使用过程，结合项目实战

课程目录

*   01 学前测试/

  *   01 学前测试

*   02 项目实战-uniapp仿51cto/

  *   01 项目简介.mp4 03:08

  *   02 图标引入.mp4 14:08

  *   03 uni-app插件引入.mp4 03:18

  *   04 创建项目.mp4 06:26

  *   05 uni-app添加底栏.mp4 08:36

  *   06 uni-app自定义标题栏.mp4 03:05

  *   07 条件编译.mp4 17:51

  *   08 标题栏引入.mp4 03:00

  *   09 uni-app自定义标题栏实现.mp4 06:35

  *   10 自定义标题栏最终效果.mp4 07:35

  *   11 首页轮播图效果.mp4 07:53

  *   12 课程列表.mp4 04:56

  *   13 课程列表.mp4 10:04

  *   14 订阅专题.mp4 08:22

  *   15 首页最终效果.mp4 02:11

  *   16 课程分类页.mp4 10:47

  *   17 课程分类页.mp4 06:21

  *   18 课程分类页.mp4 02:17

  *   19 课程分类页.mp4 09:07

  *   20 菜单.mp4 07:11

  *   21 论坛帖子列表页.mp4 10:14

  *   22 下拉刷新效果.mp4 05:30

  *   23 上拉加载效果.mp4 08:52

  *   24 我的页面.mp4 15:25

  *   25 服务端程序初始化.mp4 07:31

  *   26 设置允许跨域.mp4 03:29

  *   27 设置restfull.mp4 03:31

  *   28 设置restfull.mp4 03:32

  *   29 数据库设计.mp4 04:48

  *   30 数据库ORM设计.mp4 06:46

  *   31 数据分页.mp4 03:44

  *   32 搜索页面.mp4 08:10

  *   33 前后端交互.mp4 06:43

  *   34 最后处理.mp4 01:52

  *   35 章节测试

*   03 uni-app基础/

  *   01 课程简介.mp4 11:18

  *   02 uni-app入门.mp4 07:24

  *   03 vue基础语法.mp4 15:23

  *   04 vue视图.mp4 09:42

  *   05 vue列表.mp4 07:13

  *   06 vue事件处理.mp4 11:39

  *   07 vue实例.mp4 11:51

  *   08 vue实例.mp4 05:46

  *   09 实现购物车.mp4 10:09

  *   10 生命周期.mp4 04:47

  *   11 vue组件基本概念.mp4 12:45

  *   12 组件间通信.mp4 05:19

  *   13 组件间通信.mp4 07:13

  *   14 组件间通信.mp4 11:22

  *   15 组件插槽.mp4 07:08

  *   16 动态组件.mp4 03:39

  *   17 单元素过渡.mp4 15:50

  *   18 多元素过渡.mp4 08:17

  *   19 章节测试

*   04 结课测试/

  *   01 结课测试