在当前的开发环境中，仅仅掌握单一的代码编写技能已经很难满足企业级项目的交付需求。很多开发者面临的最大痛点在于“代码写得溜，但工程化落地难”。本项目正是为了解决这一核心矛盾而设计，它并非简单的 Demo 演示，而是一个高度还原真实商业场景的低代码开发平台。对于备考者而言，这不仅是代码的堆砌，更是对全栈技术栈的一次系统性梳理；对于转岗者来说，它提供了一个从单一角色向全栈角色转型的最佳跳板。这门课程通过一个完整的商业级低代码项目，将前端交互、后端逻辑、容器化部署以及项目管理流程深度融合，旨在打破技术壁垒，让你具备独立从零构建复杂管理系统的能力。
全栈视角下的项目实战：从逻辑到落地的完整闭环
这门课程最大的价值在于它打破了传统教学“前后端割裂”的弊端。在真实的高质量低代码项目中，前端不再是简单的页面堆叠，而是需要深度理解后端的数据结构，并实时渲染复杂的交互逻辑。课程内容覆盖了从基础架构搭建到高级功能实现的全过程，特别强调了“低代码”这一核心概念——即如何通过配置化手段替代大量的重复代码编写。你需要关注的是如何设计一套灵活的元数据模型，让前端能够动态解析这些模型并渲染出画布，同时后端需要提供强大的 API 接口支持这些动态操作。通过这种全栈视角的训练，你将学会如何统筹考虑系统的可扩展性与可维护性，理解为什么在大型项目中，代码的“结构”往往比功能本身更重要。
此外，课程特别设置了针对运维和部署环节的实战内容，这是很多同类型课程容易忽视但又是项目能否“活下来”的关键。在真实的商业环境中，代码写完只是第一步，如何将其安全、高效地交付到生产环境才是核心挑战。课程中涉及的部署流程，不仅教会你如何打包应用，更重要的是让你理解 Docker 容器化技术的应用场景，以及如何利用自动化工具（如 CI/CD 流水线）来提升团队的交付效率。这种从开发到运维的完整闭环训练，能让你在面对真实的项目交付压力时，不再手忙脚乱，而是能够从容应对各种突发状况，真正实现技术落地。
适合什么基础？如何规划学习路径？
本课程虽然定位为“全栈实战”，但其设计逻辑是循序渐进的，非常适合有一定基础的开发者查漏补缺。如果你是一名前端开发者，你将在这里补充后端知识，学习如何设计 RESTful API 以及数据库交互；如果你是后端开发者，你将接触到前端工程化、状态管理以及复杂的 UI 交互逻辑。对于备考或转岗的初学者，建议不要一上来就纠结于所有细节，而是先把握整体架构。建议先从系统的整体交互逻辑入手，理解“低代码”编辑器是如何运作的，然后逐步深入到具体的业务模块开发。在遇到难点时，再回过头去查阅相关技术文档，这种“由点带面”的学习方式效率最高。
在具体的学习规划上，建议将课程分为三个阶段进行消化。第一阶段，专注于核心业务模块的搭建，搞懂前端如何与后端通信，数据如何在系统中流转；第二阶段，攻克高难度功能，比如动态表单生成、画布交互等，这是提升技术深度的关键；第三阶段，重点研究部署与运维环节，将你的代码真正跑起来。在这个过程中，不要只看不动手，一定要配合资料包中的代码片段进行调试。遇到报错是正常的，正是这些报错能帮你发现知识盲区。只有当你能独立复现课程中的每一个功能点，并能解释其背后的原理时，才算真正掌握了这门课的核心精髓。
学完能独立做什么？掌握哪些核心能力？
当你完成这门课程的学习，你将获得一套极具竞争力的全栈开发能力。首先，你将能够独立构建一个功能完备的低代码开发平台，这意味着你掌握了如何通过配置而非编码来快速生成业务系统，这是未来企业级应用开发的重要趋势。其次，你将熟练掌握现代 Web 开发的全套工具链，包括前端框架的深度应用、后端服务的搭建、数据库的设计优化以及 Docker 容器的编排。更重要的是，你将建立起完整的“产品思维”，理解代码是如何服务于业务需求的，如何在开发过程中平衡性能、安全与用户体验。
具体到工作场景中，你将具备独立承担中型企业级项目的开发与交付能力。你可以胜任全栈工程师、前端架构师或技术管理者的角色，因为这门课不仅教你写代码，还教你如何管理项目进度、如何进行技术选型以及如何解决复杂的技术难题。你将不再是一个只会写功能的“码农”，而是一个能够独立闭环交付产品的“工程师”。这种能力的跃迁，将是你职业生涯中宝贵的财富，能让你在求职面试或项目竞标中脱颖而出，赢得更多的发展机会。
资料怎么配合练习？如何最大化学习收益？
为了确保学习效果的最大化，必须将课程内容与配套资料进行紧密的配合。资料包中通常包含了项目的初始模板、源代码以及一些关键的配置文件，这些都是你学习的起点。在观看视频教程时，建议采用“边看边改”的策略。不要仅仅停留在“看懂”的层面，而要尝试去理解每一行代码背后的设计意图。例如，当讲师讲解某个功能时，你可以暂停视频，尝试自己实现一遍，然后再对比讲师的代码，找出差异并分析原因。这种主动的思考过程，是构建知识体系的必经之路。
同时，要善于利用资料包中的测试数据和环境。很多功能如果不配合真实的数据跑通，是很难发现隐藏 Bug 的。建议你在本地搭建好与课程相同的环境，将资料包中的数据导入数据库，然后一步步执行课程中的操作。在这个过程中，你会遇到各种各样的问题，比如环境配置失败、接口报错、样式错乱等。正是解决这些问题的过程，最能锻炼你的 Debug 能力。每解决一个问题，你的技术自信心就会增强一分。通过这种高强度的实战练习，你将把书本上的知识转化为自己的肌肉记忆，真正做到学以致用。
真实高质量低代码商业项目，前端/后端/运维/管理系统（22章）
全栈实战，低代码项目管理
编辑点评
项目实战，涵盖前端、后端、运维，适合有项目管理需求的学习者。
⭐ 编辑推荐
本课程通过真实商业项目，深入浅出地讲解前端、后端、运维及管理系统开发。
课程亮点
• 全栈实战项目
• 低代码开发
• 项目管理实战
课程目录
📁 第16章 让元素动起来 - 编辑器画布交互功能开发
16-19 撤销重做编码第三部分：根据当前情况添加测试.mp4 [58.3 MB]
16-26 右键菜单需求分析.mp4 [24.8 MB]
16-20 中期界面测试以及发现需要改进的点.mp4 [60.2 MB]
16-12 快捷键编码第二部分：添加 muations 完成操作.mp4 [60.1 MB]
16-7 拖动改变大小 第一部分： 实现右下方拖拽大小.mp4 [66.8 MB]
16-18 撤销重做编码第二部分：根据不同情况添加处理.mp4 [68.1 MB]
16-28 右键菜单第二部分：函数式的创建组件.mp4 [48.7 MB]
16-17 撤销重做编码第一部分：添加历史记录.mp4 [49.7 MB]
16-6 拖动改变大小的原理.mp4 [51.9 MB]
16-14 快捷键编码第四部分：添加高级函数阻止默认行为.mp4 [50.8 MB]
16-24 进阶：撤销重做支持最大历史条目数.mp4 [49.1 MB]
16-27 右键菜单编码第一部分：添加右键菜单组件.mp4 [59.2 MB]
16-15 尽善尽美 补充新的 mutations 的测试.mp4 [56.7 MB]
16-13 快捷键编码第三部分：添加移动元素的快捷键.mp4 [58.0 MB]
16-9 拖动改变大小 编码第三部分：发射事件 更新属性.mp4 [54.8 MB]
16-2 拖动移动元素的原理分析.mp4 [39.8 MB]
16-25 撤销重做小结以及剩下的改进.mp4 [46.8 MB]
16-11 快捷键编码第一部分：创建 useHotKeys.mp4 [44.3 MB]
16-8 拖拽改变大小 编码第二部分： 实现四个角拖拽大小.mp4 [70.4 MB]
16-29 右键菜单第三部分：插件化右键菜单.mp4 [50.7 MB]
16-23 进阶：撤销重做支持函数防抖.mp4 [57.2 MB]
16-16 撤销重做需求分析.mp4 [43.0 MB]
16-4 拖动移动第二部分： 实现元素移动.mp4 [61.0 MB]
16-1 十九周导学.mp4 [25.5 MB]
16-10 快捷键需求分析.mp4 [40.3 MB]
16-3 拖动移动元素第一部分：计算偏移量.mp4 [54.0 MB]
16-5 拖动移动第三部分： 更新元素属性.mp4 [37.3 MB]
16-31 总结.mp4 [38.7 MB]
16-22 进阶：撤销重做支持一次处理多个数据 第二部分.mp4 [37.2 MB]
16-21 进阶：撤销重做支持一次处理多个数据.mp4 [54.8 MB]
16-30 右键菜单 第四部分：删除组件实例的方法.mp4 [39.0 MB]
📁 第14章 使用 Docker 完成部署以及 Github Actions 完成 CI、CD
14-38 在 actions 中获取提交的基本信息【公众号：CunWorkNotes】.mp4 [71.8 MB]
14-2 本地环境和生产环境的异同【公众号：CunWorkNotes】.mp4 [46.8 MB]
…（已达 35 条上限，后续省略）
…（已达 35 条上限，后续省略）适合人群
- 前端开发者
- 后端开发者
- 运维工程师
学习收获
掌握项目管理流程
提升全栈开发能力
了解低代码开发应用
祝您学习愉快！
学有所成，前程似锦！
课程目录
第1章 课程简介 | └──1-1 课程导学_.mp4 63.78M 第2章 课程设计—需求分析和架构设计：做什么，如何做？ | ├──2-1 需求分析-了解软件开发生命周期_.mp4 29.88M | ├──2-2 宏观需求分析_.mp4 41.12M | ├──2-3 技术整体架构 - 几个项目，项目的关系_.mp4 47.50M | └──2-4 技术整体架构 - 核心内容分析_.mp4 60.84M 第3章 B端项目需求分析 和 架构设计 | ├──3-1 章简介_.mp4 30.28M | ├──3-10 总体架构_.mp4 47.31M | ├──3-2 引子：突破瓶颈，前端破局之路_.mp4 65.38M | ├──3-3 需求分析_.mp4 71.16M | ├──3-4 项目难点分析_.mp4 64.31M | ├──3-5 组件库难点解决方案_.mp4 70.66M | ├──3-6 编辑器难点解析一_.mp4 55.69M | ├──3-7 编辑器难点解析二_.mp4 79.12M | ├──3-8 技术选型 - typescript_.mp4 48.69M | └──3-9 技术选型 - vue 和 react_.mp4 64.69M 第4章 前端基础技术回顾和巡礼 | ├──4-1 什么是 Typescript 为什么要学习它_.mp4 58.03M | ├──4-10 泛型（Generics） 第二部分 - 约束泛型_.mp4 38.03M | ├──4-11 新泛型第三部分 - 泛型在类和接口中的使用_.mp4 61.47M | ├──4-12 类型别名，字面量 和 交叉类型_.mp4 41.09M | ├──4-13 声明文件 第一部分_.mp4 75.12M | ├──4-14 声明文件 第二部分_.mp4 62.16M | ├──4-15 内置类型_.mp4 45.91M | ├──4-16 Vue3 学习导学_.mp4 15.06M | ├──4-17 使用 vite 创建项目_.mp4 40.28M | ├──4-18 文件结构以及推荐插件_.mp4 67.38M | ├──4-19 ESLint 简介和初步使用_.mp4 60.22M | ├──4-2 安装 Typescript_.mp4 30.50M | ├──4-20 ESLint 配合 Vite 设置更多规则_.mp4 67.12M | ├──4-21 响应式基础 - Ref 和 Reactive_.mp4 68.56M | ├──4-22 computed 计算属性_.mp4 44.84M | ├──4-23 watch 监听器_.mp4 72.12M | ├──4-24 生命周期和模版引用_.mp4 62.34M | ├──4-25 组件基础-属性_.mp4 79.09M | ├──4-26 组件自定义事件_.mp4 47.03M | ├──4-27 组合式函数_.mp4 56.44M | ├──4-28 创建 useURLLoader_.mp4 78.75M | ├──4-29 useURLLoader 第二部分_.mp4 47.81M | ├──4-3 原始数据类型和 Any 类型_.mp4 31.69M | ├──4-30 setup语法第一部分_.mp4 30.94M | ├──4-31 setup 语法第二部分_.mp4 54.97M | ├──4-32 依赖注入第一部分_.mp4 61.31M | ├──4-33 依赖注入第二部分_.mp4 60.16M | ├──4-34 Vue3.3 更新简介_.mp4 60.31M | ├──4-4 数组和元组_.mp4 36.78M | ├──4-5 Interface- 接口 初探_.mp4 40.97M | ├──4-6 函数_.mp4 50.66M | ├──4-7 类型推论 联合类型和 类型断言_.mp4 43.59M | ├──4-8 枚举（Enum）_.mp4 42.44M | └──4-9 泛型（Generics） 第一部分_.mp4 42.19M 第5章 项目整体搭建 | ├──5-1 本章导学_.mp4 30.56M | ├──5-10 安装 ant-design-vue 组件库_.mp4 46.34M | ├──5-11 使用 ant-design-vue 搭建页面框架_.mp4 47.31M | ├──5-12 SPA 路由的基本原理_.mp4 50.94M | ├──5-13 添加配置 Vue Router_.mp4 45.03M | ├──5-14 使用 Vue Router 钩子函数获取路由信息和跳转_.mp4 51.44M | ├──5-15 (打点区间内字小) 使用 Vue Router 元数据和嵌套路由解决不同模版结构_.mp4 47.94M | ├──5-16 什么是状态管理工具_.mp4 53.47M | ├──5-17 Vuex 安装和基础使用_.mp4 44.81M | ├──5-18 Vuex 结合整个应用_.mp4 53.84M | ├──5-19 Vuex 添加 mutations 和 getters_.mp4 48.16M | ├──5-2 大话前端工具链_.mp4 62.38M | ├──5-20 使用 Module 分割 Vuex 模块_.mp4 44.12M | ├──5-21 总结_.mp4 31.06M | ├──5-3 使用 Imooc CLI 创建项目_.mp4 54.25M | ├──5-4 小花絮：Vue CLI 对战 Vite_.mp4 46.72M | ├──5-5 使用 ESLint 添加代码规范_.mp4 42.28M | ├──5-6 深入 ESLint 配置文件_.mp4 46.47M | ├──5-7 小花絮：使用 Prettier 自动格式化代码_.mp4 48.94M | ├──5-8 项目结构规范_.mp4 40.59M | └──5-9 了解 Git Flow 标准_.mp4 56.47M 第6章 编辑器基本布局，及业务组件库初步开发 | ├──6-1 本章导学_.mp4 28.62M | ├──6-10 添加更多简单对应关系并展示_.mp4 48.12M | ├──6-11 添加更多复杂对应关系并展示_.mp4 49.97M | ├──6-12 分析展示和编辑属性的“金科玉律_.mp4 34.62M | ├──6-13 添加编辑表单并更新界面 第一部分_.mp4 55.50M | ├──6-14 添加编辑表单并更新界面 第二部分_.mp4 42.34M | ├──6-15 提出优化需求，以及组件返回的真相_.mp4 41.41M | ├──6-16 将文本转换为 vNode_.mp4 29.94M | ├──6-17 方案一：使用 JSX 重写 PropsTable 组件_.mp4 51.81M | ├──6-18 方案二：使用 render 函数实现桥梁_.mp4 34.94M | ├──6-19 本章重点内容回顾和总结_.mp4 37.91M | ├──6-2 将编辑器数据结构添加至 vuex store_.mp4 42.16M | ├──6-3 LText 组件初步实现_.mp4 55.06M | ├──6-4 LText 添加通用属性_.mp4 53.59M | ├──6-5 LText 使用 hooks 重用逻辑_.mp4 42.97M | ├──6-6 （标记处有什么东西在叫）完成点击模版列表添加到画布的行为_.mp4 56.84M | ├──6-7 为业务组件属性添加类型的利弊_.mp4 32.91M | ├──6-8 获取正在编辑的元素的属性_.mp4 64.44M | └──6-9 添加属性和表单的基础对应关系并展示_.mp4 81.31M 第7章 掌握测试基本工具，给组件库添加单元测试 | ├──7-1 本章导学_.mp4 18.22M | ├──7-10 测试组件：触发事件，更新表单，验证事件_.mp4 57.84M | ├──7-11 测试组件：异步请求_.mp4 51.44M | ├──7-12 测试通用准备和清理_.mp4 35.34M | ├──7-13 测试中 mock 全局组件的实现_.mp4 51.72M | ├──7-14 模拟第三方库实现的三种”药方“ - 第一部分_.mp4 52.16M | ├──7-15 模拟第三方库实现的三种”药方“ - 第二部分_.mp4 38.16M | ├──7-16 单独测试 Vuex store_.mp4 53.03M | ├──7-17 什么是 TDD 的开发方式_.mp4 32.88M | ├──7-18 TDD 第一步：编写测试用例_.mp4 55.00M | ├──7-19 TDD 第二布：编写代码实现_.mp4 50.25M | ├──7-2 为什么要有测试_.mp4 43.06M | ├──7-20 TDD 第三步：和应用整合_.mp4 29.72M | ├──7-21 第十一周重点内容回顾和总结_.mp4 42.81M | ├──7-3 Jest 简介_.mp4 42.22M | ├──7-4 Jest 实现异步测试_.mp4 43.28M | ├──7-5 Jest mock 函数测试_.mp4 44.97M | ├──7-6 Jest mock 第三方模块实现_.mp4 44.66M | ├──7-7 Jest mock Timers_.mp4 39.78M | ├──7-8 配置测试开发环境_.mp4 44.38M | └──7-9 测试组件：渲染和元素获取_.mp4 51.41M 第8章 通用上传组件开发以及使用 | ├──8-1 本章导学_.mp4 22.75M | ├──8-10 测试驱动开发 - 完成上传前检查的特性_.mp4 71.72M | ├──8-11 中期回顾完成情况和新的需求_.mp4 38.88M | ├──8-12 新的开发方式：添加拖动上传编码_.mp4 60.53M | ├──8-13 添加拖动上传测试_.mp4 56.19M | ├──8-14 Vue3 世界中的三种实例_.mp4 47.00M | ├──8-15 Vue3 中组件通信的四种方法_.mp4 61.59M | ├──8-16 Element Plus Upload 组件源码分析第一部分_.mp4 51.88M | ├──8-17 Element Plus Upload 组件源码分析第二部分_.mp4 44.09M | ├──8-18 本地图片预览的两种方式_.mp4 50.31M | ├──8-19 Jest 浏览器环境之谜_.mp4 39.34M | ├──8-2 上传组件需求分析（加片头）_.mp4 38.44M | ├──8-20 将上传组件添加到左侧组件列表_.mp4 48.59M | ├──8-21 上传图片后将图片组件添加到编辑器_.mp4 34.91M | ├──8-22 扩展知识：Element 类型家族之间的关系_.mp4 46.44M | ├──8-23 通过 Image 构造函数获取图片的原始大小_.mp4 54.38M | ├──8-24 章总结_.mp4 36.84M | ├──8-3 上传文件的原理_.mp4 56.34M | ├──8-4 万事开头难 - 编码基本流程_.mp4 43.25M | ├──8-5 上传基本流程的测试编写_.mp4 57.25M | ├──8-6 编写上传文件列表功能的测试用例_.mp4 59.22M | ├──8-7 根据测试实现上传文件列表功能_.mp4 71.56M | ├──8-8 编写自定义模版功能的测试用例_.mp4 49.09M | └──8-9 根据测试完成自定义模版功能_.mp4 37.47M 第9章 业务组件库打包、发布，添加 CI、CD | ├──9-1 本章导学_.mp4 23.75M | ├──9-10 Rollup 配置文件和插件_.mp4 33.84M | ├──9-11 添加 Vue Plugin_.mp4 60.50M | ├──9-12 添加 Typescript Plugin_.mp4 62.03M | ├──9-13 尝试打包入口文件_.mp4 57.69M | ├──9-14 生成两种格式的模块文件_.mp4 44.28M | ├──9-15 使用 npm link 本地测试组件库_.mp4 57.47M | ├──9-16 分析 Element Plus 的打包过程_.mp4 51.41M | ├──9-17 扩展知识 - Rollup 插件开发的简单原理_.mp4 65.12M | ├──9-18 npm 简介和 package.json 的设置_.mp4 41.84M | ├──9-19 使用 npm publish 发布业务组件库_.mp4 42.44M | ├──9-2 Javascript 模块化历史_.mp4 43.91M | ├──9-20 给业务组件库添加测试用例_.mp4 71.28M | ├──9-21 发布或者提交前检查代码质量和测试结果_.mp4 47.03M | ├──9-22 什么是 CI CD？_.mp4 40.62M | ├──9-23 初步配置 travis 完成 CI_.mp4 46.44M | ├──9-24 进一步配置 travis 完成 CD - 自动发布到 npm_.mp4 59.78M | ├──9-25 总结_.mp4 29.88M | ├──9-3 打包工具的根本作用_.mp4 33.69M | ├──9-4 Webpack 对阵 Rollup_.mp4 51.78M | ├──9-5 打包什么类型的模块_.mp4 40.56M | ├──9-6 花絮 - Snowpack 另类打包工具 简介_.mp4 54.56M | ├──9-7 创建组件库基本代码结构_.mp4 32.47M | ├──9-8 Vue 插件系统简介_.mp4 44.91M | └──9-9 创建入口文件_.mp4 35.31M 第10章 后端技术选型以及基础知识巩固（上） | ├──10-1 导学_.mp4 29.50M | ├──10-10 Controller 第一部分：设置响应_.mp4 41.75M | ├──10-11 Controller 第二部分：获取 Request 的参数_.mp4 54.41M | ├──10-12 Postman安装以及使用_.mp4 39.47M | ├──10-13 Service 发送 HTTP 请求获取信息_.mp4 44.38M | ├──10-14 Plugin 插件的初次接触_.mp4 52.97M | ├──10-15 Middleware 中间件第一部分_.mp4 46.59M | ├──10-16 Middleware 中间件第二部分_.mp4 47.38M | ├──10-17 Config 配置文件第一部_.mp4 61.88M | ├──10-18 Config 配置文件第二部分_.mp4 43.94M | ├──10-19 Extend 扩展 第一部分_.mp4 41.38M | ├──10-2 接口分析_.mp4 50.97M | ├──10-20 Extend 扩展 第二部分_.mp4 58.94M | ├──10-21 启动自定义_.mp4 70.59M | ├──10-22 egg typescript 支持的原理_.mp4 55.88M | ├──10-23 eggjs 调试技巧_.mp4 54.47M | ├──10-24 eggjs 日志的概念以及分类_.mp4 44.28M | ├──10-25 非关系数据库 对阵 关系型数据库_.mp4 43.47M | ├──10-26 mongoDB 安装第一部分：下载运行_.mp4 43.16M | ├──10-27 mongoDB 安装第二部分：添加到全局命令_.mp4 45.47M | ├──10-3 后端接口设计文档_.mp4 47.31M | ├──10-4 技术选型 express 分析_.mp4 51.69M | ├──10-5 了解 express 中间件_.mp4 42.75M | ├──10-6 调研 koa2 以及它的基本特点_.mp4 47.56M | ├──10-7 koa2 中间件机制_.mp4 50.28M | ├──10-8 后端框架选择 egg.js_.mp4 52.81M | └──10-9 egg.js 项目结构_.mp4 36.34M 第11章 后端技术选型以及基础知识巩固（下） | ├──11-1 mongod 使用配置文件_.mp4 44.53M | ├──11-10 按照数组内容查询并更新_.mp4 38.19M | ├──11-11 mongoDB Nodejs 语法小节_.mp4 56.06M | ├──11-12 mongoDB 索引的定义和测试_.mp4 49.66M | ├──11-13 mongoDB 索引管理_.mp4 46.12M | ├──11-14 mongoDB 不同集合的数据关系_.mp4 40.78M | ├──11-15 聚合的概念和基本用法_.mp4 60.62M | ├──11-16 使用$lookup 完成多集合查询_.mp4 43.84M | ├──11-17 MongoDB数据库设计原则以及最佳实践_.mp4 45.72M | ├──11-18 完成应用数据库设计_.mp4 59.44M | ├──11-19 什么是 mongoose 以及 ORM ODM 的概念_.mp4 34.84M | ├──11-2 mongo shell简介及使用_.mp4 47.50M | ├──11-20 mongoose 基本语法_.mp4 68.59M | ├──11-21 egg.js 结合 mongoose_.mp4 74.47M | ├──11-22 将 models 自动加载到 app 对象_.mp4 65.34M | ├──11-23 将逻辑抽象编写为 egg 插件_.mp4 55.00M | ├──11-24 egg-mongoose 源代码解读_.mp4 68.94M | ├──11-25 章总结_.mp4 34.31M | ├──11-3 mongoDB GUI 软件推荐使用_.mp4 35.09M | ├──11-4 nodejs 连接 mongodb 数据库_.mp4 42.47M | ├──11-5 插入和简单查询_.mp4 52.94M | ├──11-6 mongoDB 查询操作符_.mp4 58.75M | ├──11-7 mongoDB 整体结果的处理_.mp4 41.25M | ├──11-8 更新文档第一部分_.mp4 48.56M | └──11-9 更新文档第二部分：更新数组内容_.mp4 46.84M 第12章 用户系统设计与实现 | ├──12-1 本章导学_.mp4 30.62M | ├──12-10 使用 mongoose-sequence 插件完成 ID 自增_.mp4 46.38M | ├──12-11 Cookie基础知识回顾以及加深_.mp4 59.94M | ├──12-12 使用 egg.js 设置对应的 Cookie_.mp4 49.69M | ├──12-13 使用 egg-session 实现用户验证功能_.mp4 48.34M | ├──12-14 koa session 源代码分析第一部分_.mp4 67.38M | ├──12-15 koa session 源代码分析第二部分_.mp4 45.19M | ├──12-16 egg session 使用外部存储器_.mp4 47.94M | ├──12-17 总结 egg-session 的优缺点_.mp4 43.62M | ├──12-2 定义 UserModel_.mp4 46.56M | ├──12-3 实现创建用户的最基本功能_.mp4 63.06M | ├──12-4 改进 Model 的ts 类型支持_.mp4 53.31M | ├──12-5 使用 egg-validate 验证参数_.mp4 59.06M | ├──12-6 规范化错误信息和错误码_.mp4 56.56M | ├──12-7 加密选择方案简介_.mp4 46.75M | ├──12-8 将 bcrypt 添加到应用并完成密码加密和登录解密_.mp4 75.31M | └──12-9 使用 toJSON 和 transform 处理文档结果_.mp4 37.19M 第13章 文件上传与处理 ， SSR 实现 H5 端展示以及权限控制 | ├──13-1 本章导学_.mp4 26.91M | ├──13-10 对象存储调研报告_.mp4 44.19M | ├──13-11 配置阿里云 oss_.mp4 56.16M | ├──13-12 上传单文件到阿里云 OSS_.mp4 49.00M | ├──13-13 学习底层库 Busboy 的用法_.mp4 71.97M | ├──13-14 使用 co-busboy 完成多文件上传的需求_.mp4 66.41M | ├──13-15 egg-mutilpart 源代码解析_.mp4 67.47M | ├──13-16 限制上传图片大小以及格式_.mp4 77.19M | ├──13-17 重构 Router：添加 Prefix 和简单的权限验证_.mp4 46.84M | ├──13-18 简介 SSR 的概念和特点_.mp4 53.59M | ├──13-19 学习 vue SSR 的基本用法_.mp4 45.94M | ├──13-2 文件上传的原理再次分析_.mp4 46.62M | ├──13-20 使用 lego-components 渲染对应的H5 页面_.mp4 62.44M | ├──13-21 添加 body 样式_.mp4 42.53M | ├──13-22 px 转换成 vw_.mp4 62.31M | ├──13-23 使用 webpack 的解决对应的引用第三方库的问题_.mp4 29.03M | ├──13-24 配置 webpack 生成对应的结果_.mp4 70.78M | ├──13-25 拷贝和清理 webpack 生成的文件_.mp4 50.00M | ├──13-26 上传生成的静态文件到 OSS_.mp4 61.88M | ├──13-27 完成 webpack 结合上传文件到 OSS 的功能_.mp4 46.41M | ├──13-28 创建展示渠道_.mp4 53.75M | ├──13-29 渠道的更新以及删除_.mp4 56.31M | ├──13-3 File 模式上传并且支持服务器直接访问_.mp4 61.75M | ├──13-30 RBAC概念简介以及选择 Node.js 第三方库_.mp4 45.19M | ├──13-31 CASL 初步学习_.mp4 50.75M | ├──13-32 CASL 学习第二部分- 添加角色_.mp4 47.12M | ├──13-33 CASL学习第三部分 - 管理属性权限_.mp4 54.34M | ├──13-34 添加对应的角色模型_.mp4 55.28M | ├──13-35 添加角色判断到装饰器第一部分：基本验证_.mp4 65.16M | ├──13-36 添加角色判断到装饰器第二部分：验证字段_.mp4 54.72M | ├──13-37 添加角色判断到装饰器第三部分：自定义 action_.mp4 61.94M | ├──13-38 添加角色判断到装饰器第四部分：自定义 query_.mp4 61.03M | ├──13-39 总结_.mp4 41.62M | ├──13-4 图片处理库 Sharp 简介_.mp4 32.22M | ├──13-5 使用 sharp 生成缩略图并保存_.mp4 58.88M | ├──13-6 流的基本概念和举例_.mp4 45.75M | ├──13-7 Stream 的基本特性编码_.mp4 60.75M | ├──13-8 使用 stream 模式完成图片上传以及缩略图生成_.mp4 60.38M | └──13-9 高级知识：使用 pipeline替换pipe方法_.mp4 51.31M 第14章 使用 Docker 完成部署以及 Github Actions 完成 CI、CD | ├──14-1 导学_.mp4 32.06M | ├──14-10 修改生产环境的配置_.mp4 49.88M | ├──14-11 在服务器部署并且运行_.mp4 42.47M | ├──14-12 本章总结以及提出问题_.mp4 36.72M | ├──14-13 Docker 简介以及安装_.mp4 32.94M | ├──14-14 docker images 镜像操作_.mp4 33.72M | ├──14-15 Docker 容器的基本概念_.mp4 43.47M | ├──14-16 Docker 容器持久化数据_.mp4 55.12M | ├──14-17 使用 Dockerfile 构建镜像_.mp4 46.88M | ├──14-18 使用 Dockerfile 构建并且运行 lego-backend_.mp4 46.66M | ├──14-19 Docker 多个容器互相通信_.mp4 57.78M | ├──14-2 本地环境和生产环境的异同_.mp4 44.62M | ├──14-20 使用 docker-compose 启动服务_.mp4 58.38M | ├──14-21 mongoDB 设置访问权限_.mp4 48.00M | ├──14-22 mongoDB 权限验证第二部分_.mp4 41.47M | ├──14-23 Docker 初始化 MongoDB 数据库操作_.mp4 75.91M | ├──14-24 使用.env 保存 docker 中的敏感信息_.mp4 60.22M | ├──14-25 向 docker-compose 添加 redis 服务并测试_.mp4 57.19M | ├──14-26 Docker Build 优化镜像大小_.mp4 33.22M | ├──14-27 Docker Build 提高构建速度_.mp4 39.97M | ├──14-28 在服务器上运行对应的 docker 容器_.mp4 52.16M | ├──14-29 重学 YAML 语法_.mp4 36.81M | ├──14-3 Node.js Cluster 模式_.mp4 58.56M | ├──14-30 Github Actions 简介和初步使用_.mp4 70.91M | ├──14-31 学习 Github Actions 的进阶知识_.mp4 41.16M | ├──14-32 学习使用 Github Secrets_.mp4 48.50M | ├──14-33 推送镜像到阿里云ACR 并测试_.mp4 40.75M | ├──14-34 优化线上部署流程分析_.mp4 40.56M | ├──14-35 使用 Github Actions Build 和 Push 镜像到 ACR_.mp4 68.19M | ├──14-36 自动部署应用到服务器 第一部分_.mp4 59.62M | ├──14-37 自动部署应用到服务器 第二部分_.mp4 55.72M | ├──14-38 在 actions 中获取提交的基本信息_.mp4 67.59M | ├──14-39 整合流程，完成自动部署以及回滚_.mp4 55.03M | ├──14-4 Node.js Cluster 压力测试对比结果_.mp4 61.81M | ├──14-40 使用 release-it 精简发布流程_.mp4 59.06M | ├──14-41 总结_.mp4 44.69M | ├──14-5 Cluster 进程间的通信_.mp4 45.12M | ├──14-6 Egg.js 启动的不同进程的分类以及特点_.mp4 50.97M | ├──14-7 云服务器设置以及登录最佳实践_.mp4 62.41M | ├──14-8 使用 SSH key 进行免密码登录_.mp4 37.81M | └──14-9 linux 安装必备软件_.mp4 62.56M 第15章 编辑器组件图层面板功能开发 | ├──15-1 前言_.mp4 29.47M | ├──15-10 InlineEdit 书写测试用例以及初步功能开发_.mp4 73.22M | ├──15-11 添加键盘响应钩子函数_.mp4 51.84M | ├──15-12 添加 useClickOutside_.mp4 53.12M | ├──15-13 在界面上测试并且改进 InlineEdit 组件_.mp4 51.94M | ├──15-14 拖动排序列表的需求分析_.mp4 28.56M | ├──15-15 拖拽排序第一部分 添加拖动事件_.mp4 60.12M | ├──15-16 拖拽排序第二部分 添加 drop 时排序_.mp4 61.97M | ├──15-17 拖动排序第三部分 在拖动时完成排序_.mp4 47.94M | ├──15-18 使用 Vue Draggable Next 完成排序_.mp4 53.38M | ├──15-19 EditGroup 需求分析_.mp4 34.47M | ├──15-2 知识回顾_.mp4 64.12M | ├──15-20 EditGroup 编码第一部分_.mp4 66.75M | ├──15-21 EditGroup 编码第二部分：数据转换成界面_.mp4 51.69M | ├──15-22 页面设置编码第一部分_.mp4 36.59M | ├──15-23 BackgroundProcesser 组件编码第一部分_.mp4 51.22M | ├──15-24 使用正则获取文件名称_.mp4 52.91M | ├──15-25 页面设置完成更新背景图片逻辑_.mp4 54.00M | ├──15-26 总结_.mp4 33.38M | ├──15-3 选择 CropperJS 作为图片裁剪库_.mp4 38.44M | ├──15-4 初始化 Cropper 区域_.mp4 57.69M | ├──15-5 使用阿里云 OSS 完成图片裁剪功能_.mp4 69.53M | ├──15-6 使用 Cropper.js 获取裁剪图片数据_.mp4 46.38M | ├──15-7 方法二：完成裁剪后重新上传图片_.mp4 35.97M | ├──15-8 分析图层设置的需求和实现_.mp4 40.16M | └──15-9 图层列表设置锁定和隐藏_.mp4 77.97M 第16章 让元素动起来 - 编辑器画布交互功能开发 | ├──16-1 十九周导学_.mp4 24.00M | ├──16-10 快捷键需求分析_.mp4 38.09M | ├──16-11 快捷键编码第一部分：创建 useHotKeys_.mp4 41.81M | ├──16-12 快捷键编码第二部分：添加 muations 完成操作_.mp4 56.78M | ├──16-13 快捷键编码第三部分：添加移动元素的快捷键_.mp4 54.69M | ├──16-14 快捷键编码第四部分：添加高级函数阻止默认行为_.mp4 47.91M | ├──16-15 尽善尽美 补充新的 mutations 的测试_.mp4 53.50M | ├──16-16 撤销重做需求分析_.mp4 40.50M | ├──16-17 撤销重做编码第一部分：添加历史记录_.mp4 46.88M | ├──16-18 撤销重做编码第二部分：根据不同情况添加处理_.mp4 64.22M | ├──16-19 撤销重做编码第三部分：根据当前情况添加测试_.mp4 55.09M | ├──16-2 拖动移动元素的原理分析_.mp4 37.41M | ├──16-20 中期界面测试以及发现需要改进的点_.mp4 56.69M | ├──16-21 进阶：撤销重做支持一次处理多个数据_.mp4 51.66M | ├──16-22 进阶：撤销重做支持一次处理多个数据 第二部分_.mp4 35.06M | ├──16-23 进阶：撤销重做支持函数防抖_.mp4 53.94M | ├──16-24 进阶：撤销重做支持最大历史条目数_.mp4 46.31M | ├──16-25 撤销重做小结以及剩下的改进_.mp4 44.06M | ├──16-26 右键菜单需求分析_.mp4 23.38M | ├──16-27 右键菜单编码第一部分：添加右键菜单组件_.mp4 55.91M | ├──16-28 右键菜单第二部分：函数式的创建组件_.mp4 46.03M | ├──16-29 右键菜单第三部分：插件化右键菜单_.mp4 47.84M | ├──16-3 拖动移动元素第一部分：计算偏移量_.mp4 50.97M | ├──16-30 右键菜单 第四部分：删除组件实例的方法_.mp4 36.88M | ├──16-31 总结_.mp4 36.56M | ├──16-4 拖动移动第二部分： 实现元素移动_.mp4 57.56M | ├──16-5 拖动移动第三部分： 更新元素属性_.mp4 35.19M | ├──16-6 拖动改变大小的原理_.mp4 49.16M | ├──16-7 拖动改变大小 第一部分： 实现右下方拖拽大小_.mp4 63.03M | ├──16-8 拖拽改变大小 编码第二部分： 实现四个角拖拽大小_.mp4 66.41M | └──16-9 拖动改变大小 编码第三部分：发射事件 更新属性_.mp4 51.66M 第17章 前后端结合 - 编辑器整合后端接口 | ├──17-1 章导学_.mp4 29.53M | ├──17-10 使用 AForm 完成提交时验证的两种方法_.mp4 37.19M | ├──17-11 完成获取验证码的功能_.mp4 43.72M | ├──17-12 完成用户登陆过程_.mp4 67.44M | ├──17-13 使用高阶函数 actionWrapper 包装 action 通用逻辑_.mp4 53.94M | ├──17-14 AForm 源代码解析 ：Form 组件 和 FormItem 完成验证_.mp4 64.41M | ├──17-15 AForm 源代码解析 ：使用 useForm 完成验证_.mp4 42.00M | ├──17-16 添加全局读取状态 - 整体通用读取状态_.mp4 54.00M | ├──17-17 添加全局读取状态 - 细粒度读取状态_.mp4 46.53M | ├──17-18 处理全局错误处理_.mp4 50.59M | ├──17-19 将全局读取和错误添加至根组件_.mp4 42.78M | ├──17-2 前后端分离开发简介_.mp4 50.03M | ├──17-20 登陆状态持久化_.mp4 53.16M | ├──17-21 路由权限验证 第一部分 - 功能分析_.mp4 34.97M | ├──17-22 路由权限验证 第二部分 - 编码实现_.mp4 60.97M | ├──17-23 编辑器获取作品 第一部分 - 发送并且改进 action_.mp4 68.78M | ├──17-24 编辑器获取作品 第二部分 - 根据数据渲染至画布_.mp4 44.94M | ├──17-25 添加编辑器 Header_.mp4 40.25M … 共 714 条
