Vue全家桶+SSR+Koa2全栈开发美团网 | 解决什么问题？
这门课的核心是用Vue全家桶、SSR和Koa2技术栈，完整开发一个美团网风格的全栈项目。主要解决两个问题：一是帮助有一定前端基础的开发者系统性掌握全栈开发能力，二是通过美团网案例的实战演练，加深对SSR和Koa2等技术的理解。课程重点在于Vue全家桶如何与后端服务结合，实现高性能的SSR架构，并覆盖了从路由管理到状态管理的完整流程。通过实战项目，学员可以了解大型应用的全栈开发流程，包括组件化设计、服务端渲染优化以及前后端数据交互方案。
学习门槛与产出 | 资料如何配合练习？
适合已经掌握Vue.js基础语法、了解HTTP协议和前端工程化概念的开发者。课程资料通过拆解美团网项目中的组件、API和后端接口，逐步引导学员完成从需求分析到代码实现的全过程。建议先看第2章到第5章的Vue基础和Nuxt.js入门内容，建立技术框架认知；接着重点学习第10章到第13章的页面开发模块，这些章节直接关联实战场景，如切换城市页、购物车、产品详情页等，帮助理解业务逻辑实现；最后结合第3章的Koa2部分，理解前后端协作逻辑，特别是SSR的请求处理和渲染流程。资料中的源码提供了完整的开发环境配置指南，可以配合课后练习逐步复现项目功能，关键部分如SSR实现、状态同步、接口联调等需要反复调试。学完后，学员能独立完成基于Vue全家桶+SSR+Koa2的全栈项目开发，掌握从路由到数据库交互的完整链路，并能应对SSR的性能优化问题。
10 第10章 切换城市页3 集
- 01 10-1 切换城市（1）.mp4 [67.3 MB]
- 02 10-2 切换城市（2）【资源精选‖更多关注：CunWorkNotes】.mp4 [25.4 MB]
- 03 10-3 切换城市（3）【资源精选‖更多关注：CunWorkNotes】.mp4 [18.8 MB]
00 源码1 条
- mt-stack.exe [758.6 KB]
13 第13章 购物车开发4 集
- 01 13-1 购物车&订单-需求分析【更多精选‖公众号：CunWorkNotes 获取】.mp4 [10.7 MB]
- 03 13-3 购物车接口实现.mp4 [21.9 MB]
- 02 13-2 购物车&订单-页面创建.mp4 [48.9 MB]
- 04 13-4 购物车调试.mp4 [38.9 MB]
12 第12章 美团网产品详情页开发4 集
- 04 12-4 产品详情页-接口.mp4 [29.3 MB]
- 01 12-1 需求分析.mp4 [16.6 MB]
- 02 12-2 静态模板.mp4 [34.3 MB]
- 03 12-3 产品详情页入口-静态文件.mp4 [26.8 MB]
16 第16章 直播视频《前端人的危机如何破解》7 集
- 05 16-5 《前端人的危机如何破解》-如何学习（中高级）.mp4 [7.3 MB]
- 02 16-2 《前端人的危机如何破解》- 如何学习（入门级）【资源精选‖更多关注：CunWorkNotes】.mp4 [9.9 MB]
- 01 16-1 《前端人的危机如何破解》- 内容安排.mp4 [8.5 MB]
- 07 16-7 《前端人的危机如何破解》- 如何晋升（中高级）.mp4 [4.7 MB]
- 04 16-4 《前端人的危机如何破解》-如何晋升（入门级）.mp4 [6.8 MB]
- 03 16-3 《前端人的危机如何破解》- 如何面试（入门级）.mp4 [13.9 MB]
- 06 16-6 《前端人的危机如何破解》- 如何晋升（中高级）.mp4 [8.1 MB]
05 第5章 Nuxt.js基础知识4 集
- 02 5-2 Nuxt.js基础（2）.mp4 [32.1 MB]
- 01 5-1 Nuxt.js基础（1）.mp4 [20.6 MB]
- 03 5-3 Nuxt.js基础（3）【不易整理‖请关注：CunWorkNotes】.mp4 [53.6 MB]
- 04 5-4 Nuxt.js基础（4）.mp4 [27.7 MB]
02 第2章 Vue基础知识12 集
- 03 2-3 模板语法（2）.mp4 [38.6 MB]
- 05 2-5 事件.mp4 [26.4 MB]
- 08 2-8 路由基础.mp4 [32.9 MB]
- 10 2-10 Vuex基础用例（2）.mp4 [16.2 MB]
- 12 2-12 Vuex高级用例（2）.mp4 [5.6 MB]
- 01 2-1 概述&脚手架.mp4 [12.9 MB]
- 04 2-4 样式与遍历.mp4 [28.7 MB]
- 06 2-6 组件（1）.mp4 [30.7 MB]
- 09 2-9 Vuex基础用例（1）.mp4 [24.5 MB]
- 11 2-11 Vuex高级用例（1）【整理不易‖记得关注：CunWorkNotes】.mp4 [23.7 MB]
- 07 2-7 组件（2）【整理不易‖记得关注：CunWorkNotes】.mp4 [20.9 MB]
- 02 2-2 模板语法（1）【资源精选‖更多关注：CunWorkNotes】.mp4 [29.2 MB]
11 第11章 美团网产品列表页6 集
- 03 11-3 地图组件开发【更多精选‖公众号：CunWorkNotes 获取】.mp4 [51.5 MB]
- 02 11-2 页面设计（2）【更多精选‖公众号：CunWorkNotes 获取】.mp4 [33.6 MB]
- 01 11-1 页面设计（1）【整理不易‖记得关注：CunWorkNotes】.mp4 [52.2 MB]
- 06 11-6 页面调试.mp4 [32.6 MB]
- 05 11-5 入口文件编写（2）【不易整理‖请关注：CunWorkNotes】.mp4 [35.0 MB]
- 04 11-4 入口文件编写（1）【更多精选‖公众号：CunWorkNotes 获取】.mp4 [23.9 MB]
03 第3章 Koa2基础知识4 集
- 01 3-1 Koa-generator.mp4 [14.4 MB]
- 04 3-4 koa路由和cookie【更多精选‖公众号：CunWorkNotes 获取】.mp4 [21.5 MB]
- 02 3-2 Koa异步async.mp4 [23.8 MB]
- 03 3-3 Koa中间件.mp4 [38.7 MB]
08 第8章 开发美团网首页-登录注册9 集
- 09 8-9 注册&登录（2）.mp4 [25.2 MB]
- 05 8-5 注册（5）.mp4 [44.4 MB]
- 04 8-4 注册（4）.mp4 [20.4 MB]
- 01 8-1 注册（1）.mp4 [60.2 MB]
- 07 8-7 注册（7）.mp4 [40.2 MB]
- 03 8-3 注册（3）.mp4 [13.7 MB]
- 06 8-6 注册（6）【资源精选‖更多关注：CunWorkNotes】.mp4 [21.8 MB]
- 02 8-2 注册（2）【资源精选‖更多关注：CunWorkNotes】.mp4 [31.0 MB]
- 08 8-8 注册&登录（1）【优质资源‖关注：CunWorkNotes 解锁】.mp4 [24.6 MB]
01 第1章 课程导学1 集
- 01 1-1 课程导学【更多精选‖公众号：CunWorkNotes 获取】.mp4 [25.0 MB]
06 第6章 实战准备2 集
- 02 6-2 辅助工具安装与配置改装【整理不易‖记得关注：CunWorkNotes】.mp4 [33.4 MB]
- 01 6-1 环境准备与项目安装.mp4 [17.4 MB]
09 第9章 开发美团网首页-Search搜索5 集
- 05 9-5 Search接口实现（2）.mp4 [57.3 MB]
- 03 9-3 Geo接口实现.mp4 [18.5 MB]
- 02 9-2 菜单数据.mp4 [46.2 MB]
- 04 9-4 Search接口实现（1）.mp4 [79.2 MB]
- 01 9-1 城市服务.mp4 [48.7 MB]
04 第4章 Mongoose和Redis基础4 集
- 02 4-2 mongoose（2）.mp4 [39.7 MB]
- 04 4-4 Redis（2）【不易整理‖请关注：CunWorkNotes】.mp4 [23.1 MB]
- 01 4-1 mongoose（1）【不易整理‖请关注：CunWorkNotes】.mp4 [40.8 MB]
- 03 4-3 Redis（1）.mp4 [21.5 MB]
07 第7章 开发美团网首页10 集
- 05 7-5 Bug修复.mp4 [5.6 MB]
- 10 7-10 Footer补充【整理不易‖记得关注：CunWorkNotes】.mp4 [11.3 MB]
- 03 7-3 首页Header开发-头部引导导航设计【资源精选‖更多关注：CunWorkNotes】.mp4 [33.1 MB]
- 01 7-1 需求分析.mp4 [50.7 MB]
- 04 7-4 首页Header开发-搜索界面设计.mp4 [69.1 MB]
- 08 7-8 首页菜单（2）.mp4 [50.5 MB]
- 07 7-7 首页菜单（1）【优质资源‖关注：CunWorkNotes 解锁】.mp4 [44.2 MB]
- 02 7-2 首页Header开发-城市定位服务设计.mp4 [53.3 MB]
- 09 7-9 章节小结.mp4 [26.6 MB]
- 06 7-6 首页搜索.mp4 [40.0 MB]
14 第14章 订单页开发3 集
- 03 14-3 订单调试.mp4 [14.1 MB]
- 01 14-1 订单页面.mp4 [26.8 MB]
- 02 14-2 订单接口【更多精选‖公众号：CunWorkNotes 获取】.mp4 [33.8 MB]
15 第15章 课程总结1 集
- 01 15-1 课程总结【整理不易‖记得关注：CunWorkNotes】.mp4 [7.6 MB]
