线下【智慧商城】-沉浸式项目实战

如果你已经能写几个小程序页面，但一被问到「购物车里的数量怎么和库存联动」「订单状态怎么从前端推到后端再推回来」，就开始含糊，这门课就是补这块的。它不讲小程序语法入门，而是把一个叫「智慧商城」的移动电商项目从头做一遍，逼你把用户、商品、分类、搜索、购物车、订单这几条线真正串起来。

先说清楚：它填的是哪几个缺口

第一个缺口是业务流程。很多人做过的「电商练习」只到商品列表和详情页就停了，因为再往下走会碰到一堆绕不开的问题：加购时同一商品不同规格怎么存、下单时价格以哪一刻为准、订单超时未支付怎么处理。这些不是语法问题，是业务问题，而恰恰是面试和实际工作里最容易被追问的部分。

第二个缺口是数据在前后端之间的走向。小程序端拿到的是接口返回的结果，但结果怎么来的、状态怎么变的、哪些字段是冗余哪些是必须的，只有自己把一条链路走通才会有感觉。智慧商城这个项目覆盖的正是这条完整链路，而不是孤立地教你调某一个 API。

第三个缺口是页面之外的东西。分类和搜索看着简单，真做起来要处理层级、筛选条件、关键词匹配、分页加载；购物车看着简单，真做起来要处理选中态、数量增减、金额实时计算、跨页面同步。这些细节堆起来，才是一个能拿出手的项目。

学的时候建议怎么用

• 按业务线推进，别按文件顺序推进。先把「商品—分类—搜索」这条浏览链路走通，再动购物车和订单。前者是后者的输入，顺序反了会很痛苦。
• 每个模块做完，自己合上代码，用一句话说清这个模块的数据从哪来、存到哪、什么时候更新。说不清就是没懂，回去再看。
• 购物车和订单这两块，建议自己先动手写一版再对照。这两处的坑最多，先踩一遍印象才深。
• 不要只跑通就过。把接口返回的字段逐个看一遍，想一下哪些字段其实前端可以不要、哪些前端必须自己算。

看完应该能回答这几个问题

如果这门课学到位了，下面这些问题的答案你应该能自己讲出来，而不是靠翻笔记：

• 用户从进入商品详情到提交订单，中间经过了哪些状态变化，每一步谁在改数据？
• 购物车里的商品数量和金额，是在前端算还是后端算，为什么这么选？
• 分类、搜索、商品列表这三个页面看起来不同，能不能共用一套列表加载逻辑？
• 订单提交后如果支付失败或超时，系统要怎么收场？
• 如果把微信小程序换成另一个端，哪些部分是能复用的，哪些必须重写？

这几个问题答不上来，说明还停留在「照着敲完了」的阶段。答得上来，才说明你真的把这个项目的骨架摸清楚了。

适不适合你

适合已经会写小程序基础页面、但没完整做过一个电商项目的人；也适合做过零散电商需求、想把流程补齐的人。如果你连小程序的生命周期、页面传参都还不熟，建议先把基础过一遍再来，否则这个项目会让你卡在很低级的地方，浪费时间。

最后提醒一句：这是一门动手课，看视频的收益远小于自己写一遍。资料在手边的时候，尽量把每个模块当成一个小任务独立完成，再回去对答案。缺什么补什么，别假装什么都会——这句话在这门课上尤其管用。