
本课程立足于真实的企业级痛点,采用“前端配置化架构 + 后端Serverless FaaS + BaaS生态整合”的全链路进阶体系,带你彻底打破前后端的边界,构建一套无需修改代码即可动态生成页面的现代化博客系统。
课程深度融合了互联网大厂对复合型技术人才的核心要求与前沿实践:在前端工程化方面,你将掌握Webpack多页面入口配置、Ant Design后台搭建以及OSS静态资源托管;深入探究低代码(Low-Code)的核心灵魂——可扩展Schema协议的设计与多层次数据流转逻辑,并利用Redux结合Immer实现复杂状态管理,通过拖拽排序与LocalStorage完成配置的持久化与前台渲染。在后端架构上,课程全面拥抱Serverless理念,基于Midway FaaS框架进行服务端代码开发,利用TypeORM无缝对接MySQL数据库,并实现参数校验、异常处理等标准化接口规范。此外,课程还引入了Authing作为BaaS(Backend as a Service)能力,轻松实现第三方登录与细粒度的权限管控。最终,你将体验从本地Proxy联调到云端一键部署的完整闭环。这是一套横跨“前端架构设计、低代码引擎、FaaS云函数与云原生运维”的硬核课程,涵盖了从需求分析、协议建模到全栈上线的全生命周期闭环。
课程目录:
Serverless开发个人博客
+—第1章 课程概览
| 1-1 关于课程你需要了解的都在这里.mp4
|
+—第2章 配置化博客系统前台页面开发
| 2-1 前端开发环境准备.mp4
| 2-10 目录结构优化及首页 Footer 组件代码编写.mp4
| 2-2 前端工程目录初始化.mp4
| 2-3 项目样式初始化.mp4
| 2-4 Banner组件的代码编写.mp4
| 2-5 首页课程列表组件代码开发.mp4
| 2-6 使用 OSS 存储静态资源.mp4
| 2-7 Webpack 多页面入口的配置.mp4
| 2-9 清除自动化测试相关的干扰代码.mp4
|
+—第3章 配置化博客系统后台页面开发
| 3-1 使用 antd 进行后台管理系统布局搭建.mp4
| 3-10 可扩展 Schema 协议的设计(上).mp4
| 3-11 可扩展 Schema 协议的设计(下).mp4
| 3-12 代码清理.mp4
| 3-2 iconfont 的使用及细节代码调整(上).mp4
| 3-3 iconfont 的使用及细节代码调整(下).mp4
| 3-4 动态区块展示配置功能开发.mp4
| 3-5 使用 LocalStorage 实现配置内容的持久化存储.mp4
| 3-7 增加首页配置,组件结构变更.mp4
| 3-8 使用 useRef 调取子组件数据实现配置存储.mp4
|
+—第4章 配置化协议的编码实现
| 4-1 最外层 Schema 的存取逻辑.mp4
| 4-2 围绕 Schema 结构合理设计组件层次.mp4
| 4-3 二层 Schema 的存储逻辑开发.mp4
| 4-4 多层次 Schema 的标准逻辑设计.mp4
| 4-5 Schema 重置的逻辑实现.mp4
| 4-7 设计优化解决系统 BUG.mp4
| 4-8 拖拽排序功能的实现以及数据设计思考.mp4
|
+—第5章 使用 Redux 升级协议存取方案
| 5-1 在工程中引入 Rudex, React-Redux, Immer.mp4
| 5-3 根组件 Redux 升级及工程目录优化(上).mp4
| 5-4 根组件 Redux 升级及工程目录优化(下).mp4
| 5-5 子组件 Redux 架构改良(上).mp4
| 5-6 子组件 Redux 架构改良(下).mp4
| 5-7 使用 React Sortable HOC 实现列表排序.mp4
| 5-8 Schema 展示调试,实现后台配置前台灵活展示.mp4
|
+—第6章 前后台页面协议调试串联
| 6-1 Banner 组件协议扩展的实现(下).mp4
| 6-10 React-Router 的使用及项目总结(上).mp4
| 6-11 Banner 组件协议扩展的实现(上).mp4
| 6-12 React-Router 的使用及项目总结(中).mp4
| 6-13 React-Router 的使用及项目总结(下).mp4
| 6-2 基于协议的 Banner 代码调试测试.mp4
| 6-4 Banner 配置化开发收尾.mp4
| 6-5 列表组件的配置展示实现(上).mp4
| 6-6 列表组件的配置展示实现(中).mp4
| 6-7 列表组件的配置展示实现(下).mp4
| 6-8 Footer 配置化实现(上).mp4
| 6-9 Footer 配置化实现(下).mp4
|
+—第7章 基于 Midway FaaS 的 Serverless 服务端代码开发
| 7-1 服务端课程脉络.mp4
| 7-2 Midway Faas框架代码介绍.mp4
| 7-3 使用 TypeORM 连接管理数据库.mp4
| 7-5 接口逻辑的实现.mp4
| 7-6 参数校验、异常处理、标准化接口.mp4
| 7-7 Serverless FaaS 线上部署及域名绑定.mp4
|
+—第8章 前后端系统的接口联调及部署
| 8-1 前端 Proxy 配置高效进行接口联调.mp4
| 8-2 前后端代码完整上线.mp4
|
+—第9章 使用 BaaS 能力丰富 Serverless 项目功能
| 9-1 BaaS 简介 & 使用 Authing 实现前端登录功能.mp4
| 9-3 Server 端根据用户进行权限管控.mp4
| 9-4 自定义Hook的拆分和鉴权请求的封装.mp4
| 9-5 登录退出代码完善及项目上线.mp4
|
\—资料代码
\—code
02-02.前端埋点统计资料.zip
02-02.前端工程目录初始化.zip
02-03.项目样式初始化.zip
02-04.首页 Banner 组件代码开发.zip
02-05.首页课程列表组件代码开发.zip
02-06.使用 OSS 存储静态资源.zip
02-07.Webpack 多页面入口的配置.zip
02-08|02-09.两小节代码代码.zip
03-01.使用 antd 进行后台管理系统布局搭建.zip
03-02.iconfont 的使用及细节代码调整.zip
03-03.动态区块展示配置功能开发.zip
03-04.使用 LocalStorage 实现配置内容的持久化存储.zip
03-06.增加首页配置,组件结构变更.zip
03-07.可扩展 Schema 协议的设计.zip
03-08.代码清理,章节收尾.zip
04-01.最外层 Schema 的存取逻辑.zip
04-02.围绕 Schema 结构合理设计组件层次.zip
04-03.二层 Schema 的存储逻辑开发.zip
04-04.多层次 Schema 的标准逻辑设计.zip
04-05.Schema 重置的逻辑实现.zip
04-06.设计优化解决系统 BUG.zip
04-07.拖拽排序功能的实现以及数据设计思考-数据流转图.png
04-07.拖拽排序功能的实现以及数据设计思考.zip
05-01.在工程中引入 Rudex, React-Redux, Immer.zip
05-02.根组件 Redux 升级及工程目录优化.zip
05-03.子组件 Redux 架构改良.zip
05-04.使用 React Sortable HOC 实现列表排序.zip
05-05.Schema 展示调试,实现后台配置前台灵活展示.zip
下载地址:
感谢您的来访,获取更多精彩文章请收藏本站。













![【慕课专栏】Next.js+React+Node系统实战,搞定SSR服务器渲染[5章]-IT技术资源教程免费分享平台](https://www.maocangym.com/wp-content/uploads/2026/05/%E5%B0%81%E9%9D%A2-96.jpg)




