这门课解决什么工作场景

很多前端同学或刚学完 Node.js 基础的人，最怕的不是写某个页面，而是把小程序客户端、服务端接口、数据库和支付链路串起来。这门课聚焦的就是这个串接环节，场景是一个类美团的小程序：首页展示推荐美食和店铺套餐、用户自动登录注册、下单并拉起微信支付。它解决的是真实业务里前后端联调与支付打通的问题，不是单纯讲语法或组件用法。如果你做过静态页面或简单接口，但没独立跑通过带支付的完整闭环，这门课的场景正好补这块短板。

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

这门课不适合完全零基础，你需要有基本 JavaScript 语法、能看懂简单 Express 路由和数据库查询。资料本身按业务流程顺序组织，建议先看项目演示和服务端客户端准备工作那两段，建立整体认知；接着重点看用户登录与注册部分，尤其是自动登录原理和获取 UnionID 的服务端路由，这部分是很多自学者卡住的点；然后再进入首页布局与推荐数据展示，把客户端请求和服务端接口对应起来看。支付相关内容放在最后，因为依赖前面登录和订单状态，跳着看容易断档。

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

学完后你应该能独立搭建一个带用户体系和微信支付的小程序后端，并完成客户端对接。具体说，能写 Express 路由处理登录注册、从数据库取推荐列表返回给小程序渲染、对接微信支付并处理支付结果回调。练习时建议边看边敲，不要只看不动手：先把服务端路由跑通，再用小程序开发者工具联调，最后再接支付沙箱。资料里每段视频对应一个功能点，练习节奏可以按这个粒度走，看完一段就实现对应功能并自测，遇到问题回看对应片段而不是整段重刷。这样比一口气看完再动手效率高，也更容易发现自己在哪一步卡住。


本课程通过小程序和服务端的Node.js以及express实现一个完整的app和服务端程序，让学员了解如何将这些技术集成在一起实现完整的应用，以及如何用Node.js和小程序实现微信支付。

课程目录

*   01 准备工作/

  *   01 项目演示.mp4 05:48

  *   02 进行服务端和客户端的准备工作.mp4 17:01

*   02 用户登录与注册/

  *   01 自动登录原理和新用户自动注册.mp4 16:43

  *   02 实现服务端负责登录和注册的路由（获取UnionID）.mp4 16:47

  *   03 小程序利用微信的验证机制自动登录.mp4 11:12

*   03 美团小程序首页/

  *   01 设计美团小程序首页的布局.mp4 22:36

  *   02 从数据库中获取推荐美食种类列表.mp4 05:27

  *   03 在小程序中显示推荐美食种类列表.mp4 04:20

  *   04 从数据库中获取推荐的店铺套餐数据.mp4 12:41

  *   05 在小程序中显示推荐的店铺套餐信息.mp4 12:48

  *   06 显示指定美食种类的推荐套餐.mp4 05:11

*   04 看电影页面/

  *   01 设计电影页面.mp4 14:06

  *   02 从数据库中获取热映影片和影院列表.mp4 06:57

  *   03 在小程序中显示热映影片和影院列表.mp4 03:04

  *   04 页面之间的跳转以及小程序之间的跳转.mp4 07:43

*   05 店铺与套餐/

  *   01 店铺页面设计.mp4 06:00

  *   02 从数据库中获取店铺详细信息.mp4 12:09

  *   03 在小程序中显示店铺详细信息.mp4 19:40

  *   04 设计套餐页面.mp4 04:14

  *   05 从数据库中获取套餐信息.mp4 06:01

  *   06 显示套餐信息以及给商家打电话.mp4 04:47

*   06 订单与支付/

  *   01 设计订单页面.mp4 13:09

  *   02 初始化订单页面.mp4 05:12

  *   03 小程序支付的必要条件和流程.mp4 23:58

  *   04 编写支付路由pay.mp4 24:09

  *   05 在小程序端发起支付.mp4 12:27

  *   06 将订单添加到数据库中.mp4 11:08

*   07 订单、支付与评论/

  *   01 设计我的订单列表页面.mp4 06:37

  *   02 从数据库中获取订单列表信息.mp4 06:14

  *   03 在小程序中显示订单列表.mp4 05:13

  *   04 设计订单详情页面.mp4 06:10

  *   05 从数据库中获取订单详细信息.mp4 07:44

  *   06 在小程序中显示订单详情.mp4 02:49

  *   07 设计评价页面.mp4 11:31

  *   08 向数据库中添加评论信息.mp4 12:40

  *   09 在上程序上评价店铺.mp4 08:00

*   08 电影与支付/

  *   01 设计电影展示页面.mp4 04:01

  *   02 从数据库中获取电影信息.mp4 03:57

  *   03 在小程序中显示电影详细信息.mp4 03:11

  *   04 从数据库中获取电影院的详细信息.mp4 04:43

  *   05 显示影院信息以及购买电影票（项目完结）.mp4 06:33