适合想打通前后端的数据管理场景

这门课的核心不是单纯模仿问卷星的界面，而是通过一个完整的低代码平台项目，训练你处理复杂业务逻辑的能力。它主要解决的是：当项目从简单的页面展示转向包含用户体系、大量数据交互和状态管理的复杂应用时，如何优雅地组织代码。

适合具备 React 基础、想了解 Next.js 服务端渲染与客户端开发结合方式，以及希望理解 NestJS 后端架构的开发者。如果你曾纠结于“Axios 请求怎么统一管理”、“Token 怎么安全存储”或“全局状态该放哪里”，这门课提供了标准的工程化解决方案。

建议先攻克网络请求与状态管理两大关卡

资料中的教学节奏非常清晰，建议优先精读中间的网络请求章节。你会看到从基础的 Axios 拦截器配置，到使用自定义 Hook 封装 `useRequest`，再到处理 Loading 状态、错误统一捕获，这是一套非常实用的前端工程化技巧。紧接着是认证体系部分，包括 JWT 的原理、注册登录流程的实现以及 Token 的自动附加，这部分是理解前后端分离安全机制的关键。

之后进入 Redux 状态管理章节，课程没有停留在概念讲解，而是通过 TodoList 等实例，演示如何在复杂数据结构下，利用 Redux 集中管理应用状态，避免组件间 Props 传递混乱。最后结合分页、无限加载（LoadMore）等高频交互场景，巩固你对 API 设计和用户体验优化的理解。

学完能独立构建具备用户体系的后台管理系统

完成学习后，你将能够独立开发一个具备完整 CRUD 功能、用户鉴权和复杂状态管理的 Web 应用。你可以熟练配置 Mock 数据进行前后端并行开发，设计符合 RESTful 规范的 API，并使用 Next.js 14 的最新特性进行全栈开发。

资料包配合练习时，不要只看视频，务必亲手实现“假删除”与“彻底删除”的逻辑区别，以及防抖滚动加载的 DOM 位置判断。重点复现那个自定义 Hook，把它应用到你的实际项目中，这是将知识转化为技能的最快路径。

课程目录

{10}--第10章 【中级】Ajax 网络请求 part1 - 搭建 Mo [10.10]--10-10 配置axios的response拦截器-统一处理错误.mp4
 115.90M [10.11]--10-11 开发新建问卷功能-设置loading状态以优化体验.mp4
 44.39M [10.12]--10-12 开发获取问卷信息功能-使用自定义Hook抽离公共逻辑.mp4
 57.79M [10.13]--10-13 使用useRequest重构Ajax请求-统一处理l.mp4
 55.11M [10.14]--10-14 使用useRequest获取问卷列表.mp4
 118.95M [10.15]--10-15 给列表增加搜索功能-使用第三方Hook抽离组件公共逻.mp4
 83.83M [10.16]--10-16 使用useRequest开发星标和回收站页面.mp4
 84.66M [10.1]--10-1 章介绍.mp4
 7.67M [10.2]--10-2 关于Ajax的基础知识、API和工具.mp4
 20.72M [10.3]--10-3 使用mockjs模拟Ajax请求.mp4
 144.44M [10.4]--10-4 在nodejs中使用mockjs-使用Random轻松.mp4
 71.54M [10.5]--10-5 使用nodejs启动服务，模拟get请求.mp4
 60.01M [10.6]--10-6 模拟post请求，并使用postman测试.mp4
 47.30M [10.7]--10-7 使用craco.js扩展webpack配置-使用dev.mp4
 59.95M [10.8]--10-8 介绍几个在线mock平台-谨慎使用.mp4
 5.05M [10.9]--10-9 API设计-使用Restful API规范.mp4
 130.02M {11}--第11章 【中级】Ajax 网络请求 part2 - 一次学习多 [11.10]--11-10 开发删除问卷功能-修改信息“假删除&rd.mp4
 34.85M [11.11]--11-11 开发恢复问卷功能-使用for-awiat-of处理多.mp4
 59.82M [11.12]--11-12 开发彻底删除功能.mp4
 38.79M [11.13]--11-13 介绍JWT-用户登录校验的技术方案.mp4
 32.48M [11.14]--11-14 开发用户的mock和services.mp4
 64.22M [11.15]--11-15 开发注册和登录功能.mp4
 55.03M [11.16]--11-16 存储token，并使用axios拦截器附加token.mp4
 57.47M [11.17]--11-17 开发获取用户信息，以及退出登录.mp4
 50.97M [11.18]--11-18 -章总结.mp4
 8.66M [11.1]--11-1 开发分页功能-定义URL参数page和pageSize.mp4
 87.58M [11.2]--11-2 实现列表分页功能-使用Antd的Pagination组.mp4
 124.32M [11.3]--11-3 LoadMore上划加载更多-设计组件的state.mp4
 52.62M [11.4]--11-4 LoadMore上划加载更多-使用防抖监听scroll.mp4
 60.73M [11.5]--11-5 LoadMore上划加载更多-根据DOM位置判断加载时.mp4
 61.13M [11.6]--11-6 LoadMore上划加载更多-真正加载数据.mp4
 72.23M [11.7]--11-7 LoadMore上划加载更多-优化功能体验.mp4
 63.29M [11.8]--11-8 开发问卷标星功能.mp4
 88.13M [11.9]--11-9 开发问卷复制功能.mp4
 46.70M {12}--第12章 【中级】Redux 状态管理 - 复杂项目的数据管理形 [12.10]--12-10 使用Redux实现数字加减法-使用useSelect.mp4
 50.22M [12.11]--12-11 使用Redux实现TodoList-展示复杂数据结构.mp4
 61.70M [12.12]--12-12 使用Redux实现TodoList-传入Action.mp4
 81.18M [12.13]--12-13 Redux单项数据流-动图体验数据流转过程.mp4
 11.01M [12.14]--12-14 Redux开发者工具-方便跟踪和调试.mp4
 13.32M [12.15]--12-15 介绍MobX-可以像Vue一样声明式的修改数据.mp4
 109.49M [12.16]--12-16 使用MobX开发TodoList-创建数据模型.mp4
 80.30M [12.17]--12-17 使用MobX开发TodoList-数据的显示和操作.mp4
 109.90M [12.18]--12-18 使用Redux管理用户信息-定义store和redu.mp4
 69.22M [12.19]--12-19 使用Redux管理用户信息-使用useSelecto.mp4
 50.65M [12.1]--12-1 章介绍.mp4
 13.60M [12.20]--12-20 使用自定义Hook统一加载用户信息，并存储到redu.mp4
 76.61M [12.21]--12-21 根据用户登录状态动态跳转页面-使用自定义Hook统一.mp4
 74.68M [12.22]--12-22 章总结.mp4
 8.14M [12.2]--12-2 什么是状态管理，为何要用状态管理.mp4
 45.52M [12.3]--12-3 使用Context实现跨组件跨层级传递数据.mp4
 72.25M [12.4]--12-4 学习使用useReducer-提前了解redux的概念.mp4
 82.14M [12.5]--12-5 使用useReducer开发TodoList-定义in.mp4
 71.24M [12.6]--12-6 使用useReducer开发TodoList-使用di.mp4
 56.11M [12.7]--12-7 使用Context和useReducer实现跨组件通讯.mp4
 50.06M [12.8]--12-8 介绍Redux-React世界最流行的状态管理工具.mp4
 12.12M [12.9]--12-9 使用Redux实现数字加减法-认识Reducer和Ac.mp4
 86.40M {13}--第13章 【实战】开发问卷编辑器 part1 - 寻找突破口，用 [13.10]--13-10 -定义组件配置-可根据type找到组件.mp4
 56.09M [13.11]--13-11 -在画布上动态显示组件列表-梳理完整的流程.mp4
 42.78M [13.12]--13-12 -点击画布选中组件-通过selectedId全局共享.mp4
 84.04M [13.13]--13-13 -组件库-组件按类型分组.mp4
 72.91M [13.14]--13-14 -把组件分组显示在组件库中.mp4
 23.28M [13.15]--13-15 -点击组件库中的组件，添加到画布中.mp4
 48.21M [13.16]--13-16 -解释为何要使用fe_id.mp4
 19.59M [13.17]--13-17 -定义属性表单，用于修改组件的属性.mp4
 78.62M [13.18]--13-18 -根据选中的组件，动态显示属性表单.mp4
 69.44M [13.19]--13-19 -修改组件属性，并同步到画布中.mp4
 68.15M [13.1]--13-1 -章介绍.mp4
 6.65M [13.20]--13-20 -定义EditHeader组件，实现返回功能.mp4
 71.80M [13.2]--13-2 -需求分析-详细演示各个功能.mp4
 52.26M [13.3]--13-3 -分析UI界面，如何拆分组件.mp4
 45.17M [13.4]--13-4 -开发UI组件拆分-实现画布Y轴滚动.mp4
 51.68M [13.5]--13-5 -定义画布中的两个组件-Title和Input.mp4
 146.22M [13.6]--13-6 -把Title和Input组件显示到画布上.mp4
 49.35M [13.7]--13-7 -定义问卷组件的数据结构-这是动态渲染画布的前提.mp4
 55.21M [13.8]--13-8 -把组件列表存储到Redux store-统一各个组件.mp4
 52.98M [13.9]--13-9 -把组件列表存储到Redux store-重构useL.mp4
 66.40M