面向 React 全栈开发者的低代码平台实战导读

本课程直击 React 生态学习中的核心痛点:前端与后端割裂、大型业务场景经验匮乏。通过构建一个完整的全栈多端低代码平台项目,帮助开发者打通从数据库设计到接口开发,再到第三方登录集成的技术闭环。重点解决“只会写页面,不懂业务后端”以及“面对复杂关联查询和权限控制无从下手”的能力缺口,适合有 React 基础但缺乏中大型项目开发经验的转岗或进阶学习者。

推荐学习路径与前置门槛

建议严格按照课程模块顺序推进。首先攻克 TypeORM 部分,重点理解数据建模、实体关联及事务处理,这是构建稳定后端的基础。随后深入微信登录与短信验证等第三方服务集成,这是高并发业务中的难点。入门门槛不高,只需具备 React 基础语法知识及基本的命令行操作能力即可;若 Node.js 基础薄弱,可在课后补充 Express 框架知识,以便更好地理解代码结构。

实战产出与应用场景

完成本课程后,你将具备独立开发全栈业务系统的能力。具体表现为:能够使用 TypeORM 优雅地处理 MySQL 数据库的增删改查及复杂关联查询;能够封装通用的业务装饰器(如用户认证、短信发送);能够接入微信公众号等第三方平台并实现扫码登录逻辑。这些技能直接对应中高级前端岗位对“全栈能力”的要求,能显著提升你在复杂企业级项目中的竞争力。

资料包的高效使用策略

视频资料仅作为逻辑指引,切勿照抄代码。建议先自行尝试实现某个接口或功能点,遇到阻塞时再观看对应章节,重点对比思路差异。对于 TypeORM 实体关系映射及微信服务器接入验证等核心章节,务必在本地环境反复调试,通过实际报错日志加深理解。配套练习应聚焦于独立复现业务逻辑,而非追求界面美观,确保每个环节都能脱离教程独立运行。

课程目录

10-1.探索 Node 世界中的数据建模—ORM 框架_ev .mp4 28.89M
10-2.TypeORM 框架-轻松掌握链接 Mysql 数据库配置_ev .mp4 27.26M
10-3.TypeORM 框架—配置实体和自动同步数据库_ev .mp4 39.75M
10-4.TypeORM 框架—实现数据库增+查操作_ev .mp4 33.44M
10-5.TypeORM 框架—实现数据库改+删操作_ev .mp4 24.96M
10-6.TypeORM 框架—一对一关系表关联和查询_ev .mp4 35.79M
10-7.TypeORM 框架—一对多关系表关联和查询_ev .mp4 45.02M
10-8.TypeORM 框架-Mysql事务介绍和使用_ev .mp4 30.21M
11-1.低代码项目后端接口开发—获取用户信息装饰器配置_ev .mp4 51.82M
11-2.低代码项目后端接口开发—加密+Redis 模块配置_ev .mp4 43.72M
11-3.低代码项目后端接口开发—图形验证码接口_ev .mp4 65.09M
11-4.第三方短信验证码平台接入申请操作指引_ev .mp4 43.63M
11-5.第三方短信验证码发送装饰器封装实战_ev .mp4 68.12M
11-6.低代码项目后端接口开发—手机验证码接口_ev .mp4 116.06M
11-7.低代码项目后端接口开发—注册接口_ev .mp4 94.52M
11-8.低代码项目后端接口开发—登录接口_ev .mp4 48.41M
12-1.微信登录的方式和微信公众号开发_ev .mp4 35.20M
12-2.宏观梳理微信登录场景二维码业务逻辑-系统时序图_ev .mp4 48.41M
12-3.微信登录场景二维码方式接口开发—微信服务器接入验证_ev .mp4 133.37M
12-4.微信登录场景二维码方式接口开发—获取二维码配置封装_ev .mp4 96.06M
12-5.当用户扫码登录时微信服务器发送数据的处理_ev .mp4 156.15M
12-6.轮询接口开发—前端监听用户扫码事件请求获取登录状态_ev .mp4 34.12M
13-1.低代码项目前端项目开发—路由配置_ev .mp4 37.14M
13-10.低代码项目前端项目开发—微信登录接口联调_ev .mp4 60.63M
13-2.低代码项目前端项目开发—公共状态管理+自定义 hooks_ev .mp4 33.89M
13-3.低代码项目前端项目开发—注册组件开发《上》_ev .mp4 61.91M
13-5.低代码项目前端项目开发—请求二次封装+注册相关接口_ev .mp4 71.57M
13-6.低代码项目前端项目开发—注册模块联调_ev .mp4 95.66M
13-7.低代码项目前端项目开发—登录组件静态页面开发_ev .mp4 34.63M
13-8.低代码项目前端项目开发—登录模块接口联调_ev .mp4 33.39M
13-9.低代码项目前端项目开发—微信登录前端页面开发_ev .mp4 40.81M
14-1.低代码项目平台编辑模块后端接口梳理_ev .mp4 13.53M
14-2.后端接口开发—低代码项目编辑模块发布接口《上》_ev .mp4 127.76M
14-3.后端接口开发—低代码项目编辑模块发布接口《中》_ev .mp4 115.68M
14-4.后端接口开发—低代码项目编辑模块发布接口《下》_ev .mp4 101.83M
14-5.后端接口开发—低代码项目编辑模块页面组件获取接口_ev .mp4 47.10M
14-6.前端页面开发—低代码项目编辑模块整体布局_ev .mp4 51.38M
14-7.前端页面开发—低代码项目编辑模块左侧组件列表样式_ev .mp4 35.90M
14-8.前端页面开发—视频组件展示视图_ev .mp4 168.30M
14-9.前端页面开发—视频组件配置属性_ev .mp4 142.13M
15-1.前端页面开发—图片组件展示视图_ev .mp4 42.15M
15-2.前端页面开发—图片组件配置属性_ev .mp4 39.45M
15-3.前端页面开发—轮播图组件展示视图_ev .mp4 24.57M
15-4.前端页面开发—轮播图组件配置属性_ev .mp4 136.91M
15-5.前端页面开发—卡片视图组件+属性配置组件_ev .mp4 26.40M
15-6.前端页面开发—列表视图组件+属性配置组件_ev .mp4 35.79M
15-7.前端页面开发—文本视图组件+属性配置组件_ev .mp4 28.31M
15-8.前端页面开发—分割+空状态组件_ev .mp4 42.69M
16-1.前端页面开发—富文本视图组件+属性配置组件_ev .mp4 62.19M
16-2.前端页面开发—二维码视图组件+属性配置组件_ev .mp4 63.22M
16-3.前端页面开发—警告视图组件+属性配置组件_ev .mp4 27.50M
16-4.前端页面开发—问卷系统输入框组件_ev .mp4 38.32M
16-5.前端页面开发—问卷系统文本域组件_ev .mp4 11.38M
16-6.前端页面开发—问卷系统单选框组件_ev .mp4 38.32M
16-7.前端页面开发—问卷系统多选框框组件_ev .mp4 34.30M
17-1.低代码项目平台编辑模块—阿里云 OSS 资源上传配置_ev .mp4 67.59M
17-2.低代码项目平台编辑模块—阿里云 OSS 资源上传接口开发_ev .mp4 66.48M
17-3.低代码项目平台编辑模块—阿里云 OSS 资源删除配置_ev .mp4 13.84M
17-4.低代码项目平台编辑模块—阿里云 OSS 资源删除接口开发_ev .mp4 40.46M
17-5.低代码项目平台编辑模块—阿里云 OSS 资源获取接口开发_ev .mp4 22.35M
18-1.低代码项目平台编辑模块—前端资源上传逻辑开发_ev .mp4 101.81M
18-2.低代码项目平台编辑模块—前端资源获取逻辑开发_ev .mp4 77.57M
18-3.低代码项目平台编辑模块—前端资源删除逻辑开发_ev .mp4 49.94M
18-4.低代码项目平台编辑模块—页面组件拖拽排序功能开发_ev .mp4 114.33M
18-5.低代码项目平台编辑模块—页面组件键盘操作功能开发_ev .mp4 81.49M
18-6.低代码项目平台编辑模块—页面组件工具栏功能开发《上》_ev .mp4 113.11M
18-7.低代码项目平台编辑模块—页面组件工具栏功能开发《下》_ev .mp4 80.01M
18-8.低代码项目平台编辑模块—页面组件滚动时工具栏的显隐开发_ev .mp4 71.20M
19-1.低代码项目平台编辑模块—页面头部动态标题开发_ev .mp4 26.57M
19-2.低代码项目平台编辑模块—页面头部草稿功能开发_ev .mp4 45.56M
19-3.低代码项目平台编辑模块—页面头部预览功能开发_ev .mp4 36.14M
19-4.低代码项目平台编辑模块—页面头部发布功能开发_ev .mp4 38.96M
19-5.低代码项目平台编辑模块—页面组件服务端获取开发_ev .mp4 26.78M
20-1.低代码项目发布页面—需求分析_ev .mp4 25.77M
20-2.低代码项目发布页面—后端接口低代码组件获取_ev .mp4 26.37M
20-3.低代码项目发布页面—是否有提交过问卷后端接口_ev .mp4 8.62M
20-4.低代码项目发布页面—后端接口提交问卷信息_ev .mp4 17.05M
20-5.低代码项目发布页面—前端 Nextjs 项目初始化_ev .mp4 31.04M
20-6.低代码项目发布页面—获取页面渲染_ev .mp4 76.73M
20-7.低代码项目发布页面—前端项目检查是否提交问卷_ev .mp4 28.33M
20-8.低代码项目发布页面—发布页面提交问卷_ev .mp4 45.86M
21-1.编辑页面渲染Nextjs发布页面—编辑页面渲染Nextjs发布页面_ev .mp4 31.28M
21-10.后台数据统计模块—用户表格数据导出Excel《下》_ev .mp4 43.01M
21-2.后台数据统计模块—页面需求分析+接口分析_ev .mp4 29.47M
21-3.后台数据统计模块—后端接口获取问卷组件开发_ev .mp4 21.15M
21-4.后台数据统计模块—后端接口获取问卷组件内容开发_ev .mp4 61.52M
21-5.后台数据统计模块—后端接口通过ID获取某个问卷组件内容开发_ev .mp4 51.34M
21-6.后台数据统计模块—前端页面布局开发_ev .mp4 20.29M
21-7.后台数据统计模块—用户表格数据表头开发_ev .mp4 65.46M
21-8.后台数据统计模块—用户表格数据内容开发_ev .mp4 97.62M
21-9.后台数据统计模块—用户表格数据导出Excel_ev .mp4 49.57M
22-1.后台数据统计模块—用户表格数据导出Excel压缩包_ev .mp4 32.73M
22-2.后台数据统计模块—动态输入型问卷组件开发_ev .mp4 30.19M
22-3.后台数据统计模块—动态输入型用户数据开发_ev .mp4 31.91M
22-4.后台数据统计模块—动态饼状图开发_ev .mp4 57.54M
22-5.后台数据统计模块—动态横向柱状图开发_ev .mp4 22.02M
23-1.项目部署上线—构建自定义镜像的利器 Dockerfile_ev .mp4 23.22M
23-2.项目部署上线—构建自定义镜像Dockerfile的配置介绍_ev .mp4 35.74M
23-3.项目部署上线—构建后端镜像的Dockerfile配置_ev .mp4 14.06M
23-4.项目部署上线—构建后端nginx镜像的Dockerfile配置_ev .mp4 21.48M
23-5.项目部署上线—构建前端发布Nextjs镜像的Dockerfile配置_ev .mp4 9.07M
23-6.项目部署上线—构建前端nginx镜像的Dockerfile配置_ev .mp4 6.59M
24-1.项目部署上线—运行容器Docker-compose的介绍和使用_ev .mp4 27.73M
24-2.项目部署上线—Docker-compose运行多容器的配置_ev .mp4 18.00M
24-3.项目部署上线—互联公司的DevOps和CI-CD你知道多少?_ev .mp4 19.11M
24-4.项目部署上线—云效DevOps开通使用介绍_ev .mp4 30.37M
25-1.DevOps自动化部署实现—流水线关联代码源_ev .mp4 12.02M
25-2.React项目部署配置—打包构建_ev .mp4 19.39M
25-3.React项目部署配置—线上代码上传OSS配置_ev .mp4 11.33M
25-4.React项目部署配置—Docker-compose文件上传至公共存储空间_ev .mp4 12.87M
25-5.Nestjs项目部署配置—后端Nginx镜像构建上传_ev .mp4 18.34M
25-6.Nestjs项目部署配置—后端项目镜像构建上传_ev .mp4 9.03M
25-7.Nextjs项目部署配置—服务端渲染Nginx镜像构建上传_ev .mp4 7.85M
25-8.Nextjs项目部署配置—服务端渲染项目镜像构建上传_ev .mp4 12.09M
26-1.DevOps自动化部署实现—Docker-compose 文件上传服务器配置_ev .mp4 14.48M
26-2.DevOps自动化部署实现—多个镜像运行在服务器配置《上》_ev .mp4 41.92M
26-3.DevOps自动化部署实现—多个镜像运行在服务器配置《下》_ev .mp4 22.69M
27-1.第1集 项目自动化部署上线—更改线上 ip+端口_ev .mp4 32.56M
27-2.项目自动化部署上线—镜像名称 BUG 修复_ev .mp4 36.93M
27-3.项目自动化部署上线—Dockerfile名称 BUG 修复_ev .mp4 28.80M
27-4.项目自动化部署上线—Docker-compose上传 BUG 修复_ev .mp4 29.27M
27-5.项目自动化部署上线—访问后端接口+发布页面_ev .mp4 29.80M
27-6.项目自动化部署上线—前端编辑页面Bucket绑定域名_ev .mp4 17.52M
27-7.项目自动化部署上线—线上前端项目编辑平台功能确认_ev .mp4 14.98M
27-8.项目自动化部署上线—线上前端项目后台数据统计功能确认_ev .mp4 11.10M
28-1.Jmeter性能压测—为什么要学习Jmeter压测_ev .mp4 15.96M
28-2.Jmeter性能压测—性能测试分类和常见工具_ev .mp4 25.84M
28-3.Jmeter性能压测—基本介绍和使场景_ev .mp4 46.26M
28-4.多环境快速安装Jmeter5_ev .mp4 63.82M
28-5.Jmeter5.X基础功能组件+线程组和取样器_ev .mp4 55.15M
28-6.Jmeter5.X查看测试结果结果树+聚合报告_ev .mp4 28.54M
28-7.低代码发布页面获取组件的Jmeter性能测试_ev .mp4 15.46M
28-8.特殊的线程组setUP-tearDown和调度器实战_ev .mp4 25.40M
28-9.Http取样器复用和Http请求头管理实战_ev .mp4 34.03M
29-1.Jmeter实战之压测结果聚合报告分析_ev .mp4 48.08M
29-2.Jmeter实战压测结果之响应断言_ev .mp4 32.20M
29-3.高并发业务下Jmeter集合点应用实战_ev .mp4 22.17M
30-1. Jmeter 压测接口—用户登录接口_ev .mp4 15.12M
30-2.Jmeter 压测接口—获取问卷组件接口_ev .mp4 11.14M
30-3.Jmeter 压测接口—获取问卷数据接口_ev .mp4 4.92M
30-4.Jmeter 压测接口—用户提交问卷接口测试_ev .mp4 11.82M
30-5.Jmeter 压测接口—发布页面是否提交过问卷接口_ev .mp4 5.15M
30-6.Jmeter 压测接口—优化获取低代码组件接口性能_ev .mp4 29.47M
31-1.全栈高级工程师简历编写实战—个人技术栈模块_ev .mp4 12.64M
31-2.大厂面试官角度告诉你-项目经验需要注意的事情_ev .mp4 14.09M
31-3.全栈高级工程师简历—小滴官网全栈项目+低代码项目简历模板和技术栈讲解_ev .mp4 25.98M
31-4.全栈高级工程师简历—低代码项目大课项目讲解_ev .mp4 64.46M
00.预先课 - 低代码大课必备技术
第 1 集 Nestjs框架课程介绍+适合人员+学后水平_ev.mp4 28.20M
第 2 集 课程章集目录速览_ev.mp4 16.67M
第 3 集 Nestjs的基本介绍_ev.mp4 31.74M
第 1 集 项目需求分析—前端页面需求分析_ev.mp4 8.37M
第 2 集 项目初始化—创建React项目和初始配置_ev.mp4 45.57M
第 3 集 页面和数据联调—登录模块开发_ev.mp4 24.72M
第 4 集 页面和数据联调—注册模块开发_ev.mp4 9.68M
第 5 集 页面和数据联调—课程获取和删除模块开发_ev.mp4 43.37M
第 6 集 页面和数据联调—课程创建和编辑模块开发_ev.mp4 49.00M
第 1 集 Nestjs环境搭建和项目创建_ev.mp4 22.74M
第 2 集 Nestjs初始化目录结构介绍_ev.mp4 28.73M
第 3 集 Nestjs提供Get和Post请求_ev.mp4 18.34M
第 1 集 什么是装饰器和Nestjs中的应用_ev.mp4 41.11M
第 2 集 详解Nestjs控制器《上》_ev.mp4 35.65M
第 3 集 NestCli常用命令提高开发效率_ev.mp4 45.62M
第 4 集 NestjsRESful风格API开发_ev.mp4 40.43M
第 1 集 如何理解Nestjs的提供者Providers_ev.mp4 54.25M
第 2 集 如何理解Nestjs的模块Module_ev.mp4 44.38M
第 3 集 掌握Nestjs中间件的使用_ev.mp4 112.90M
第 4 集 你知道Nest如何进行上传文件吗_ev.mp4 46.34M
第 1 集 掌握Rxjs和在Nest中的应用_ev.mp4 42.13M
第 2 集 Nest的响应拦截器_ev.mp4 28.14M
第 3 集 Nest的异常拦截器_ev.mp4 31.58M
第 4 集 Nest的管道Pipe转换_ev.mp4 12.40M
第 5 集 Nest的管道验证DTO_ev.mp4 42.19M
第 1 集 安装Mysql数据库和可视化工具安装使用_ev.mp4 18.95M
第 2 集 Nest通过TypeORM链接Mysql数据库_ev.mp4 25.04M
第 3 集 TypeORM配置实体和操作数据库_ev.mp4 35.57M
第 1 集 项目需求分析—接口和数据库数据结构分析_ev.mp4 25.77M
第 2 集 项目初始化—创建项目和接口_ev.mp4 18.02M
第 3 集 项目初始化—安装配置TypeORM和Mysql_ev.mp4 27.87M
第 4 集 项目初始化—接口响应和异常拦截器_ev.mp4 29.83M
第 5 集 项目初始化—接口参数DTO验证_ev.mp4 23.96M
第 1 集 后端接口开发—用户的注册接口开发_ev.mp4 53.94M
第 2 集 后端接口开发—用户的登录接口开发_ev.mp4 22.62M
第 3 集 后端接口开发—用户的查询接口开发_ev.mp4 39.77M
第 1 集 后端接口开发—课程的查询接口开发_ev.mp4 25.28M
第 2 集 后端接口开发—课程的创建接口开发_ev.mp4 24.02M
第 3 集 后端接口开发—课程的修改接口开发_ev.mp4 25.08M
第 4 集 后端接口开发—课程的删除接口开发_ev.mp4 11.91M
01.第一期【1.1-5.3】
1-1.低代码平台项目大课介绍+适合人员+学后水平_ev .mp4 19.97M
1-2.低代码平台项目亮点+疑惑_ev .mp4 23.35M
2-1.互联网大厂标准项目的产研流程是怎么样的?_ev .mp4 31.78M
2-2.工作协同—提高团队开发工作效率_ev .mp4 15.38M
2-3.互联网大厂技术 Leader+高级前端技术组长之技术选型_ev .mp4 20.90M
2-4.跳槽面试官对技术选型的考察点_ev .mp4 27.06M
2-5.龙争虎斗—前端开发必学框架之 Vue 和 React _ev .mp4 58.31M
2-6.群雄纷争—高级+全栈前端工程师必学之 Express+Koa+Nestjs_ev .mp4 14.49M
2-7.逐鹿中原—服务端渲染框架之 Nextjs + Nuxtjs _ev .mp4 53.47M
2-8.择其善者而从之—前端页面开发提效之 UI 组件库_ev .mp4 16.05M
2-9.大展经纶—低代码项目大课的技术栈选择_ev .mp4 16.49M
3-1.初出茅庐—使用 Nextjs 创建初始化项目_ev .mp4 38.08M
3-2.Nextjs 项目文件介绍和页面布局_ev .mp4 47.88M
3-3.Nextjs 应用路由器和导航跳转_ev .mp4 78.27M
3-4.Nextjs 路由处理 Route Groups + 动态路由_ev .mp4 42.08M
3-5.Nextjs 路由跳转传递和接收参数_ev .mp4 33.19M
3-6.Nextjs 接口请求数据+项目部署_ev .mp4 43.46M
4-1.低代码项目大课平台需求分析—前端功能点《上》_ev .mp4 38.13M
4-2.低代码项目大课平台需求分析—前端功能点《下》_ev .mp4 30.40M
4-3.低代码项目大课平台需求分析—后端接口《上》_ev .mp4 31.71M
4-4.低代码项目大课平台需求分析—后端接口《下》_ev .mp4 21.42M
5-1.低代码项目平台需求文档—前言+文档说明_ev .mp4 35.71M
5-2.低代码项目平台需求文档—功能描述流程图+原型图_ev .mp4 46.69M
5-3.低代码项目平台需求文档—功能描述流程图+原型图_ev .mp4 17.22M
02.第二期【6.1-10.8】
6-1.解读项目的系统架构—项目开发的重要乐章_ev .mp4 19.75M
6-2.放长线钓大鱼—规划低代码平台的系统架构_ev .mp4 17.28M
6-3.数据舞台上的编织艺术-数据库ER图设计_ev .mp4 22.04M
6-4.实战演练—低代码平台项目数据库设计_ev .mp4 70.50M
7-1.低代码平台云服务器选配_ev .mp4 31.68M
7-2.云服务器搭建 Docker 环境和使用讲解_ev .mp4 35.92M
7-3.阿里云 Linux 服务器容器化安装 Mysql_ev .mp4 30.26M
7-4.阿里云 Linux 服务器容器化安装 Redis_ev .mp4 34.67M
8-1.深度解析 pnpm-workspace 的灵动工作空间管理_ev .mp4 18.43M
8-2.项目管理 pnpm-workspace 初始化项目_ev .mp4 13.68M
8-3.前端子项目 React 创建和项目配置_ev .mp4 17.64M
8-4.后端子项目 Nest 创建和项目配置_ev .mp4 16.69M
8-5.公共组件+类型子项目 share 创建和项目配置_ev .mp4 44.95M
8-6.前端 client 项目使用公共项目 share 变量_ev .mp4 15.05M
9-1.低代码平台项目代码管理—云效 Codeup_ev .mp4 28.72M
9-2.低代码平台项目后端 Nest 项目配置—TypeORM_ev .mp4 37.69M
9-3.低代码平台项目后端 Nest 项目配置—接口响应+异常拦截器+DTO_ev .mp4 27.49M
9-4.低代码平台项目前端 React 项目配置—Ant-design+TailwindCSS_ev .mp4 26.64M
03.第三期【11.1-13.10】
04.第四期【14.1-16.7】
05.第五期【17.1-20.8】
06.第六期【21.1-24.4】
07.第七期【25.1-28.3】
08.第八期【28.4-31.4】