这门课解决什么问题：商城前端与支付闭环

很多前端开发者在学完基础语法后，常卡在“能写静态页面，但接不通真实业务数据”的阶段。这门课聚焦的正是平台商城前端开发中最吃功夫的环节：如何把页面骨架和后端接口拼装成能跑通交易闭环的成品。它不铺陈基础概念，而是直接切入首页数据加载、用户定位、城市级联选择以及微信支付 V3 接入等真实业务场景。如果你过去只写过组件演示，遇到多接口并发、数据校验和支付回调就发懵，这门课就是帮你补上从“页面仔”到“业务开发”的那块短板。

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

资料适合已经掌握基础前端框架、能看懂接口请求逻辑的读者。如果你连基础组件渲染都还卡壳，这套体系课会显得节奏过快。建议打开资料后，先跳到课程简介与功能演示部分，对照微信支付演示，直观了解最终要交付的完整业务形态。接着直接进入“获取前端页面数据”这一核心模块，重点看初始化用户数据、推荐分类与一级城市数据的获取逻辑，以及最后的数据检查环节。这部分是商城首页能否正常运转的命脉，也是日常工作中最容易出 Bug 的地方，先啃下这块，后续的页面渲染和支付对接才会顺畅。

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

学完后，你应该能独立承担一个商城类前端首页的完整开发：从页面结构分析、多维度业务数据拉取与校验，到最终渲染呈现，并能独立打通微信支付 V3 的前端调用流程。使用资料时，务必边看边跟着写代码。先按首页页面分析模块拆解自己的页面布局，再对照获取数据的视频，自己动手写请求逻辑，最后用视频里的数据检查方法做断点调试。支付部分由于涉及 V3 新版接口，建议在本地配好测试环境，跟着演示跑通一笔沙箱订单，而不是只看视频不动手。只有把数据流转和支付回调在自己电脑上完整跑通一次，这些散落的视频片段才会真正变成你手里的开发手艺。


项目部署上线及微信支付新技术(微信支付V3)

课程目录

*   01 课程简介/

  *   01 课程简介.mp4 (15.51 MB), 06:24

  *   02 前端开发主要知识点.mp4 (19.84 MB), 08:30

  *   03 功能演示.mp4 (94.26 MB), 15:27

  *   04 微信支付演示.mp4 (34.41 MB), 06:36

  *   05 首页页面分析.mp4 (30.07 MB), 05:10

*   02 获取前端页面数据/

  *   01 初始化获取用户数据及默认区县.mp4 (77.77 MB), 17:44

  *   02 获取推荐分类及一级城市数据.mp4 (87.26 MB), 22:19

  *   03 数据检查.mp4 (55.62 MB), 11:16

  *   04 获取首页数据.mp4 (84.50 MB), 18:24

  *   05 显示首页数据.mp4 (80.10 MB), 12:12

  *   06 省市区三级联动.mp4 (118.92 MB), 22:05

  *   07 城市数据切换.mp4 (58.93 MB), 11:30

  *   08 搜索商品.mp4 (91.54 MB), 20:34

  *   09 搜索门店.mp4 (81.87 MB), 16:19

  *   10 获取分类所有门店数据.mp4 (104.86 MB), 23:52

  *   11 获取区县全部商品.mp4 (102.37 MB), 20:51

  *   12 获取门店数据准备.mp4 (76.96 MB), 15:29

  *   13 获取门店详情.mp4 (100.27 MB), 22:29

  *   14 预约服务.mp4 (82.64 MB), 18:22

  *   15 显示地图.mp4 (80.89 MB), 12:28

  *   16 获取分类下的特定商品.mp4 (87.83 MB), 14:24

  *   17 商品详情逻辑编写.mp4 (151.92 MB), 39:34

  *   18 商品详情视图渲染.mp4 (108.77 MB), 16:11

*   03 阿里云发送短信验证码/

  *   01 阿里云短信服务简介.mp4 (86.86 MB), 17:44

  *   02 redis缓存.mp4 (54.38 MB), 12:01

  *   03 TP6集成阿里短信.mp4 (100.47 MB), 19:53

  *   04 短信发送调试.mp4 (97.69 MB), 18:20

  *   05 完善短信发送.mp4 (75.66 MB), 13:03

*   04 注册登录/

  *   01 注册及设置密码.mp4 (107.07 MB), 22:03

  *   02 登录逻辑.mp4 (63.48 MB), 14:49

*   05 会员中心/

  *   01 商品及门店收藏.mp4 (86.58 MB), 20:26

  *   02 登录跳转完善.mp4 (62.15 MB), 12:40

  *   03 收藏列表.mp4 (69.55 MB), 13:32

  *   04 修改会员资料.mp4 (91.73 MB), 17:49

*   06 微信支付V3(服务商支付)/

  *   01 安装微信支付APIV3SDK.mp4 (104.04 MB), 18:48

  *   02 微信支付APIV3简介.mp4 (121.96 MB), 19:05

  *   03 TP6封装Native支付方法.mp4 (104.41 MB), 16:49

  *   04 单商品订单确认.mp4 (121.22 MB), 18:33

  *   05 提交订单并入库.mp4 (111.11 MB), 21:28

  *   06 订单支付.mp4 (111.01 MB), 20:10

  *   07 支付成功后的业务处理.mp4 (88.09 MB), 17:19

*   07 购物车/

  *   01 加入购物车.mp4 (80.88 MB), 14:33

  *   02 购物车功能.mp4 (88.07 MB), 15:08

  *   03 购物车下单.mp4 (154.30 MB), 25:23

  *   04 购物车支付.mp4 (96.87 MB), 14:00

*   08 会员中心订单/

  *   01 微信扫码登录.mp4 (95.12 MB), 18:07

  *   02 获取订全部单.mp4 (90.02 MB), 18:58

  *   03 获取各状态订单.mp4 (101.66 MB), 16:06

  *   04 订单详情及删除.mp4 (87.62 MB), 15:20

  *   05 发表商品评价.mp4 (92.32 MB), 18:52

  *   06 确认收货.mp4 (44.96 MB), 11:17

  *   07 评价列表.mp4 (52.69 MB), 12:03

  *   08 密码修改.mp4 (79.73 MB), 18:14

*   09 项目部署上线/

  *   01 宝塔linux面板安装.mp4 (113.06 MB), 22:04

  *   02 宝塔面板功能讲解.mp4 (124.66 MB), 21:16

  *   03 项目线上部署.mp4 (113.52 MB), 21:03

  *   04 线上测试调试.mp4 (49.19 MB), 09:36

  *   05 云服务器域名、SSL及安全组.mp4 (88.66 MB), 15:39