这是一份关于全栈实战的导读。很多前端工程师在转全栈时，往往卡在“只会写页面，不懂服务端逻辑”的瓶颈上。这门课的核心价值在于通过构建一个旅游电商应用，让你彻底理解前后端分离架构下的数据流转。它不是简单的 API 调用教程，而是强调“造轮子”的思维——不依赖现成脚手架，而是基于 React.js 前端和 Egg.js 后端框架，从零搭建业务系统。

**课程解决的问题与适用基础**

这门课主要解决的是前端开发者在处理复杂业务逻辑、状态管理以及服务端交互时的认知断层。旅游电商场景涉及用户权限、商品列表、订单生成等多个典型模块，能很好地覆盖全栈开发的常见痛点。适合已经熟练掌握 React 组件化开发、理解 HTTP 协议、对 Node.js 有基本概念的工程师。如果你是纯前端新手，需要先补齐 JavaScript 异步编程和 ES6 基础，否则在 Egg.js 的服务端逻辑实现上会感到吃力。课程并不涉及底层网络原理或数据库深层调优，因此不需要深厚的计算机科学背景，重点在于工程落地能力。

**学习路径与核心模块建议**

建议的学习顺序是：先搭建 Egg.js 基础环境，理解其中间件机制和路由控制；接着实现用户认证与权限校验模块，这是安全性的基石；然后进入核心业务，处理旅游产品的增删改查接口；最后整合 React 前端，实现数据获取、状态同步及表单交互。不要跳过“造轮子”环节，即手动封装 Axios 请求工具、编写自定义 Hooks、处理全局错误边界。这些看似重复的工作，能让你深入理解框架内部工作原理，避免未来遇到 Bug 时只会堆砌代码而不懂排查。重点关注前后端数据契约的定义，确保接口返回结构的一致性，这是协作开发中的关键。

**学完后的能力与资料配合**

完成课程后，你将具备独立开发中小型 B/S 架构应用的能力。具体来说，你能从需求分析开始，设计出合理的数据库表结构，编写稳健的 RESTful API，并构建响应式用户界面。你不仅能部署上线一个简单的电商站点，还能对系统进行性能监控和日志分析。资料包中的代码片段应作为对照参考，而非直接复制粘贴。建议采用“看一遍、敲一遍、改一遍”的方法：先跟随逻辑理解意图，再脱离视频手动实现，最后尝试修改需求（如增加优惠券功能）以验证对架构的掌握程度。切忌只看不练，全栈能力的提升依赖于真实的代码调试经验。通过这种高强度的实战演练，你将从“前端开发者”转型为“全栈工程师”，具备解决复杂工程问题的系统化思维。

mksz452 - 用 React.js+Egg.js 造轮子 全栈开发旅游电商应用

本课程隶属 会员库 · MK实战课（一部分是老课） / 课程盒子4-mksz400至499，完整课程目录与配套资料如下。

课程目录

第10章 服务端民宿&订购模块实现及优化/
10-1 创建民宿、评论表以及编写 Sequelize 模型（更多课程联系微信：微信-rmshou-收集整理）[2].mp4
10-10 Egg.js 模拟支付过程，与前端联调 ==更多课程加微信：微信-rmshou-收集整理==[2].mp4
10-11 优化用户信息获取方式，对egg框架进行扩展 {课程持续更新加微信：微信-rmshou-收集整理}[2].mp4
10-2 开发egg-notFound 插件，处理接口不存在问题{更多课程加微信：微信-rmshou-收集整理}[2].mp4
10-3 获取城市列表数据，基于Sequelize多表联查编写热门民宿接口{课程持续更新加微信：微信-rmshou-收集整理}[2].mp4
10-4 编写搜索民宿接口，与前端联调==更多课程联系微信：微信-rmshou-收集整理==[2].mp4
10-5 编写民宿详情接口，与前端联调==课程持续更新联系微信：微信-rmshou-收集整理==[2].mp4
10-6 编写添加评论和评论列表接口，与前端联调 [课程持续更新加微信：微信-rmshou-收集整理][2].mp4
10-7 创建订单表，基于 Sequelize 编写订单模型 【课程持续更新联系微信：微信-rmshou-收集整理】[2].mp4
10-8 编写预定和取消预定民宿接口，与前端联调（更多课程联系微信：微信-rmshou-收集整理）[2].mp4
10-9 编写订单列表接口，与前端联调(更多课程加微信：微信-rmshou-收集整理)[2].mp4
第11章 项目安全【安全问题不能松懈】/
11-1 XSS 常见攻击方式与解决思路[课程持续更新加微信：微信-rmshou-收集整理][2].mp4
11-2 CSRF 常见攻击方式与解决思路(开发egg-allowHosts插件) (==更多课程加微信：微信-rmshou-收集整理==[2].mp4
11-3 如何对接口限流，避免无限制请求(开发egg-interfaceLimit插件)(课程持续更新联系微信：微信-rmshou-收集整理)[2].mp4
11-4 接口缓存问题处理(开发egg-interfaceCache插件) ##更多课程联系微信：微信-rmshou-收集整理##[2].mp4
第12章 项目部署【靠不靠谱，用过才知道】/
12-1 Docker简介（更多课程联系微信：微信-rmshou-收集整理）[2].mp4
12-2 CSRF 常见攻击方式与解决思路(开发egg-allowHosts插件) ({课程持续更新联系微信：微信-rmshou-收集整理}[2].mp4
12-2 Docker基础入门 ##更多课程加微信：微信-rmshou-收集整理##[2].mp4
12-3 如何对接口限流，避免无限制请求(开发egg-interfaceLimit插件)==课程持续更新联系微信：微信-rmshou-收集整理==[2].mp4
12-3 阿里云后台介绍（课程持续更新联系微信：微信-rmshou-收集整理）[2].mp4
12-4 接口缓存问题处理(开发egg-interfaceCache插件) ==更多课程加微信：微信-rmshou-收集整理==[2].mp4
12-4 项目部署[课程持续更新加微信：微信-rmshou-收集整理][2].mp4
12-5 Docker操作说明.jpg
12-6 Docker安装mysql后，node连接报错解决方式.jpg
12-7 课程总结[更多课程联系微信：微信-rmshou-收集整理][2].mp4
第1章 关于这门课，你需要知道的/
1-1 课前须知，这里有你需要了解的一切==更多课程加微信：微信-rmshou-收集整理==[2].mp4
第2章 React 核心内容梳理及自定义组件开发【拒绝啰嗦，开场即干货】/
2-1 本章概览[课程持续更新加微信：微信-rmshou-收集整理][2].mp4
2-10 基于react context api 实现数据流管理##课程持续更新加微信：微信-rmshou-收集整理##[2].mp4
2-11 LazyLoad组件开发【基于lazy 与 suspense 实现的懒加载组件】==课程持续更新加微信：微信-rmshou-收集整理==[2].mp4
2-12 ErrorBoundary组件开发【基于React错误边界技术实现的组件】==更多课程加微信：微信-rmshou-收集整理==[2].mp4
2-13 Modal组件开发【基于createPortal 创建自定义弹窗组件】{更多课程联系微信：微信-rmshou-收集整理}[2].mp4
2-14 使用 ref api 来操作dom和组件 (10.03)##更多课程加微信：微信-rmshou-收集整理##[2].mp4
2-2 前端开发环境搭建（更多课程联系微信：微信-rmshou-收集整理）[2].mp4
2-3 前端开发环境搭建之Window 下安装 nvm.jpg
2-4 UmiJs极速入门（上）(更多课程联系微信：微信-rmshou-收集整理)[2].mp4
2-5 Umijs极速入门（下）##课程持续更新联系微信：微信-rmshou-收集整理##[2].mp4
2-6 react组件生命周期（上）[更多课程联系微信：微信-rmshou-收集整理][2].mp4
2-7 react组件生命周期（下）[更多课程联系微信：微信-rmshou-收集整理][2].mp4
2-8 react组件之间的通信方式##更多课程加微信：微信-rmshou-收集整理##[2].mp4
2-9 Dva数据处理及数据mock（课程持续更新加微信：微信-rmshou-收集整理）[2].mp4
第3章 React Hooks 开发模式详解及自定义hook开发/
3-1 react hook api-新的组件开发模式==课程持续更新加微信：微信-rmshou-收集整理==[2].mp4
3-2 useContext和useReducer实现数据流管理{课程持续更新加微信：微信-rmshou-收集整理}[2].mp4
3-3 useTitleHook【根据url修改页面title的自定义hook】{课程持续更新联系微信：微信-rmshou-收集整理}[2].mp4
3-4 useHttpHook【基于fetch api 封装具有监测功能的自定义hook】（更多课程联系微信：微信-rmshou-收集整理）[2].mp4
3-5 使用think-react-store实现数据处理【基于React context 和 hook的数据流解决方案】==更多课程联系微信：微信-rmshou-收集整理==[2].mp4
3-6 Fiber架构解析==课程持续更新联系微信：微信-rmshou-收集整理==[2].mp4
第4章 为什么应用Egg.js/
4-1 Egg.js 企业级开发的利器概述(课程持续更新加微信：微信-rmshou-收集整理)[2].mp4
4-2 Egg.js 初体验{更多课程加微信：微信-rmshou-收集整理}[2].mp4
4-3 Node.js 中的进程(更多课程联系微信：微信-rmshou-收集整理)[2].mp4
第5章 Egg.js 基础--路由控制器服务模板引擎等/
5-1 Egg.js 中 Controller 的使用和单元测试[更多课程加微信：微信-rmshou-收集整理][2].mp4
5-2 Egg.js 路由中 get 请求的处理方式##课程持续更新联系微信：微信-rmshou-收集整理##[2].mp4
5-3 Egg.js 路由中 post.put.delete等请求的处理及参数校验##课程持续更新加微信：微信-rmshou-收集整理##[2].mp4
5-4 Egg.js 中 Service 服务和单元测试##课程持续更新联系微信：微信-rmshou-收集整理##[2].mp4
5-5 Egg.js 中使用 Ejs 模版引擎==课程持续更新加微信：微信-rmshou-收集整理==[2].mp4
5-6 Ejs 模版引擎中静态资源的使用和配置==课程持续更新联系微信：微信-rmshou-收集整理==[2].mp4
5-7 Egg.js 中 Cookie 的配置和使用以及如何设置中文cookie {更多课程联系微信：微信-rmshou-收集整理}[2].mp4
5-8 Egg.js 中 Session 的配置和使用【课程持续更新联系微信：微信-rmshou-收集整理】[2].mp4
5-9 Egg.js 中使用 HttpClient 请求其他接口 {课程持续更新加微信：微信-rmshou-收集整理}[2].mp4
本章精华部分.mp4
第6章 Egg.js 高阶--插件中间件扩展等/
6-1[课程持续更新联系微信：微信-rmshou-收集整理][2].mp4
6-2 丰富的扩展方式，项目开发得心应手【课程持续更新加微信：微信-rmshou-收集整理】[2].mp4
6-3 丰富的扩展方式，项目开发得心应手（课程持续更新联系微信：微信-rmshou-收集整理）[2].mp4
6-4 插件机制， Egg.js 灵活应用(更多课程联系微信：微信-rmshou-收集整理)[2].mp4
6-5 Egg.js 中的定时任务(课程持续更新联系微信：微信-rmshou-收集整理)[2].mp4
第7章 Egg.js 操作 Mysql 数据库/
7-1 安装 Mysql 数据库[更多课程联系微信：微信-rmshou-收集整理][2].mp4
7-2 Mysql 入门，基础增删改查操作==更多课程联系微信：微信-rmshou-收集整理==[2].mp4
7-3 使用egg-mysql插件操作数据库[课程持续更新联系微信：微信-rmshou-收集整理][2].mp4
7-4 Egg.js 中使用 Sequelize 操作 mysql 数据库[课程持续更新加微信：微信-rmshou-收集整理][2].mp4
7-5 Sequelize常用数据类型和条件判断.jpg
7-6 Sequelize 常用增删改查函数.jpg
第8章 前端界面开发及功能优化【开战啦~~】/
8-1 本章概览(更多课程联系微信：微信-rmshou-收集整理)[2].mp4
8-10 优化-提取公共组件，使用枚举，引入project-libs (##课程持续更新联系微信：微信-rmshou-收集整理##[2].mp4
8-11 民宿详情页面界面开发【更多课程加微信：微信-rmshou-收集整理】[2].mp4
8-12 为民宿详情页面添加数据流管理（上）==更多课程加微信：微信-rmshou-收集整理==[2].mp4
8-13 为民宿详情页面添加数据流管理（下）==课程持续更新联系微信：微信-rmshou-收集整理==[2](1).mp4
8-13 为民宿详情页面添加数据流管理（下）==课程持续更新联系微信：微信-rmshou-收集整理==[2].mp4
8-14 开发订单页面==课程持续更新加微信：微信-rmshou-收集整理==[2].mp4
8-15 为订单页面添加滚动加载效果（使用useObserverHook，但不监听数据）【更多课程联系微信：微信-rmshou-收集整理】[2].mp4
8-16 开发我的页面（使用rc-form处理表单数据）[更多课程加微信：微信-rmshou-收集整理][2].mp4
8-17 为我的页面添加数据管理 (==更多课程联系微信：微信-rmshou-收集整理==[2].mp4
8-18 开发用户登录和注册页面 [课程持续更新加微信：微信-rmshou-收集整理][2].mp4
8-19 通过 umi 运行时配置，对页面进行登陆验证(课程持续更新加微信：微信-rmshou-收集整理)[2].mp4
8-2 实现网站的底部导航功能 【课程持续更新联系微信：微信-rmshou-收集整理】[2].mp4
8-20 优化-使用 React.memo 减少渲染次数==更多课程加微信：微信-rmshou-收集整理==[2].mp4
8-21 优化-订单页面添加骨架屏 [课程持续更新联系微信：微信-rmshou-收集整理][2].mp4
8-3 首页开发==更多课程加微信：微信-rmshou-收集整理==[2].mp4
8-4 为首页添加数据（课程持续更新加微信：微信-rmshou-收集整理）[2].mp4
8-5 开发搜索页面==课程持续更新加微信：微信-rmshou-收集整理==[2].mp4
8-6 初识IntersectionObserver，实现useObserverHook ##更多课程加微信：微信-rmshou-收集整理##[2].mp4
8-7 使用useObserverHook实现滚动加载（上）==课程持续更新联系微信：微信-rmshou-收集整理==[2].mp4
8-8 使用useObserverHook实现滚动加载（下）【更多课程加微信：微信-rmshou-收集整理】[2].mp4
8-9 使用useImgHook实现图片懒加载 (##课程持续更新联系微信：微信-rmshou-收集整理##[2].mp4
第9章 服务端用户模块实现及优化/
9-1 本章概览（课程持续更新联系微信：微信-rmshou-收集整理）[2].mp4
9-10 redis 的简单使用,将用户基础信息存储在 redis 中（课程持续更新联系微信：微信-rmshou-收集整理）[2].mp4
9-11 将公共逻辑写在BaseController和BaseService里面，并开发新的中间件##课程持续更新加微信：微信-rmshou-收集整理##[2].mp4
9-12 编写用户编辑接口，并与前端进行联调##课程持续更新加微信：微信-rmshou-收集整理##[2].mp4
9-2 创用户表，建基于 Sequelize 编写用户模型 ##更多课程加微信：微信-rmshou-收集整理##[2].mp4
9-3 开发用户注册接口 （课程持续更新联系微信：微信-rmshou-收集整理）[2].mp4
9-4 扩展Egg.js的帮助函数【更多课程联系微信：微信-rmshou-收集整理】[2].mp4
9-5 开发用户登陆接口{课程持续更新联系微信：微信-rmshou-收集整理}[2].mp4
9-6 什么是 JWT 技术【更多课程联系微信：微信-rmshou-收集整理】[2].mp4
9-7 使用 JWT 改造注册和登陆接口，并联调登录注册接口 【更多课程加微信：微信-rmshou-收集整理】[2].mp4
9-8 开发用户详情接口和用户退出登录接口（更多课程联系微信：微信-rmshou-收集整理）[2].mp4
9-9 优化用户登录验证插件==更多课程联系微信：微信-rmshou-收集整理==[2].mp4
资料/
代码资料.zip
同类型课程.jpg
核对章节.txt