人工精选小滴课堂-全栈多端低代码平台项目大课-系统化掌握React生态
课程定位与适用门槛 本课程并非简单的 UI 组件库教学,而是一套完整的 低代码平台底层架构实现方案 。它解决的痛点是:很多前端开发者虽然能写页面,但缺乏处理复杂表单交互、动态渲染引擎以及全栈数据流转的系统经验。通过构建一个类似可视化搭建后台的项目,你能接触到 JSON Schema 驱动视图、属性配
会员可免费下载本篇月会员可免费领取。
开通会员 ›会员 · 按档位
游客按标价购买,不享受上表折扣。
支付成功后自动发放网盘链接,链接失效可找客服免费补
课程定位与适用门槛
本课程并非简单的 UI 组件库教学,而是一套完整的低代码平台底层架构实现方案。它解决的痛点是:很多前端开发者虽然能写页面,但缺乏处理复杂表单交互、动态渲染引擎以及全栈数据流转的系统经验。通过构建一个类似可视化搭建后台的项目,你能接触到 JSON Schema 驱动视图、属性配置面板联动等核心难点。
适用基础:建议具备 React + TypeScript 开发能力,熟悉 Node.js Express/NestJS 其中一种后端框架,并了解基本的前后端鉴权流程(JWT/Session)。如果你目前仅停留在“调包”阶段,对状态管理(Redux/Zustand)和自定义 Hook 的理解尚浅,建议先补足基础再跟进第三期内容,否则在编写编辑器交互逻辑时会感到吃力。
资料使用顺序与练习重点
资料按时间线分为三期,学习路径应严格遵循“组件层—认证层—整合层”的顺序,切勿跳级。
第一阶段:核心组件库构建(第四期部分)
这是地基。重点攻克图片、轮播图、富文本、列表视图等通用组件的展示层与配置层分离设计。练习时不要只看视频,必须手动实现“左侧配置属性 → 右侧实时更新预览”的双向绑定逻辑。特别是视频和图片组件的动态加载与 CORS 处理,是面试高频考点。
第二阶段:企业级登录与鉴权体系(第三期中)
这一模块难度较高,涵盖图形验证码、手机验证码及微信二维码扫码登录的完整闭环。你需要深入理解时序图中的状态机变化,比如“生成二维码静默轮询”与“扫码后服务端推流”的区别。务必动手联调,搞清楚 Token 在请求拦截器中的注入时机,这是后续所有接口安全的基础。
第三阶段:编辑器总装与发布流程(第一、四期混合)
将前述组件注册进编辑器,完成左侧树形结构、右侧属性编辑器的整体布局,并对接后端发布接口。此阶段需重点关注前后端数据结构的一致性校验。
学完能独立做什么
完成本项目后,你将具备以下实战产出能力:一是能独立从零搭建一套支持多端适配的低代码搭建后台,理解其内核原理而非只会使用现成工具;二是掌握复杂 B 端系统中的权限设计与第三方登录集成方案;三是能够应对涉及大量动态表单配置的中大型项目需求。这些经验足以支撑你冲击中级前端的技术面试,或在团队中承担核心基建的开发工作。
课程目录
04.第四期【14.1-16.7】24 集
- 16-7.前端页面开发—问卷系统多选框框组件_ev .mp4 [34.3 MB]
- 14-4.后端接口开发—低代码项目编辑模块发布接口《下》_ev .mp4 [101.8 MB]
- 14-2.后端接口开发—低代码项目编辑模块发布接口《上》_ev .mp4 [127.8 MB]
- 15-2.前端页面开发—图片组件配置属性_ev .mp4 [39.4 MB]
- 15-1.前端页面开发—图片组件展示视图_ev .mp4 [42.1 MB]
- 14-7.前端页面开发—低代码项目编辑模块左侧组件列表样式_ev .mp4 [35.9 MB]
- 14-1.低代码项目平台编辑模块后端接口梳理_ev .mp4 [13.5 MB]
- 15-5.前端页面开发—卡片视图组件+属性配置组件_ev .mp4 [26.4 MB]
- 15-7.前端页面开发—文本视图组件+属性配置组件_ev .mp4 [28.3 MB]
- 14-6.前端页面开发—低代码项目编辑模块整体布局_ev .mp4 [51.4 MB]
- 15-6.前端页面开发—列表视图组件+属性配置组件_ev .mp4 [35.8 MB]
- 16-5.前端页面开发—问卷系统文本域组件_ev .mp4 [11.4 MB]
- 15-4.前端页面开发—轮播图组件配置属性_ev .mp4 [136.9 MB]
- 16-6.前端页面开发—问卷系统单选框组件_ev .mp4 [38.3 MB]
- 14-5.后端接口开发—低代码项目编辑模块页面组件获取接口_ev .mp4 [47.1 MB]
- 14-9.前端页面开发—视频组件配置属性_ev .mp4 [142.1 MB]
- 15-8.前端页面开发—分割+空状态组件_ev .mp4 [42.7 MB]
- 16-1.前端页面开发—富文本视图组件+属性配置组件_ev .mp4 [62.2 MB]
- 14-8.前端页面开发—视频组件展示视图_ev .mp4 [168.3 MB]
- 16-2.前端页面开发—二维码视图组件+属性配置组件_ev .mp4 [63.2 MB]
- 16-4.前端页面开发—问卷系统输入框组件_ev .mp4 [38.3 MB]
- 16-3.前端页面开发—警告视图组件+属性配置组件_ev .mp4 [27.5 MB]
- 14-3.后端接口开发—低代码项目编辑模块发布接口《中》_ev .mp4 [115.7 MB]
- 15-3.前端页面开发—轮播图组件展示视图_ev .mp4 [24.6 MB]
03.第三期【11.1-13.10】23 集
- 11-8.低代码项目后端接口开发—登录接口_ev .mp4 [48.4 MB]
- 12-4.微信登录场景二维码方式接口开发—获取二维码配置封装_ev .mp4 [96.1 MB]
- 12-2.宏观梳理微信登录场景二维码业务逻辑-系统时序图_ev .mp4 [48.4 MB]
- 11-3.低代码项目后端接口开发—图形验证码接口_ev .mp4 [65.1 MB]
- 13-1.低代码项目前端项目开发—路由配置_ev .mp4 [37.1 MB]
- 11-6.低代码项目后端接口开发—手机验证码接口_ev .mp4 [116.1 MB]
- 13-5.低代码项目前端项目开发—请求二次封装+注册相关接口_ev .mp4 [71.6 MB]
- 13-3.低代码项目前端项目开发—注册组件开发《上》_ev .mp4 [61.9 MB]
- 12-5.当用户扫码登录时微信服务器发送数据的处理_ev .mp4 [156.1 MB]
- 11-1.低代码项目后端接口开发—获取用户信息装饰器配置_ev .mp4 [51.8 MB]
- 13-2.低代码项目前端项目开发—公共状态管理+自定义 hooks_ev .mp4 [33.9 MB]
- 12-1.微信登录的方式和微信公众号开发_ev .mp4 [35.2 MB]
- 13-10.低代码项目前端项目开发—微信登录接口联调_ev .mp4 [60.6 MB]
- 12-3.微信登录场景二维码方式接口开发—微信服务器接入验证_ev .mp4 [133.4 MB]
- 13-7.低代码项目前端项目开发—登录组件静态页面开发_ev .mp4 [34.6 MB]
- 11-5.第三方短信验证码发送装饰器封装实战_ev .mp4 [68.1 MB]
- 11-4.第三方短信验证码平台接入申请操作指引_ev .mp4 [43.6 MB]
- 11-7.低代码项目后端接口开发—注册接口_ev .mp4 [94.5 MB]
- 13-9.低代码项目前端项目开发—微信登录前端页面开发_ev .mp4 [40.8 MB]
- 13-8.低代码项目前端项目开发—登录模块接口联调_ev .mp4 [33.4 MB]
- 11-2.低代码项目后端接口开发—加密+Redis 模块配置_ev .mp4 [43.7 MB]
- 12-6.轮询接口开发—前端监听用户扫码事件请求获取登录状态_ev .mp4 [34.1 MB]
- 13-6.低代码项目前端项目开发—注册模块联调_ev .mp4 [95.7 MB]
06.第六期【21.1-24.4】25 集
- 21-10.后台数据统计模块—用户表格数据导出Excel《下》_ev .mp4 [43.0 MB]
- 24-4.项目部署上线—云效DevOps开通使用介绍_ev .mp4 [30.4 MB]
- 23-4.项目部署上线—构建后端nginx镜像的Dockerfile配置_ev .mp4 [21.5 MB]
- 24-3.项目部署上线—互联公司的DevOps和CI-CD你知道多少?_ev .mp4 [19.1 MB]
- 23-6.项目部署上线—构建前端nginx镜像的Dockerfile配置_ev .mp4 [6.6 MB]
- 21-6.后台数据统计模块—前端页面布局开发_ev .mp4 [20.3 MB]
- 22-1.后台数据统计模块—用户表格数据导出Excel压缩包_ev .mp4 [32.7 MB]
- 21-5.后台数据统计模块—后端接口通过ID获取某个问卷组件内容开发_ev .mp4 [51.3 MB]
- 23-2.项目部署上线—构建自定义镜像Dockerfile的配置介绍_ev .mp4 [35.7 MB]
- 23-5.项目部署上线—构建前端发布Nextjs镜像的Dockerfile配置_ev .mp4 [9.1 MB]
- 23-3.项目部署上线—构建后端镜像的Dockerfile配置_ev .mp4 [14.1 MB]
- 21-4.后台数据统计模块—后端接口获取问卷组件内容开发_ev .mp4 [61.5 MB]
- 22-2.后台数据统计模块—动态输入型问卷组件开发_ev .mp4 [30.2 MB]
- 24-2.项目部署上线—Docker-compose运行多容器的配置_ev .mp4 [18.0 MB]
- 21-9.后台数据统计模块—用户表格数据导出Excel_ev .mp4 [49.6 MB]
- 22-3.后台数据统计模块—动态输入型用户数据开发_ev .mp4 [31.9 MB]
- 21-7.后台数据统计模块—用户表格数据表头开发_ev .mp4 [65.5 MB]
- 22-5.后台数据统计模块—动态横向柱状图开发_ev .mp4 [22.0 MB]
- 21-3.后台数据统计模块—后端接口获取问卷组件开发_ev .mp4 [21.2 MB]
- 23-1.项目部署上线—构建自定义镜像的利器 Dockerfile_ev .mp4 [23.2 MB]
- 22-4.后台数据统计模块—动态饼状图开发_ev .mp4 [57.5 MB]
- 21-1.编辑页面渲染Nextjs发布页面—编辑页面渲染Nextjs发布页面_ev .mp4 [31.3 MB]
- 21-2.后台数据统计模块—页面需求分析+接口分析_ev .mp4 [29.5 MB]
- 24-1.项目部署上线—运行容器Docker-compose的介绍和使用_ev .mp4 [27.7 MB]
- 21-8.后台数据统计模块—用户表格数据内容开发_ev .mp4 [97.6 MB]
02.第二期【6.1-10.8】26 集
- 7-2.云服务器搭建 Docker 环境和使用讲解_ev .mp4 [35.9 MB]
- 9-4.低代码平台项目前端 React 项目配置—Ant-design+TailwindCSS_ev .mp4 [26.6 MB]
- 8-5.公共组件+类型子项目 share 创建和项目配置_ev .mp4 [45.0 MB]
- 7-3.阿里云 Linux 服务器容器化安装 Mysql_ev .mp4 [30.3 MB]
- 10-2.TypeORM 框架-轻松掌握链接 Mysql 数据库配置_ev .mp4 [27.3 MB]
- 10-4.TypeORM 框架—实现数据库增+查操作_ev .mp4 [33.4 MB]
- 10-3.TypeORM 框架—配置实体和自动同步数据库_ev .mp4 [39.8 MB]
- 6-3.数据舞台上的编织艺术-数据库ER图设计_ev .mp4 [22.0 MB]
- 9-3.低代码平台项目后端 Nest 项目配置—接口响应+异常拦截器+DTO_ev .mp4 [27.5 MB]
- 10-7.TypeORM 框架—一对多关系表关联和查询_ev .mp4 [45.0 MB]
- 9-2.低代码平台项目后端 Nest 项目配置—TypeORM_ev .mp4 [37.7 MB]
- 8-1.深度解析 pnpm-workspace 的灵动工作空间管理_ev .mp4 [18.4 MB]
- 8-6.前端 client 项目使用公共项目 share 变量_ev .mp4 [15.1 MB]
- 10-1.探索 Node 世界中的数据建模—ORM 框架_ev .mp4 [28.9 MB]
- 10-6.TypeORM 框架—一对一关系表关联和查询_ev .mp4 [35.8 MB]
- 10-5.TypeORM 框架—实现数据库改+删操作_ev .mp4 [25.0 MB]
- 6-2.放长线钓大鱼—规划低代码平台的系统架构_ev .mp4 [17.3 MB]
- 8-2.项目管理 pnpm-workspace 初始化项目_ev .mp4 [13.7 MB]
- 7-4.阿里云 Linux 服务器容器化安装 Redis_ev .mp4 [34.7 MB]
- 6-4.实战演练—低代码平台项目数据库设计_ev .mp4 [70.5 MB]
- 7-1.低代码平台云服务器选配_ev .mp4 [31.7 MB]
- 8-4.后端子项目 Nest 创建和项目配置_ev .mp4 [16.7 MB]
- 8-3.前端子项目 React 创建和项目配置_ev .mp4 [17.6 MB]
- 10-8.TypeORM 框架-Mysql事务介绍和使用_ev .mp4 [30.2 MB]
- 9-1.低代码平台项目代码管理—云效 Codeup_ev .mp4 [28.7 MB]
- 6-1.解读项目的系统架构—项目开发的重要乐章_ev .mp4 [19.8 MB]
05.第五期【17.1-20.8】26 集
- 20-2.低代码项目发布页面—后端接口低代码组件获取_ev .mp4 [26.4 MB]
- 17-5.低代码项目平台编辑模块—阿里云 OSS 资源获取接口开发_ev .mp4 [22.3 MB]
- 19-4.低代码项目平台编辑模块—页面头部发布功能开发_ev .mp4 [39.0 MB]
- 17-1.低代码项目平台编辑模块—阿里云 OSS 资源上传配置_ev .mp4 [67.6 MB]
- 17-3.低代码项目平台编辑模块—阿里云 OSS 资源删除配置_ev .mp4 [13.8 MB]
- 20-3.低代码项目发布页面—是否有提交过问卷后端接口_ev .mp4 [8.6 MB]
- 18-6.低代码项目平台编辑模块—页面组件工具栏功能开发《上》_ev .mp4 [113.1 MB]
- 20-6.低代码项目发布页面—获取页面渲染_ev .mp4 [76.7 MB]
- 20-5.低代码项目发布页面—前端 Nextjs 项目初始化_ev .mp4 [31.0 MB]
- 18-3.低代码项目平台编辑模块—前端资源删除逻辑开发_ev .mp4 [49.9 MB]
- 18-7.低代码项目平台编辑模块—页面组件工具栏功能开发《下》_ev .mp4 [80.0 MB]
- 19-3.低代码项目平台编辑模块—页面头部预览功能开发_ev .mp4 [36.1 MB]
- 18-8.低代码项目平台编辑模块—页面组件滚动时工具栏的显隐开发_ev .mp4 [71.2 MB]
- 17-2.低代码项目平台编辑模块—阿里云 OSS 资源上传接口开发_ev .mp4 [66.5 MB]
- 18-4.低代码项目平台编辑模块—页面组件拖拽排序功能开发_ev .mp4 [114.3 MB]
- 20-4.低代码项目发布页面—后端接口提交问卷信息_ev .mp4 [17.1 MB]
- 18-1.低代码项目平台编辑模块—前端资源上传逻辑开发_ev .mp4 [101.8 MB]
- 20-8.低代码项目发布页面—发布页面提交问卷_ev .mp4 [45.9 MB]
- 18-2.低代码项目平台编辑模块—前端资源获取逻辑开发_ev .mp4 [77.6 MB]
- 19-1.低代码项目平台编辑模块—页面头部动态标题开发_ev .mp4 [26.6 MB]
- 19-5.低代码项目平台编辑模块—页面组件服务端获取开发_ev .mp4 [26.8 MB]
- 20-1.低代码项目发布页面—需求分析_ev .mp4 [25.8 MB]
- 19-2.低代码项目平台编辑模块—页面头部草稿功能开发_ev .mp4 [45.6 MB]
- 18-5.低代码项目平台编辑模块—页面组件键盘操作功能开发_ev .mp4 [81.5 MB]
- 17-4.低代码项目平台编辑模块—阿里云 OSS 资源删除接口开发_ev .mp4 [40.5 MB]
- 20-7.低代码项目发布页面—前端项目检查是否提交问卷_ev .mp4 [28.3 MB]
08.第八期【28.4-31.4】19 集
- 28-6.Jmeter5.X查看测试结果结果树+聚合报告_ev .mp4 [28.5 MB]
- 30-1. Jmeter 压测接口—用户登录接口_ev .mp4 [15.1 MB]
- 28-8.特殊的线程组setUP-tearDown和调度器实战_ev .mp4 [25.4 MB]
- 30-3.Jmeter 压测接口—获取问卷数据接口_ev .mp4 [4.9 MB]
- 31-2.大厂面试官角度告诉你-项目经验需要注意的事情_ev .mp4 [14.1 MB]
- 28-7.低代码发布页面获取组件的Jmeter性能测试_ev .mp4 [15.5 MB]
- 29-1.Jmeter实战之压测结果聚合报告分析_ev .mp4 [48.1 MB]
- 28-5.Jmeter5.X基础功能组件+线程组和取样器_ev .mp4 [55.2 MB]
- 30-4.Jmeter 压测接口—用户提交问卷接口测试_ev .mp4 [11.8 MB]
- 31-4.全栈高级工程师简历—低代码项目大课项目讲解_ev .mp4 [64.5 MB]
- 30-6.Jmeter 压测接口—优化获取低代码组件接口性能_ev .mp4 [29.5 MB]
- 30-5.Jmeter 压测接口—发布页面是否提交过问卷接口_ev .mp4 [5.2 MB]
- 28-9.Http取样器复用和Http请求头管理实战_ev .mp4 [34.0 MB]
- 28-4.多环境快速安装Jmeter5_ev .mp4 [63.8 MB]
- 30-2.Jmeter 压测接口—获取问卷组件接口_ev .mp4 [11.1 MB]
- 31-3.全栈高级工程师简历—小滴官网全栈项目+低代码项目简历模板和技术栈讲解_ev .mp4 [26.0 MB]
- 29-2.Jmeter实战压测结果之响应断言_ev .mp4 [32.2 MB]
- 31-1.全栈高级工程师简历编写实战—个人技术栈模块_ev .mp4 [12.6 MB]
- 29-3.高并发业务下Jmeter集合点应用实战_ev .mp4 [22.2 MB]
01.第一期【1.1-5.3】24 集
- 2-9.大展经纶—低代码项目大课的技术栈选择_ev .mp4 [16.5 MB]
- 3-2.Nextjs 项目文件介绍和页面布局_ev .mp4 [47.9 MB]
- 4-1.低代码项目大课平台需求分析—前端功能点《上》_ev .mp4 [38.1 MB]
- 4-3.低代码项目大课平台需求分析—后端接口《上》_ev .mp4 [31.7 MB]
- 2-1.互联网大厂标准项目的产研流程是怎么样的?_ev .mp4 [31.8 MB]
- 3-4.Nextjs 路由处理 Route Groups + 动态路由_ev .mp4 [42.1 MB]
- 5-3.低代码项目平台需求文档—功能描述流程图+原型图_ev .mp4 [17.2 MB]
- 5-2.低代码项目平台需求文档—功能描述流程图+原型图_ev .mp4 [46.7 MB]
- 5-1.低代码项目平台需求文档—前言+文档说明_ev .mp4 [35.7 MB]
- 3-6.Nextjs 接口请求数据+项目部署_ev .mp4 [43.5 MB]
- 3-3.Nextjs 应用路由器和导航跳转_ev .mp4 [78.3 MB]
- 4-2.低代码项目大课平台需求分析—前端功能点《下》_ev .mp4 [30.4 MB]
- 2-7.逐鹿中原—服务端渲染框架之 Nextjs + Nuxtjs _ev .mp4 [53.5 MB]
- 4-4.低代码项目大课平台需求分析—后端接口《下》_ev .mp4 [21.4 MB]
- 3-1.初出茅庐—使用 Nextjs 创建初始化项目_ev .mp4 [38.1 MB]
- 2-3.互联网大厂技术 Leader+高级前端技术组长之技术选型_ev .mp4 [20.9 MB]
- 2-8.择其善者而从之—前端页面开发提效之 UI 组件库_ev .mp4 [16.0 MB]
- 2-4.跳槽面试官对技术选型的考察点_ev .mp4 [27.1 MB]
- 2-2.工作协同—提高团队开发工作效率_ev .mp4 [15.4 MB]
- 1-2.低代码平台项目亮点+疑惑_ev .mp4 [23.4 MB]
- 2-5.龙争虎斗—前端开发必学框架之 Vue 和 React _ev .mp4 [58.3 MB]
- 3-5.Nextjs 路由跳转传递和接收参数_ev .mp4 [33.2 MB]
- 1-1.低代码平台项目大课介绍+适合人员+学后水平_ev .mp4 [20.0 MB]
- 2-6.群雄纷争—高级+全栈前端工程师必学之 Express+Koa+Nestjs_ev .mp4 [14.5 MB]
07.第七期【25.1-28.3】22 集
- 28-1.Jmeter性能压测—为什么要学习Jmeter压测_ev .mp4 [16.0 MB]
- 27-5.项目自动化部署上线—访问后端接口+发布页面_ev .mp4 [29.8 MB]
- 25-3.React项目部署配置—线上代码上传OSS配置_ev .mp4 [11.3 MB]
- 25-4.React项目部署配置—Docker-compose文件上传至公共存储空间_ev .mp4 [12.9 MB]
- 25-1.DevOps自动化部署实现—流水线关联代码源_ev .mp4 [12.0 MB]
- 28-2.Jmeter性能压测—性能测试分类和常见工具_ev .mp4 [25.8 MB]
- 25-2.React项目部署配置—打包构建_ev .mp4 [19.4 MB]
- 25-7.Nextjs项目部署配置—服务端渲染Nginx镜像构建上传_ev .mp4 [7.8 MB]
- 27-2.项目自动化部署上线—镜像名称 BUG 修复_ev .mp4 [36.9 MB]
- 26-3.DevOps自动化部署实现—多个镜像运行在服务器配置《下》_ev .mp4 [22.7 MB]
- 25-8.Nextjs项目部署配置—服务端渲染项目镜像构建上传_ev .mp4 [12.1 MB]
- 27-3.项目自动化部署上线—Dockerfile名称 BUG 修复_ev .mp4 [28.8 MB]
- 26-1.DevOps自动化部署实现—Docker-compose 文件上传服务器配置_ev .mp4 [14.5 MB]
- 28-3.Jmeter性能压测—基本介绍和使场景_ev .mp4 [46.3 MB]
- 27-8.项目自动化部署上线—线上前端项目后台数据统计功能确认_ev .mp4 [11.1 MB]
- 25-5.Nestjs项目部署配置—后端Nginx镜像构建上传_ev .mp4 [18.3 MB]
- 27-7.项目自动化部署上线—线上前端项目编辑平台功能确认_ev .mp4 [15.0 MB]
- 27-4.项目自动化部署上线—Docker-compose上传 BUG 修复_ev .mp4 [29.3 MB]
- 27-6.项目自动化部署上线—前端编辑页面Bucket绑定域名_ev .mp4 [17.5 MB]
- 26-2.DevOps自动化部署实现—多个镜像运行在服务器配置《上》_ev .mp4 [41.9 MB]
- 27-1.第1集 项目自动化部署上线—更改线上 ip+端口_ev .mp4 [32.6 MB]
- 25-6.Nestjs项目部署配置—后端项目镜像构建上传_ev .mp4 [9.0 MB]
第 6 章 磨⼑擦枪-Nest ORM 框架和数据库1 集
- 第 1 集 安装Mysql数据库和可视化工具安装使用_ev.mp4 [18.9 MB]
- … 其余 48 项略,目录共 248 项





