人工精选小滴全栈多端低代码平台项目大课-系统化掌握React生态体系
这门课的主题是低代码平台的前端与全栈实现,技术主线落在 React 生态上。它不是单纯讲 React 语法,而是把一个可配置、可拖拽、能出多端页面的低代码系统从零搭起来。对上班族来说,判断它值不值得学,关键看两点:你手上有没有类似场景,以及你愿不愿意跟着敲一遍完整项目。 它解决的是什么工作场景 低代
会员可免费下载本篇月会员、年会员、永久会员可按日额度下载(每篇扣 1 次)。
开通会员 ›会员 A · 按档位折扣
会员 B
游客按标价购买,不享受上表折扣。
支付成功后自动发放网盘链接,链接失效可找客服免费补
这门课的主题是低代码平台的前端与全栈实现,技术主线落在 React 生态上。它不是单纯讲 React 语法,而是把一个可配置、可拖拽、能出多端页面的低代码系统从零搭起来。对上班族来说,判断它值不值得学,关键看两点:你手上有没有类似场景,以及你愿不愿意跟着敲一遍完整项目。
它解决的是什么工作场景
低代码平台在中后台、运营配置、活动页搭建这类需求里出现得越来越多。很多团队不想每次都从零写表单和列表,而是希望有一套内部系统,让运营或产品自己拖组件、配字段、连数据源,最后生成可用的页面。这门课对应的就是这种场景:组件物料怎么设计、拖拽画布怎么实现、属性配置面板怎么和画布联动、页面配置数据怎么存、怎么渲染成真正能跑的页面,以及服务端如何配合提供接口和持久化。学完你不会立刻变成低代码专家,但能看懂一个低代码平台从前端到服务端的主要链路,也能在团队里接手类似模块的维护和二次开发。
适合什么基础,先看哪几块
需要你已经能写 React 函数组件和 Hooks,了解基本的组件通信、状态管理和路由,能看懂 TypeScript 类型标注。如果 React 只停留在会写 JSX 的程度,直接进项目会卡在工程配置和状态设计上。服务端部分涉及 NestJS,课程在前置章节做了铺垫,所以后端经验不是硬门槛,但要有基本的接口概念,知道请求、响应、数据库读写大概是怎么回事。建议先看前置技术部分,把 NestJS 和工程化配置过一遍,再进入画布与组件物料的核心章节。中间那些偏练习和调试的段落可以按需回看,不必一次追完。
学完能独立做什么,资料怎么配合练习
跟完主线后,你应该能独立完成一个简化版的低代码编辑器:左侧物料区、中间画布、右侧属性面板,支持拖入组件、调整属性、保存页面配置,并能把配置渲染成可访问的页面。同时能理解服务端如何保存和读取这些配置,前后端如何约定数据结构。资料里的视频适合按章节顺序看,但不要只看不写。每看完一个模块,就关掉视频自己复现一遍,尤其是画布拖拽和配置联动这两块,只靠看很容易产生“我会了”的错觉。遇到卡住的地方,先对照自己的代码和课程里的实现差异,再决定是否回看。如果时间有限,优先保证画布、物料、配置面板、渲染这四块能自己跑通,其余部分可以等用得上时再补。
整体来说,这是一门偏项目实战的课,适合已经有 React 基础、想通过一个完整系统理解低代码实现思路的人。如果你只是想快速学几个组件用法,它会显得偏重;如果你正准备做内部搭建平台,或者想补全前端到服务端的一条完整链路,它值得花时间跟一遍。
课程目录
课程目录233 集
- 课程介绍 [React]小滴全栈多端低代码平台项目大课-系统化掌握React生态体系 属于前端开发方向的教程资源,围绕 React、全栈 相关内容整理。 内容涵盖: 初来乍到、 千?之?始于?下、 ???试、 崭露头?、 磨?擦枪、 沙场秋点兵 等主题。 适合希望系统学习 React、全栈 、需要完整资料对照的同学。 该课属于小滴课堂项目实战系列,可结合同系列课程一起学习。 下方为完整资料与目录,可先看目录判断是否符合需要。 ├─00.预先课 - 低代码大课必备技术 │ ├─第 1 章 Nestjs 框架课程介绍+适合?员+学后?平 │ │ 第 1 集 Nestjs框架课程介绍+适合人员+学后水平.mp4
- │ │ 第 2 集 课程章集目录速览.mp4
- │ │ 第 3 集 Nestjs的基本介绍.mp4
- │ │ │ ├─第 2 章 初来乍到-?进 Nestjs 的世界 │ │ 第 1 集 Nestjs环境搭建和项目创建.mp4
- │ │ 第 2 集 Nestjs初始化目录结构介绍.mp4
- │ │ 第 3 集 Nestjs提供Get和Post请求.mp4
- │ │ │ ├─第 3 章 千?之?始于?下-详解 Nestjs 基础知识 │ │ 第 1 集 什么是装饰器和Nestjs中的应用.mp4
- │ │ 第 2 集 详解Nestjs控制器《上》.mp4
- │ │ 第 3 集 NestCli常用命令提高开发效率.mp4
- │ │ 第 4 集 NestjsRESful风格API开发.mp4
- │ │ │ ├─第 4 章 ???试-详解 Nestjs 进阶?法 │ │ 第 1 集 如何理解Nestjs的提供者Providers.mp4
- │ │ 第 2 集 如何理解Nestjs的模块Module.mp4
- │ │ 第 3 集 掌握Nestjs中间件的使用.mp4
- │ │ 第 4 集 你知道Nest如何进行上传文件吗.mp4
- │ │ │ ├─第 5 章 崭露头?-Nest 处理异步和拦截器 │ │ 第 1 集 掌握Rxjs和在Nest中的应用.mp4
- │ │ 第 2 集 Nest的响应拦截器.mp4
- │ │ 第 3 集 Nest的异常拦截器.mp4
- │ │ 第 4 集 Nest的管道Pipe转换.mp4
- │ │ 第 5 集 Nest的管道验证DTO.mp4
- │ │ │ ├─第 6 章 磨?擦枪-Nest ORM 框架和数据库 │ │ 第 1 集 安装Mysql数据库和可视化工具安装使用.mp4
- │ │ 第 2 集 Nest通过TypeORM链接Mysql数据库.mp4
- │ │ 第 3 集 TypeORM配置实体和操作数据库.mp4
- │ │ │ ├─第 7 章 沙场秋点兵-项?需求分析和项?初始化 │ │ 第 1 集 项目需求分析―接口和数据库数据结构分析.mp4
- │ │ 第 2 集 项目初始化―创建项目和接口.mp4
- │ │ 第 3 集 项目初始化―安装配置TypeORM和Mysql.mp4
- │ │ 第 4 集 项目初始化―接口响应和异常拦截器.mp4
- │ │ 第 5 集 项目初始化―接口参数DTO验证.mp4
- │ │ │ ├─第 8 章 烽?四起-?户接?开发 │ │ 第 1 集 后端接口开发―用户的注册接口开发.mp4
- │ │ 第 2 集 后端接口开发―用户的登录接口开发.mp4
- │ │ 第 3 集 后端接口开发―用户的查询接口开发.mp4
- │ │ │ ├─第 9 章 烽?四起-课程接?开发 │ │ 第 1 集 后端接口开发―课程的查询接口开发.mp4
- │ │ 第 2 集 后端接口开发―课程的创建接口开发.mp4
- │ │ 第 3 集 后端接口开发―课程的修改接口开发.mp4
- │ │ 第 4 集 后端接口开发―课程的删除接口开发.mp4
- │ │ │ └─第
- 10 章 烽?四起-前端??开发和接?联调 │ 第 1 集 项目需求分析―前端页面需求分析.mp4
- │ 第 2 集 项目初始化―创建React项目和初始配置.mp4
- │ 第 3 集 页面和数据联调―登录模块开发.mp4
- │ 第 4 集 页面和数据联调―注册模块开发.mp4
- │ 第 5 集 页面和数据联调―课程获取和删除模块开发.mp4
- │ 第 6 集 页面和数据联调―课程创建和编辑模块开发.mp4
- │ ├─01.第一期【1.1-5.3】 │ 1-1.低代码平台项目大课介绍+适合人员+学后水平.mp4
- │ 1-2.低代码平台项目亮点+疑惑.mp4
- │ 2-1.互联网大厂标准项目的产研流程是怎么样的?.mp4
- │ 2-2.工作协同―提高团队开发工作效率.mp4
- │ 2-3.互联网大厂技术 Leader+高级前端技术组长之技术选型.mp4
- │ 2-4.跳槽面试官对技术选型的考察点.mp4
- │ 2-5.龙争虎斗―前端开发必学框架之 Vue 和 React .mp4
- │ 2-6.群雄纷争―高级+全栈前端工程师必学之 Express+Koa+Nestjs.mp4
- │ 2-7.逐鹿中原―服务端渲染框架之 Nextjs + Nuxtjs .mp4
- │ 2-8.择其善者而从之―前端页面开发提效之 UI 组件库.mp4
- │ 2-9.大展经纶―低代码项目大课的技术栈选择.mp4
- │ 3-1.初出茅庐―使用 Nextjs 创建初始化项目.mp4
- │ 3-2.Nextjs 项目文件介绍和页面布局.mp4
- │ 3-3.Nextjs 应用路由器和导航跳转.mp4
- │ 3-4.Nextjs 路由处理 Route Groups + 动态路由.mp4
- │ 3-5.Nextjs 路由跳转传递和接收参数.mp4
- │ 3-6.Nextjs 接口请求数据+项目部署.mp4
- │ 4-1.低代码项目大课平台需求分析―前端功能点《上》.mp4
- │ 4-2.低代码项目大课平台需求分析―前端功能点《下》.mp4
- │ 4-3.低代码项目大课平台需求分析―后端接口《上》.mp4
- │ 4-4.低代码项目大课平台需求分析―后端接口《下》.mp4
- │ 5-1.低代码项目平台需求文档―前言+文档说明.mp4
- │ 5-2.低代码项目平台需求文档―功能描述流程图+原型图.mp4
- │ 5-3.低代码项目平台需求文档―功能描述流程图+原型图.mp4
- │ ├─02.第二期【6.1-10.8】 │ 6-1.解读项目的系统架构―项目开发的重要乐章.mp4
- │ 6-2.放长线钓大鱼―规划低代码平台的系统架构.mp4
- │ 6-3.数据舞台上的编织艺术-数据库ER图设计.mp4
- │ 6-4.实战演练―低代码平台项目数据库设计.mp4
- │ 7-1.低代码平台云服务器选配.mp4
- │ 7-2.云服务器搭建 Docker 环境和使用讲解.mp4
- │ 7-3.阿里云 Linux 服务器容器化安装 Mysql.mp4
- │ 7-4.阿里云 Linux 服务器容器化安装 Redis.mp4
- │ 8-1.深度解析 pnpm-workspace 的灵动工作空间管理.mp4
- │ 8-2.项目管理 pnpm-workspace 初始化项目.mp4
- │ 8-3.前端子项目 React 创建和项目配置.mp4
- │ 8-4.后端子项目 Nest 创建和项目配置.mp4
- │ 8-5.公共组件+类型子项目 share 创建和项目配置.mp4
- │ 8-6.前端 client 项目使用公共项目 share 变量.mp4
- │ 9-1.低代码平台项目代码管理―云效 Codeup.mp4
- │ 9-2.低代码平台项目后端 Nest 项目配置―TypeORM.mp4
- │ 9-3.低代码平台项目后端 Nest 项目配置―接口响应+异常拦截器+DTO.mp4
- │ 9-4.低代码平台项目前端 React 项目配置―Ant-design+TailwindCSS.mp4
- │ 10-1.探索 Node 世界中的数据建模―ORM 框架.mp4
- │ 10-2.TypeORM 框架-轻松掌握链接 Mysql 数据库配置.mp4
- │ 10-3.TypeORM 框架―配置实体和自动同步数据库.mp4
- │ 10-4.TypeORM 框架―实现数据库增+查操作.mp4
- │ 10-5.TypeORM 框架―实现数据库改+删操作.mp4
- │ 10-6.TypeORM 框架―一对一关系表关联和查询.mp4
- │ 10-7.TypeORM 框架―一对多关系表关联和查询.mp4
- │ 10-8.TypeORM 框架-Mysql事务介绍和使用.mp4
- │ ├─03.第三期【11.1-13.10】 │ 11-1.低代码项目后端接口开发―获取用户信息装饰器配置.mp4
- │ 11-2.低代码项目后端接口开发―加密+Redis 模块配置.mp4
- │ 11-3.低代码项目后端接口开发―图形验证码接口.mp4
- │ 11-4.第三方短信验证码平台接入申请操作指引.mp4
- │ 11-5.第三方短信验证码发送装饰器封装实战.mp4
- │ 11-6.低代码项目后端接口开发―手机验证码接口.mp4
- │ 11-7.低代码项目后端接口开发―注册接口.mp4
- │ 11-8.低代码项目后端接口开发―登录接口.mp4
- │ 12-1.微信登录的方式和微信公众号开发.mp4
- │ 12-2.宏观梳理微信登录场景二维码业务逻辑-系统时序图.mp4
- │ 12-3.微信登录场景二维码方式接口开发―微信服务器接入验证.mp4
- │ 12-4.微信登录场景二维码方式接口开发―获取二维码配置封装.mp4
- │ 12-5.当用户扫码登录时微信服务器发送数据的处理.mp4
- │ 12-6.轮询接口开发―前端监听用户扫码事件请求获取登录状态.mp4
- │ 13-1.低代码项目前端项目开发―路由配置.mp4
- │ 13-2.低代码项目前端项目开发―公共状态管理+自定义 hooks.mp4
- │ 13-3.低代码项目前端项目开发―注册组件开发《上》.mp4
- │ 13-5.低代码项目前端项目开发―请求二次封装+注册相关接口.mp4
- │ 13-6.低代码项目前端项目开发―注册模块联调.mp4
- │ 13-7.低代码项目前端项目开发―登录组件静态页面开发.mp4
- │ 13-8.低代码项目前端项目开发―登录模块接口联调.mp4
- │ 13-9.低代码项目前端项目开发―微信登录前端页面开发.mp4
- │ 13-10.低代码项目前端项目开发―微信登录接口联调.mp4
- │ ├─04.第四期【14.1-16.7】 │ 14-1.低代码项目平台编辑模块后端接口梳理.mp4
- │ 14-2.后端接口开发―低代码项目编辑模块发布接口《上》.mp4
- │ 14-3.后端接口开发―低代码项目编辑模块发布接口《中》.mp4
- │ 14-4.后端接口开发―低代码项目编辑模块发布接口《下》.mp4
- │ 14-5.后端接口开发―低代码项目编辑模块页面组件获取接口.mp4
- │ 14-6.前端页面开发―低代码项目编辑模块整体布局.mp4
- │ 14-7.前端页面开发―低代码项目编辑模块左侧组件列表样式.mp4
- │ 14-8.前端页面开发―视频组件展示视图.mp4
- │ 14-9.前端页面开发―视频组件配置属性.mp4
- │ 15-1.前端页面开发―图片组件展示视图.mp4
- │ 15-2.前端页面开发―图片组件配置属性.mp4
- │ 15-3.前端页面开发―轮播图组件展示视图.mp4
- │ 15-4.前端页面开发―轮播图组件配置属性.mp4
- │ 15-5.前端页面开发―卡片视图组件+属性配置组件.mp4
- │ 15-6.前端页面开发―列表视图组件+属性配置组件.mp4
- │ 15-7.前端页面开发―文本视图组件+属性配置组件.mp4
- │ 15-8.前端页面开发―分割+空状态组件.mp4
- │ 16-1.前端页面开发―富文本视图组件+属性配置组件.mp4
- │ 16-2.前端页面开发―二维码视图组件+属性配置组件.mp4
- │ 16-3.前端页面开发―警告视图组件+属性配置组件.mp4
- │ 16-4.前端页面开发―问卷系统输入框组件.mp4
- │ 16-5.前端页面开发―问卷系统文本域组件.mp4
- │ 16-6.前端页面开发―问卷系统单选框组件.mp4
- │ 16-7.前端页面开发―问卷系统多选框框组件.mp4
- │ ├─05.第五期【17.1-20.8】 │ 17-1.低代码项目平台编辑模块―阿里云 OSS 资源上传配置.mp4
- │ 17-2.低代码项目平台编辑模块―阿里云 OSS 资源上传接口开发.mp4
- │ 17-3.低代码项目平台编辑模块―阿里云 OSS 资源删除配置.mp4
- │ 17-4.低代码项目平台编辑模块―阿里云 OSS 资源删除接口开发.mp4
- │ 17-5.低代码项目平台编辑模块―阿里云 OSS 资源获取接口开发.mp4
- │ 18-1.低代码项目平台编辑模块―前端资源上传逻辑开发.mp4
- │ 18-2.低代码项目平台编辑模块―前端资源获取逻辑开发.mp4
- │ 18-3.低代码项目平台编辑模块―前端资源删除逻辑开发.mp4
- │ 18-4.低代码项目平台编辑模块―页面组件拖拽排序功能开发.mp4
- │ 18-5.低代码项目平台编辑模块―页面组件键盘操作功能开发.mp4
- │ 18-6.低代码项目平台编辑模块―页面组件工具栏功能开发《上》.mp4
- │ 18-7.低代码项目平台编辑模块―页面组件工具栏功能开发《下》.mp4
- │ 18-8.低代码项目平台编辑模块―页面组件滚动时工具栏的显隐开发.mp4
- │ 19-1.低代码项目平台编辑模块―页面头部动态标题开发.mp4
- │ 19-2.低代码项目平台编辑模块―页面头部草稿功能开发.mp4
- │ 19-3.低代码项目平台编辑模块―页面头部预览功能开发.mp4
- │ 19-4.低代码项目平台编辑模块―页面头部发布功能开发.mp4
- │ 19-5.低代码项目平台编辑模块―页面组件服务端获取开发.mp4
- │ 20-1.低代码项目发布页面―需求分析.mp4
- │ 20-2.低代码项目发布页面―后端接口低代码组件获取.mp4
- │ 20-3.低代码项目发布页面―是否有提交过问卷后端接口.mp4
- │ 20-4.低代码项目发布页面―后端接口提交问卷信息.mp4
- │ 20-5.低代码项目发布页面―前端 Nextjs 项目初始化.mp4
- │ 20-6.低代码项目发布页面―获取页面渲染.mp4
- │ 20-7.低代码项目发布页面―前端项目检查是否提交问卷.mp4
- │ 20-8.低代码项目发布页面―发布页面提交问卷.mp4
- │ ├─06.第六期【21.1-24.4】 │ 21-1.编辑页面渲染Nextjs发布页面―编辑页面渲染Nextjs发布页面.mp4
- │ 21-2.后台数据统计模块―页面需求分析+接口分析.mp4
- │ 21-3.后台数据统计模块―后端接口获取问卷组件开发.mp4
- │ 21-4.后台数据统计模块―后端接口获取问卷组件内容开发.mp4
- │ 21-5.后台数据统计模块―后端接口通过ID获取某个问卷组件内容开发.mp4
- │ 21-6.后台数据统计模块―前端页面布局开发.mp4
- │ 21-7.后台数据统计模块―用户表格数据表头开发.mp4
- │ 21-8.后台数据统计模块―用户表格数据内容开发.mp4
- │ 21-9.后台数据统计模块―用户表格数据导出Excel.mp4
- │ 21-10.后台数据统计模块―用户表格数据导出Excel《下》.mp4
- │ 22-1.后台数据统计模块―用户表格数据导出Excel压缩包.mp4
- │ 22-2.后台数据统计模块―动态输入型问卷组件开发.mp4
- │ 22-3.后台数据统计模块―动态输入型用户数据开发.mp4
- │ 22-4.后台数据统计模块―动态饼状图开发.mp4
- │ 22-5.后台数据统计模块―动态横向柱状图开发.mp4
- │ 23-1.项目部署上线―构建自定义镜像的利器 Dockerfile.mp4
- │ 23-2.项目部署上线―构建自定义镜像Dockerfile的配置介绍.mp4
- │ 23-3.项目部署上线―构建后端镜像的Dockerfile配置.mp4
- │ 23-4.项目部署上线―构建后端nginx镜像的Dockerfile配置.mp4
- │ 23-5.项目部署上线―构建前端发布Nextjs镜像的Dockerfile配置.mp4
- │ 23-6.项目部署上线―构建前端nginx镜像的Dockerfile配置.mp4
- │ 24-1.项目部署上线―运行容器Docker-compose的介绍和使用.mp4
- │ 24-2.项目部署上线―Docker-compose运行多容器的配置.mp4
- │ 24-3.项目部署上线―互联公司的DevOps和CI-CD你知道多少?.mp4
- │ 24-4.项目部署上线―云效DevOps开通使用介绍.mp4
- │ ├─07.第七期【25.1-28.3】 │ 25-1.DevOps自动化部署实现―流水线关联代码源.mp4
- │ 25-2.React项目部署配置―打包构建.mp4
- │ 25-3.React项目部署配置―线上代码上传OSS配置.mp4
- │ 25-4.React项目部署配置―Docker-compose文件上传至公共存储空间.mp4
- │ 25-5.Nestjs项目部署配置―后端Nginx镜像构建上传.mp4
- │ 25-6.Nestjs项目部署配置―后端项目镜像构建上传.mp4
- │ 25-7.Nextjs项目部署配置―服务端渲染Nginx镜像构建上传.mp4
- │ 25-8.Nextjs项目部署配置―服务端渲染项目镜像构建上传.mp4
- │ 26-1.DevOps自动化部署实现―Docker-compose 文件上传服务器配置.mp4
- │ 26-2.DevOps自动化部署实现―多个镜像运行在服务器配置《上》.mp4
- │ 26-3.DevOps自动化部署实现―多个镜像运行在服务器配置《下》.mp4
- │ 27-1.第1集 项目自动化部署上线―更改线上 ip+端口.mp4
- │ 27-2.项目自动化部署上线―镜像名称 BUG 修复.mp4
- │ 27-3.项目自动化部署上线―Dockerfile名称 BUG 修复.mp4
- │ 27-4.项目自动化部署上线―Docker-compose上传 BUG 修复.mp4
- │ 27-5.项目自动化部署上线―访问后端接口+发布页面.mp4
- │ 27-6.项目自动化部署上线―前端编辑页面Bucket绑定域名.mp4
- │ 27-7.项目自动化部署上线―线上前端项目编辑平台功能确认.mp4
- │ 27-8.项目自动化部署上线―线上前端项目后台数据统计功能确认.mp4
- │ 28-1.Jmeter性能压测―为什么要学习Jmeter压测.mp4
- │ 28-2.Jmeter性能压测―性能测试分类和常见工具.mp4
- │ 28-3.Jmeter性能压测―基本介绍和使场景.mp4
- │ ├─08.第八期【28.4-31.4】 │ 28-4.多环境快速安装Jmeter5.mp4
- │ 28-5.Jmeter5.X基础功能组件+线程组和取样器.mp4
- │ 28-6.Jmeter5.X查看测试结果结果树+聚合报告.mp4
- │ 28-7.低代码发布页面获取组件的Jmeter性能测试.mp4
- │ 28-8.特殊的线程组setUP-tearDown和调度器实战.mp4
- │ 28-9.Http取样器复用和Http请求头管理实战.mp4
- │ 29-1.Jmeter实战之压测结果聚合报告分析.mp4
- │ 29-2.Jmeter实战压测结果之响应断言.mp4
- │ 29-3.高并发业务下Jmeter集合点应用实战.mp4
- │ 30-1. Jmeter 压测接口―用户登录接口.mp4
- │ 30-2.Jmeter 压测接口―获取问卷组件接口.mp4
- │ 30-3.Jmeter 压测接口―获取问卷数据接口.mp4
- │ 30-4.Jmeter 压测接口―用户提交问卷接口测试.mp4
- │ 30-5.Jmeter 压测接口―发布页面是否提交过问卷接口.mp4
- │ 30-6.Jmeter 压测接口―优化获取低代码组件接口性能.mp4
- │ 31-1.全栈高级工程师简历编写实战―个人技术栈模块.mp4
- │ 31-2.大厂面试官角度告诉你-项目经验需要注意的事情.mp4
- │ 31-3.全栈高级工程师简历―小滴官网全栈项目+低代码项目简历模板和技术栈讲解.mp4
- │ 31-4.全栈高级工程师简历―低代码项目大课项目讲解.mp4
- │ └─09.笔记-代码-资料 代码(已8期).zip
- 安装包(已8期).zip
- 笔记+资料-已8期.zip
- 简历.zip





