【李宁】微信小程序项目实战系列视频课程：电影购票系统

这门课补的是哪块能力

很多学习者把小程序基础语法学完就卡住了：会写单个页面，会绑定数据，但面对一个“完整项目”不知道从哪里下手。这门课以电影购票系统为主线，带你走通“电影列表 → 电影详情 → 在线播放”这条最典型的前台展示链路。它不碰后端接口、不碰支付和账号体系，专注解决前端表现层的问题：如何把一堆电影数据装进页面、如何让列表项点击后跳到详情、如何在详情里加载视频并播放。

如果你已经知道 wxml 和 wxss 怎么用、会写基本的 js 逻辑、能自己搭出静态页面，但从来没把一个项目从头串到尾，这门课正好补上这个缺口。它不教你“什么是小程序”，而是直接告诉你“一个真实项目里，这些知识点是怎么组合起来的”。所以，适合基础是：会页面结构、会事件绑定、会 setData，但缺少项目实战经验的人。

建议先看哪几块

不要从头到尾一口气刷完。第一步，先看项目演示，用两三分钟搞清楚最终做出来是什么样子，心里有个目标。第二步，重点看“完成电影列表布局”和“装载电影列表数据”，这两节是整门课的核心：布局决定了页面长什么样，数据装载决定了页面怎么动起来。第三步，再进入详情页的布局和显示，最后看在线播放。播放功能是亮点，但如果你跳过前面的布局直接看播放，会发现自己跟不上了。

配套资料里应该有初始工程文件或截图，建议这样配合练习：每看完一节，就立刻在编辑器里照着敲一遍，不要只看。敲完列表布局，就自己换一组电影数据试试；看完数据装载，就试着给列表加一个“正在热映”的筛选条件。资料不是用来收藏的，是用来对照检查的——你遇到报错时，再回去看对应的视频片段，比从头再刷一遍有效得多。

学完能独立做什么

做完这门课，你能独立做出一个电影购票系统的前台核心部分：一个带电影海报、片名、评分的列表页，点击任意一部电影进入详情页，详情页里有电影简介和播放器，点击就能在线播放。你还能理解页面之间的跳转传参、列表渲染、视频组件的基本用法。

在此基础上，你可以自己扩展：加上搜索框按片名过滤电影、给列表加分类 tab、把已看过的电影存到本地缓存里。这些扩展都不需要新知识，只是把学到的思路换一个场景再用一遍。学完之后，你至少应该能回答这三个问题：为什么列表用