真实高质量低代码商业项目，前端/后端/运维/管理系统（22章）

前端开发

课程简介

这套资料围绕一个真实上线的低代码平台展开，拆成 22 章，覆盖前端编辑器、后端服务、数据库建模、容器化部署与 CI/CD 流水线。它不是那种只让你跟着敲一遍就完事的演示项目，而是把低代码系统中几个最容易踩坑的环节——组件拖拽与画布交互、页面 Schema 的序列化与渲染、物料协议、发布链路——都拆开讲了一遍。如果你正在做 or 准备做可视化搭建类产品，这份…

已有 4 人浏览发布 2026-06-14 更新 2026-09-22

技术栈与整体结构

前端部分以 Vue 或 React 组件化开发为基础，核心是编辑器的三大块：左侧物料面板、中间画布、右侧属性配置面板。低代码编辑器的难点不在单个组件怎么写，而在于画布如何同时承载「设计态」和「预览态」，如何让拖入的元素在画布中可选中、可移动、可嵌套，并且这些操作最终能转成一份可持久化的 JSON Schema。资料里用了较大篇幅处理画布交互，包括坐标换算、拖拽落点判定、元素层级调整，以及属性面板与画布选中状态的双向同步——这几块是很多自研编辑器做到一半就卡住的地方。

后端部分没有停留在 CRUD 层面，而是围绕「页面配置」这种非结构化数据做存储与版本管理，涉及接口设计、权限校验、配置的读写与回滚。前后端通过约定的 Schema 协议通信，这个协议是理解整个系统的关键：前端编辑器产出它，后端保存它，运行时渲染器消费它。

可以单独拎出来复用的模块

物料（组件）注册机制与物料协议：决定了新增一个可拖拽组件需要改哪些地方，是低代码平台扩展性的核心。
画布交互层：拖拽、选中、移动、对齐辅助线的实现思路，与业务组件解耦，可迁移到其他可视化编辑器。
Schema 渲染器：把配置 JSON 还原成真实页面，承担设计态与运行时的桥接。
属性配置面板：基于 Schema 动态生成表单，表单控件本身也可复用。
部署与流水线：容器镜像构建、环境变量管理、自动化发布流程，属于能直接搬到其他项目里的运维部分。

工程化与部署这条线

资料把 Docker 部署和 CI/CD 单独成章，这部分对只想写页面的开发者容易被忽略，但对低代码平台尤其重要：编辑器、渲染器、后端服务往往是分开部署的，Schema 的兼容性又要求版本可追溯。通过容器化把构建产物固化，用流水线完成构建、测试、发布，能让「改一版编辑器、跑挂线上页面」这类事故少很多。理解这条链路，比单纯会写一个拖拽组件更有长期价值。

怎么用这份资料

建议不要按顺序看视频，而是先跑通一条最小链路：拖一个组件到画布 → 配置属性 → 保存 Schema → 刷新后还原。这条链路走通，说明你已经摸到低代码平台的骨架，之后再回到各章节看作者是怎么处理边界情况的。对有经验的开发者，可以直接跳到画布交互和 Schema 协议两章，对照自己的实现找差距；对偏后端的开发者，重点看配置存储与部署章节，前端部分了解协议即可。边看边改自己的项目，比完整跟做一遍收获更大。

适合已经具备前端或后端基础、正在做或计划做可视化搭建、配置化中台、内部工具平台的开发者。纯新手跟这套资料会比较吃力，因为里面涉及的技术点没有从零铺垫，默认你懂组件化开发和基本的服务端接口编写。

真实高质量低代码商业项目，前端/后端/运维/管理系统（22章）

全栈实战，低代码项目管理

编辑点评

项目实战，涵盖前端、后端、运维，适合有项目管理需求的学习者。

⭐ 编辑推荐

本课程通过真实商业项目，深入浅出地讲解前端、后端、运维及管理系统开发。

✨ 课程亮点

✦全栈实战项目

✦低代码开发

✦项目管理实战

课程目录

第16章让元素动起来 - 编辑器画布交互功能开发31 集

第14章使用 Docker 完成部署以及 Github Actions 完成 CI、CD2 集

14-38 在 actions 中获取提交的基本信息【公众号：CunWorkNotes】.mp4 [71.8 MB]
14-2 本地环境和生产环境的异同【公众号：CunWorkNotes】.mp4 [46.8 MB]
…（已达 35 条上限，后续省略）
…（已达 35 条上限，后续省略）

适合人群

前端开发者
后端开发者
运维工程师

🎯 学习收获

掌握项目管理流程
提升全栈开发能力
了解低代码开发应用

🎉 祝您学习愉快！

课程目录

第1章课程简介1 集

| └──1-1 课程导学_.mp4 63.78M

第2章课程设计—需求分析和架构设计：做什么，如何做？4 集

| ├──2-1 需求分析-了解软件开发生命周期_.mp4 29.88M
| ├──2-2 宏观需求分析_.mp4 41.12M
| ├──2-3 技术整体架构 - 几个项目，项目的关系_.mp4 47.50M
| └──2-4 技术整体架构 - 核心内容分析_.mp4 60.84M

第3章 B端项目需求分析和架构设计8 集

| 鈹溾攢鈹€3-1 绔犵畝浠媉.mp4 30.28M
| ├──3-10 总体架构_.mp4 47.31M
| ├──3-2 引子：突破瓶颈，前端破局之路_.mp4 65.38M
| ├──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

第4章前端基础技术回顾和巡礼29 集

| ├──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-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-28 鍒涘缓 useURLLoader_.mp4 78.75M
| ├──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-7 类型推论联合类型和类型断言_.mp4 43.59M
| └──4-9 泛型（Generics）第一部分_.mp4 42.19M

第5章项目整体搭建20 集

| 鈹溾攢鈹€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-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章编辑器基本布局，及业务组件库初步开发19 集

| 鈹溾攢鈹€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章掌握测试基本工具，给组件库添加单元测试19 集

| 鈹溾攢鈹€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-6 Jest mock 第三方模块实现_.mp4 44.66M
| ├──7-8 配置测试开发环境_.mp4 44.38M
| └──7-9 测试组件：渲染和元素获取_.mp4 51.41M

第8章通用上传组件开发以及使用24 集

| 鈹溾攢鈹€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、CD25 集

| 鈹溾攢鈹€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章后端技术选型以及基础知识巩固（上）27 集

| 鈹溾攢鈹€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章后端技术选型以及基础知识巩固（下）24 集

| ├──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-7 mongoDB 整体结果的处理_.mp4 41.25M
| ├──11-8 更新文档第一部分_.mp4 48.56M
| └──11-9 更新文档第二部分：更新数组内容_.mp4 46.84M

第12章用户系统设计与实现17 集

| 鈹溾攢鈹€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 端展示以及权限控制36 集

第14章使用 Docker 完成部署以及 Github Actions 完成 CI、CD40 集

第15章编辑器组件图层面板功能开发24 集

| 鈹溾攢鈹€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-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-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章让元素动起来 - 编辑器画布交互功能开发31 集

第17章前后端结合 - 编辑器整合后端接口18 集

| 鈹溾攢鈹€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 条