[587] 全栈开发高可扩展，高可维护性“当当书城WebApp” - 学完这门课，不足以让你成为架构师，但一定是你成长必须跨越的一步！

网盘链接：

1. 课程介绍

• 1-1 新导课-为什么学习本课程？
• 1-2 课程技术介绍及效果展示

2. 当当书城项目前端准备—Vite +Vue3.2+ TS 实现企业级环境配置（上）

• 2-1 本章概述
• 2-2 vite +vue3.2 +ts 初始化项目
• 2-3 环境变量：vite env环境变量和底层接口
• 2-4 自定义环境变量和 vue-tsc 的理解
• 2-5 vite.config.ts更好用的开发环境配置方式
• 2-6 配置准备：环境变量配置的4项准备和底层TS的引入
• 2-7 重点配置理解：环境变量跨域代理两点理解
• 2-8 开始2-9之前配置准备【避免 import * as】
• 2-9 TS 应用: TS模块声明 在环境文件的应用 -1
• 2-10 TS 应用: TS模块声明 在环境文件的应用 -2
• 2-11 如何借助 TS 的高级类型 解决 2-9 类型自动提示问题

3. 当当书城项目前端准备—Vite +Vue3.2+ TS 实现企业级环境配置（下）

• 3-1 生产环境配置+volar使用
• 3-2 通过图片名动态加载图片路径的5大好处
• 3-3 通过图片名动态加载图片代码实现-1
• 3-4 通过图片名动态加载图片代码实现-2
• 3-5 通过图片名动态加载图片代码实现-3
• 3-6 ESLint：vite+ts 中的 10项 eslint 详解-1
• 3-7 ESLint：vite+ts 中的 10项 eslint 详解-2
• 3-8 ESLint 配置实践
• 3-9 规则联合：Prettier +ESLint
• 3-10 配置详解：Vite 中的 19项 ts 配置详解-1
• 3-11 配置详解：Vite 中的 19项 ts 配置详解-2
• 3-12 本章总结

4. 深度 TS 递进式构建高可维护性，高可扩展分层项目架构（上）

• 4-1 本章概述
• 4-2 数据库相关知识
• 4-3 安装 MySQL 数据库和相关配置理解
• 4-4 MySQL 登录，新建用户，分配权限
• 4-5 MySQL 命令状态下数据库，数据表操作，数据类型，主键
• 4-6 SQL 查询 ：8 种常见 SQL 基础查询，分页查询
• 4-7 补 分页查询，多种模糊查询，字段追加，update-1
• 4-8 安装 、使用 Navicat 工具进行操作
• 4-9 搭建 Koa +TS 初始项目 和 ctx 参数底层脉络
• 4-10 路由实现—用户二级路由，路由请求，相关TS 技巧应用
• 4-11 自动路由加载—手写自动路由加载【避开 TS 中 requireDirectory 底层坑】-1
• 4-12 自动路由加载—手写自动路由加载【避开 TS 中 requireDirectory 底层坑】-2
• 4-13 上节单词更正+Mac 电脑和 windows 的差异说明
• 4-14 全局异常准备—快速理解基于中间件的洋葱模型【会的略过】
• 4-15 全局异常—搭建 Aop 全局通用异常
• 4-16 响应处理—响应成功和响应失败精简封装
• 4-17 日志封装—灵活运用 TS 封装 log4js

5. 深度 TS 递进式构建高可维护性，高可扩展分层项目架构（中）

• 5-1 数据库配置封装—综合应用 TS 实现 MySql 配置【泛型综合+重载】
• 5-2 TS 水平应用自测题—调用配置方法错误解决
• 5-3 如果数据库配置或配置项需要更新，如何实现？
• 5-4 window, mac 电脑配置差异说明
• 5-5 Dao 封装：MySQL 连接和异步查询方法+Dao 实现
• 5-6 ORM 框架：equelize 3 种 MySQL 数据操作方案
• 5-7 ORM 框架：Sequelize 方案1创建模型
• 5-8 ORM框架：Sequelize 方案1添加用户-1
• 5-9 ORM框架：Sequelize 方案1添加用户-2
• 5-10 ORM框架：Sequelize 方案1 模型创建表和创建规则-2
• 5-11 ORM 框架——Sequelize 方案1 极简完成查询所有用户
• 5-12 ORM框架——Sequelize 方案1 5种查询简化实现-1
• 5-13 ORM框架——Sequelize 方案1 5种查询简化实现-2
• 5-14 ORM框架——Sequelize 方案1 5种查询简化实现-3
• 5-15 ORM框架——Sequelize 方案1 分组聚合查询实现
• 5-16 ORM框架——Sequelize 方案1 动态分页查询
• 5-17 ORM框架——Sequelize 方案2 装饰器模型完成查询

6. 深度 TS 递进式构建高可维护性，高可扩展分层项目架构（下）

• 6-1 项目架构升级——构建高可扩展性，高可维护性的项目架构
• 6-2 koa 访问数据库服务器高性能优化——sequelize 数据库连接池
• 6-3 连接池应用—— sequelize 连接池配置 和感知连接池的存在，底层原理。
• 6-4 分层实现——经常被误用误解的 service 到如何正确理解和使用？
• 6-5 当当书城关联数据表准备—MySql 表外键在当当书城中的应用
• 6-6 当当书城关联数据准备—深入理解 mysql 外键
• 6-7 当当书城关联数据准备—图解 MySql 多表内连接
• 6-8 级联更新 ON UPDATE CASCADE 关联表
• 6-9 当当书城关联数据准备—掌握MySql 多表左外连接
• 6-10 sequelize 多表关联局限性—sequelize 返回结果和前端显示要求相差太远
• 6-11 解决 sequelize 多表关联局限性准备—sequelize 完成表关联原生查询
• 6-12 深度应用 TS 解决当当书城复杂难题—构建符合前端的多表级联数据-第一阶段
• 6-13 深度应用 TS 解决当当书城复杂难题—构建符合前端的多表级联数据-第一阶段
• 6-14 深度应用 TS 解决当当书城复杂难题—构建符合前端的多表级联数据-第二阶段
• 6-15 深度应用 TS 解决当当书城复杂难题—构建符合前端的多表级联数据-第三阶段
• 6-16 深度应用 TS 解决当当书城复杂难题—构建符合前端的多表级联数据-第三阶段
• 6-17 深度应用 TS 解决当当书城复杂难题—构建符合前端的多表级联数据-第三阶段
• 6-18 挑战 Sequelize +TS 深度复杂难题
• 6-19 进一步优化管理 3-43到3-48 复杂 TS 类型
• 6-20 TS 装饰器重构 Koa 路由请求准备—理解装饰器路由给大中项目带来的3大优势
• 6-21 TS 装饰器重构 Koa 路由准备—TS 类装饰器
• 6-22 TS 装饰器重构 Koa 路由准备—工厂函数类型在装饰器中的应用
• 6-23 TS 装饰器重构 Koa 路由准备—方法装饰器
• 6-24 TS 装饰器重构 Koa 路由——第一步实现
• 6-25 TS 装饰器重构 Koa 路由下一项准备—reflect-metadata 和 它的“用武之地”
• 6-26 TS 装饰器重构 Koa 路由——Koa 路由请求方法实现
• 6-27 TS 装饰器重构 Koa 自动路由加载工具
• 6-28 TS 装饰器重构 Koa 路由—Contoller 装饰器实现
• 6-29 TS 装饰器重构 Koa 路由—Contoller 模块路径追加
• 6-30 前端高级架构师拓展挑战题—Sequelize 事务和代码展
• 6-31 创建图书表并添加数据
• 6-32 使用 sequelize 完成图书 model 实现
• 6-33 使用 sequelize 完成图书模糊和分页查询
• 6-34 本章总结

7. 当当一级到三级图书分类及多项扩展功能（上）

• 7-1 本章概述
• 7-2 TS 构建多后端扩展优良的前后端交互配置类-1
• 7-3 TS 构建多后端扩展优良的前后端交互配置类-2
• 7-4 初中高三种 TS+Axios 异步封装详细对比【深度体会高级写法的好处】
• 7-5 深入灵活运用 TS 完成 Axios 异步交互类高级写法-1
• 7-6 深入灵活运用 TS 完成 Axios 异步交互类高级写法-2
• 7-7 深入灵活运用 TS 完成 Axios 异步交互类高级写法-3
• 7-8 深入灵活运用 TS 完成 Axios 异步交互类高级写法-4
• 7-9 TS 实现 前后端异步访问API实现和注意细节
• 7-10 TS + Vuex4 构建图书分类多模块状态管理
• 7-11 TS + Vuex4 构建图书分类多模块状态管理+底层异步关联解析
• 7-12 图书分类页面准备—纯 html5 快速配置手机自适应效果新
• 7-13 详解手机能自适应效果原因
• 7-14 图书分类页面准备—页面通用样式准备
• 7-15 图书分类路由配置和 RouteRecordRaw底层 TS 解析
• 7-16 flex 技巧性实现图书搜索组件布局-1
• 7-17 flex 技巧性实现图书搜索组件布局 -2
• 7-18 作业：使用网格布局方式重新布局搜索组件
• 7-19 TS 实现高可维护性易用的 Vuex4 getters，actions 的自动提示-
• 7-20 TS 实现高可维护性易用的 Vuex4 getters，actions 的自动提示-
• 7-21 Vue3.2 + store 提取 Koa 图书一级分类
• 7-22 图书一级分类功能实现+系列技巧性数据展示-1
• 7-23 图书一级分类功能实现+系列技巧性数据展示-2
• 7-24 借鉴后端优秀思想—Vue3.2 组件和业务层的初步融合
• 7-25 watchEffect +Vuex4 提取 mysql 图书二级三级级联数据
• 7-26 flex 快速实现图书二级分类组件布局
• 7-27 grid更好更快的完成图书分类三级分类布局
• 7-28 grid更好更快的完成图书分类三级分类布局
• 7-29 作业：动态控制图书三级分类列表中间的分隔线

8. 当当一级到三级图书分类及多项扩展功能（下）

• 8-1 正确配置迭代中的三级分类折叠收起数据源
• 8-2 图书分类迭代中的展收起布局
• 8-3 循环图书二三级分类展开、收缩功能实现+难点解决
• 8-4 作业：对 8-3 代码的补充
• 8-5 对比 代表目前主流 Vuex 和 代表未来的 Pinia 的8大优点。
• 8-6 学会使用 Pinia 和掌握 Pinia 核心语法-1
• 8-7 学会使用 Pinia 和掌握 Pinia 核心语法-2
• 8-8 Vue组件和Pinia交互+ 一个经典的坑
• 8-9 怎么写比写什么重要太多——初步切割 pinia 和组件业务
• 8-10 Pinia+TS全面应用：使用Pinia重构当当图书分类数据状态
• 8-11 Pinia全面应用——Pinia+TS +Vue3.2 灵活切割业务和组件
• 8-12 更深入深刻的掌握Pinia—— Pinina 底层复杂 TS 泛型DefineStoreOptions的深入破剖析
• 8-13 作业：请用更好的 TS 语法来替换 8-12 中类型错误问题
• 8-14 更复杂的 TS 类型体操——深入 Pinia 底层用到的Vue3.2源码中的连环复杂泛型-1
• 8-15 更复杂的 TS 类型体操——深入 Pinia 底层用到的Vue3.2源码中的连环复杂泛型-2
• 8-16 作业：Pinia 复杂 UnwrapRef & _StoreWithGetters 对 Pinia的意义(高难度，选做)
• 8-17 Pinia actions底层类型解析
• 8-17 本章总结和知识梳理

9. 图书分类搜索当当图书列表，图书排序（上）

• 9-1 本章概述+本章 8项 项目功能展示
• 9-2 Koa 后端—Sequelize 装饰器方案实现图书 Model + Dao 层 +装饰器路由
• 9-3 布局复用—局部布局相同的两搜索组件如何复用？
• 9-4 布局优化—用比定位布局更优的 grid-area 去布局搜索组件
• 9-5 跨视图多组件状态通信—Pinia 在跨业务层中快速传递图书分类状态。
• 9-6 缓存失效—Pinia 图书状态传递的 getters 缓存为何失效？
• 9-7 大厂面试题：深解 Pinia getters 何时被缓存？何时没有缓存？
• 9-8 实战作业—深入 Pinia getters 缓存和没有缓存的
• 9-9 Pinia 常见坑—解决 Pinia 跨视图数据通信中的坑
• 9-10 高可扩展性 + 高可维护性动态图片+3种图片裁剪。
• 9-11 面包屑功能—Pinia 实现跨视图图书分类面包屑功能-1
• 9-12 面包屑功能—Pinia 实现跨视图图书分类面包屑功能-2
• 9-13 面包屑布局—图书1-3级分类面包屑布局
• 9-14 Pinia +Vue3.2 跨视图三级列表四项功能+难点化解
• 9-15 作业：Pinia+Vue3.2实战—迁移动态 tab状态值
• 9-16 浮动布局妙用——短板变成了优点，不均匀的分类排列
• 9-17 跨视图选项切换—跨视图跨组件切换图书 tab 背景（加特效）-
• 9-18 一个很隐蔽的坑—图书动态切换中的 click 事件为何失效？
• 9-19 细节处理—美化图书三级分类布局
• 9-20 视频作业：图书分类列表位置动态切换 【Pinia +Vue3.2 深入综合实战
• 9-21 布局难点突破—grid 实现图书列表布局+布局错位的解决
• 9-22 布局图书列表—grid 实现图书列表布局
• 9-23 前端+Koa 后端实现图书列表功能
• 9-24 Pinia +Vue3.2 跨视图跨组件动态切换图书列表-1
• 9-25 Pinia +Vue3.2 跨视图跨组件动态切换图书列表-2
• 9-26 实战作业—跨视图和当前视图结合双向动态切换图书列表
• 9-27 定位堆叠+网格布局子元素布局美化

10. 图书分类搜索当当图书列表，图书排序（下）+ redis 深入应用

• 10-1 flex 实现图书排序组件布局
• 10-2 全栈实现图书排序准备：图书升序、降序、排序字段、选项切换-1
• 10-3 全栈实现图书排序准备：图书升序、降序、排序字段、选项切换-2
• 10-4 全栈实现实现图书排序—完成 Koa +Sequelize 后端图书三级分类排序
• 10-5 全栈实现图书排序相关sql — 正确理解MySql 复合字段排序
• 10-6 全栈实现图书排序：接口API+Pinia +Vue3.2+Service 异步图书排序
• 10-7 作业：百度前端架构师面试题
• 10-8 作业：百度前端架构师面试题-升级
• 10-9 redis 安装，客户端，服务器启动
• 10-10 全面理解redis — 多个应用场景， 多主多从集群-1
• 10-11 redis 5大数据结构和重要命令详讲
• 10-12 redis hash结构详讲
• 10-13 Redis set zset数据结构详讲
• 10-14 koa+ts+redis 初步整合-1
• 10-15 koa+ts+redis 初步整合-2
• 10-16 升级 TS+ Redis 整合+封装 — TS+Koa 分层 Redis
• 10-17 Redis 全面应用—TS + Redis + Koa 当当书城实战 -1
• 10-18 Redis 全面应用—TS + Redis +Koa 当当书城实战-2
• 10-19 高内聚低耦合–解耦 redis 和 service 层+TS 类 impl TS 接口的真应用-3
• 10-20 本章总结和知识梳理

11. Java源码手写前端redis底层hash结构源码【反向塑造更高阶前端编码能力】

• 11-1 本章概述+给前端同学带来的3大好处
• 11-2 在前端手写 redis hash 结构源码准备—cpu 高效的7种位运算-1
• 11-3 在前端手写 redis hash 结构源码准备—cpu 高效的7种位运算-2
• 11-4 初级写法—redis hash 数据结构源码的初级写法
• 11-5 hashcode+redis 初级写法带来的两大问题
• 11-6 降低 hash 值冲突—深剖 Java，前端兼有的 redis hash 源码：hash ^ hash-
• 11-7 降低 hash 碰撞— 手写 Java，前端兼有的 redis hash 源码-
• 11-8 手写链地址法源码第一步——图解轻松理解 redis 底层 HashNode (1)
• 11-9 手写链地址法源码第一步——Hash泛型的4层传递
• 11-10 手写链地址法源码第二步： 为 hash 表扩容和 hash 新节点条件
• 11-11 手写 redis hash 链地址法源码第三步：初次 hashtable.get(key) 的源码实现
• 11-12 优化 11-11 代码——精准 redis hash get 到 put 值的源码实现
• 11-13 手写 redis hash 链地址法源码第四步：先解决不能用拉链的特殊问题
• 11-14 手写 redis hash 链地址法源码第五步：拉链法解决 hash 碰撞难点第一次分解-1
• 11-15 手写 redis hash 链地址法源码第五步：拉链法解决 hash 碰撞难点第一次分解-2
• 11-16 手写 redis hash 链地址法源码第五步：拉链法解决 hash 碰撞难点第二次分解-1
• 11-17 手写 redis hash 链地址法源码第五步：拉链法解决 hash 碰撞难点第二次分解-2
• 11-18 思考题：redis hash 链地址法的扩展作业题
• 11-19 手写 redis hash 链地址法源码第六步：如何扩容和扩容阈值
• 11-20 手写 redis hash 链地址法源码第七步：实现map.get 链路值源码
• 11-21 视频作业：突破前端瓶颈的深度题：为什么和怎样 rehash？

12. 实现高质量大厂的真全栈图书购物功能【上】+ 企业级复杂场景通用缓存工具

• 12-1 本章概述 【认识真正的全栈图书购物功能】
• 12-2 Sequelize 装饰器方案查询购物车列表-1 【Koa 后端】
• 12-3 Sequelize 装饰器方案查询购物车列表-2 【Koa 后端】
• 12-4 Vue3.2 +Pinia + 多业务类提取 Koa 购物车列表-1【前端】
• 12-5 Vue3.2 +Pinia +多业务类提取 Koa 购物车列表-2【前端】
• 12-6 Bug 解决：解决多个Pinia store冲突导致的错误-
• 12-7 购物组件布局：增减删购物车组件布局
• 12-8 纠正被前端+ mock开发组合误解的图书购物设计
• 12-9 深入 Pinia 响应式——解决7-8后续问题
• 12-10 实现符合真后端的前端功能——正确实现购物增删改和数量展示
• 12-11 满足多种视图功能——实现同时满足跨视图、本视图复杂路线的购物组件
• 12-12 联动数据表的 组件 flex 布局——联动 MySql 购物表布局购物组件样式
• 12-13 增减删购物组件后续布局
• 12-14 真后端图书购物添加功能高阶写法—TS 多态+Pick+Sequelize+帮后端减轻高并发压力-1
• 12-15 真后端图书购物添加功能高阶写法—TS 多态+Pick+Sequelize+帮后端减轻高并发压力-2
• 12-16 构建基于真全栈+企业级的 TS 版的 storage 复杂场景通用缓存工具-1
• 12-17 构建基于真全栈+企业级的 TS 版的 storage 复杂场景通用缓存工具-2
• 12-18 构建基于真全栈+企业级的 TS 版的 storage 复杂场景通用缓存工具-3
• 12-19 构建基于真全栈+企业级的 TS 版的 storage 复杂场景通用缓存工具-4
• 12-20 构建 TS + storage 其他4种常用场景的通用缓存工具-1
• 12-21 构建 TS + storage 其他4种常用场景的通用缓存工具-2
• 12-22 实现符合真后端业务需求的前端功能—3步实现添加图书到购物车功能-1
• 12-23 实现符合真后端业务需求的前端功能—3步实现添加图书到购物车功能-2
• 12-24 构建符合真后端的前端功能概述：实现追加或减少同本图书到购物车-1
• 12-25 高效精简代码典范：实现追加或减少同本图书到购物车-1【Koa 后端】
• 12-26 高效精简代码典范：实现追加或减少同本图书到购物车-2【Koa 后端】
• 12-27 高效精简代码典范：实现符合真后端的从购物车中追加或减少图书-1【前端】
• 12-28 高效精简代码典范：实现符合真后端的从购物车中追加或减少图书-2【前端】
• 12-29 视频作业：7-27后续+ 全栈图书购物中复杂连环缓存引起的深度bug

13. 高质量大厂全栈图书购物功能【下】+精简的 TS 版小球飞入购物车动画 

• 13-1 转移部分功能到前端，减轻后端高并发压力：Sequelize 装饰器从购物车删除图书【koa后端】
• 13-2 符合高性能后端要求的前端购物车删除图书准备：5步升级 前端 TS+ storage 通用缓存工具
• 13-3 作业：完成 13-2 中通用缓存工具更多功能
• 13-4 为后端减轻高并发压力的前端购物车删除功能+图书数量更新优化-1
• 13-5 为后端减轻高并发压力的前端购物车删除功能 2
• 13-6 删除确认——删除购物图书前弹出确认对话框确认是否删除
• 13-7 作业：13-6代码进一步优化
• 13-8 底部购物车组件布局——flex +定位完成购物数量，总价，去支付布局-1
• 13-9 底部购物车组件布局——flex +定位完成购物数量，总价，去支付布局-2
• 13-10 computed 实时计算底部组件购物数量，总价
• 13-11 3个细节处理-computed 实时计算底部组件购物数量，总价
• 13-12 小球飞入动画准备：理解购物小球飞入动画运动轨迹
• 13-13 小球飞入动画布局
• 13-14 小球抛物线飞入购物车动画准备： Vue3.2 JS 入场动画
• 13-15 小球飞入购物车动画准备：视口位置，三维移动
• 13-16 抛物线小球动画：实现精简版小球飞入购物车动画
• 13-17 抛物线小球动画：实现精简版小球飞入购物车动画
• 13-18 抛物线小球动画：实现精简版小球飞入购物车动画
• 13-19 抛物线小球动画：实现精简版小球飞入购物车动画
• 13-20 百度前端架构实战题—短时间追加两次图书到购物车，只完成了一次，如何解决？

14. 颠覆认知——大中全栈项目正向和逆向 checkbox 的复杂实战

• 14-1 本章概述
• 14-2 购物车列表视图布局
• 14-3 flex布局——购物车列表视图头部栏布局
• 14-4 堆叠+多种定位布局——购物车列表上中下三栏布局
• 14-5 综合 grid+flex布局——购物车列表视图中间栏布局
• 14-6 flex 布局——购物车列表组件底部栏布局-1
• 14-7 嵌套 flex 布局——购物车列表组件底部栏布局-2
• 14-8 购物车列表动态数据：pinia 响应式数据替换购物车列表
• 14-9 购物组件重构和购物组件复用——购物车列表视图上实现增删减购物功能
• 14-10 购物组件重构和购物组件复用——高效完成购物车列表视图上的追加、减少图书功能
• 14-11 购物组件重构和购物组件复用——高效完成购物车列表视图上的删除图书功能
• 14-12 响应式刷新方法复用—完成底部总价和总数实时计算
• 14-13 解决一个bug
• 14-14 vue3.2+pinia 组合实现购物车列表全选+响应式失效解决
• 14-15 购物车列表视图全选 checkbox，退回图书视图，再进来，checkbox 状态丢失，如何解决？
• 14-16 响应式和 every 结合：购物车列表 check 状态动态改变全选状态
• 14-17 大中项目逆向 checkbox 的繁杂操作—减轻后端高并发压力的前端功臣
• 14-18 在购物车列表视图中从购物车中增减图书时 checkbox 如何被逆向选中 ？
• 14-19 深层问题升级——解决正向的 checkbox 和逆向 checkbox 混合操作引发的深层问题
• 14-20 作业题——实时计算选中的 checkbox 购物图书的总数和总价
• 14-21 作业题——空购物车布局和功能实现

15. 全栈实现当当书城搜索系列功能

• 15-1 课程概述
• 15-2 搜索组件头部栏布局
• 15-3 flex 多层嵌套布局— 图书搜索组件搜索关键字栏布局
• 15-4 grid+div 布局搜索历史组件-1
• 15-5 grid+div 布局搜索历史组件-2
• 15-6 仿百度搜索自动补全第一步
• 15-7 仿百度搜索自动补全第二步-1
• 15-8 仿百度搜索自动补全第二步-2
• 15-9 仿百度搜索自动补全的5项子动能-1
• 15-10 仿百度搜索自动补全5项子功能-2
• 15-11 仿百度搜索自动补全代码优化
• 15-12 全栈实现仿百度搜索自动补全第一步：mysql 搜索相关数据表设计+创建
• 15-13 全栈实现仿百度搜索自动补全第二步：构造sequelize装饰器模型
• 15-14 自动补全+历史搜索+搜索发现之后端业务解析【适用Koa, Java 等多种后端】
• 15-15 自动补全+历史搜索+搜索发现—后端代码实现 【方案适用Koa, Java 等多种后端】
• 15-16 自动补全+历史搜索+搜索发现—后端代码实现 【方案适用Koa, Java 等多种后端】
• 15-17 自动补全+历史搜索+搜索发现—后端代码实现 【方案适用Koa, Java 等多种后端】
• 15-18 自动补全+历史搜索+搜索发现—后端代码实现 【方案适用Koa, Java 等多种后端】
• 15-19 自动补全+历史搜索+搜索发现—TS 巧妙获取 sql 原生查询返回值-
• 15-20 联合后端完成前端搜索自动补全功能-1
• 15-21 联合后端完成前端搜索自动补全功能-2-
• 15-22 视频作业：完成搜索数据表无数据，视图友好提示
• 15-23 实战中更清晰透彻理解防抖—防抖解决图书搜索自动补全重复提交
• 15-24 联合后端完成历史搜索功能-
• 15-25 联合后端完成历史搜索功能+缓存叠加功能升级
• 15-26 从自动补全到历史搜索功能
• 15-27 解决 15-26 的两个遗留问题——一个作业+双事件问题
• 15-28 全栈完成搜索发现功能2项准备+后端实现
• 15-29 全栈完成搜索发现功能【前端 pinia，state 实现】
• 15-30 全栈完成搜索发现功能【视图，pinia 交互】
• 15-31 解决 15-28 小 bug
• 15-32 两道作业题：全栈删除历史搜索，删除搜索发现【功能相同，sql不同】

16. 全栈实现当当书城复杂的图书搜索

• 16-1 本章概述 【全栈功能展示和技能概述】【先看】
• 16-2 实现跨视图，多 store 自动补全项搜索图书功能-1
• 16-3 实现跨视图，多 store 自动补全项搜索图书功能-2
• 16-4 dispatch 图书搜索准备：实现 dispatch 搜索方法
• 16-5 多路搜索转发后续实现【续】
• 16-6 实现自动补全项搜索图书 【后端】
• 16-7 自动补全项搜索图书 【前端】
• 16-8 作业：三个视图搜索图书，tab选项的正确显示
• 16-9 复杂图书搜索准备—出版社栏布局+分发搜索控制
• 16-10 复杂图书搜索准备—关键字筛选图书出表版社【后端】
• 16-11 复杂问题： 为 book 表筛选的出版社集合去重【复用 6-14 复杂 TS 方法】
• 16-12 复杂图书搜索：出版社栏搜索面板实现
• 16-13 复杂图书搜索准备：联合后端3步实现前端出版社图书搜索面板【第一步】
• 16-14 复杂图书搜索准备：实现前端出版社图书搜索面板【第二步】
• 16-15 复杂图书搜索准备：响应式控制出版社图书搜索面板【第三步】
• 16-16 复杂图书搜索准备：出版社栏图书搜索面板底部按钮布局
• 16-17 复杂图书搜索出版社面板遮罩实现
• 16-18 跨子组件的出版社面板遮罩实现（ vue3.2 的新特性实战中综合应用）
• 16-19 视频作业：跨子组件遮罩后续实现
• 16-20 解决两个问题
• 16-21 解决面板事件扩大+响应式箭头切换问题
• 16-22 复杂图书搜索实现第一步【后端】
• 16-23 复杂图书搜索【前端】-1
• 16-24 复杂图书搜索【前端】-2
• 16-25 作业：筛选出版社实现复杂图书搜索

17. 全栈实现 JWT 从入门到当当书城深入实战应用+JWT 系列难题解决

• 17-1 本章概述
• 17-2 登录功能布局实现
• 17-3 购物权限控制
• 17-4 认识 JWT，透彻理解 JWT+系类相关技能
• 17-5 登录功能实现 【Koa+Sequelize 后端实现】
• 17-6 分层实现 TS 版的 JWT Token 【Koa +Sequelize 后端】
• 17-7 分层实现 TS 版的 JWT 校验【Koa +Sequelize 后端】
• 17-8 手写验证处理不合法 或 过期 token问题 【弥补了 koa-jwt 鉴权的不足，互补】-
• 17-9 优化 token 校验和过滤 token 校验【高封装，高扩展性】
• 17-10 pinia +vue3.2+ts 实现登录功能 +token 存储【前后端】
• 17-11 pinia +vue3.2+ts 实现登录功能 +token 存储【前后端】
• 17-12 前端 token 传递给后端，后端如何校验？+注意细节
• 17-13 作业：前端缓存清除了 token ，再发非登录请求，后端如何正确响应？
• 17-14 作业：后端 token 过期，如何刷新生成新的 token？
• 17-15 前后端 token + 前端路由守卫联合完成基础路由验证
• 17-16 从前端到后端深刻掌握 koa-jwt 鉴权 token 功能
• 17-17 token相关问题—服务器验证数据表用户，前端弹框正确响应
• 17-18 koa-jwt 鉴权中，前端识别后端　token　过期，如何带错误回到登录页面？
• 17-19 实现双令牌—access_token 过期，实现 refresh_token 无感知刷新用户请求
• 17-20 jwt token 和 token +redis 那个好？

18. 图书详情和图书评论，评论回复+系列全栈项目难题解决 【上】

• 18-1 本章概述【 功能展示，技术概述，必先看】
• 18-2 查询图书详情+非法 token 鉴权过滤【后端】
• 18-3 建图书详情，评论功能三级子组件架构 + 二级子路由配置
• 18-4 图书详情、头部组件布局，after伪样式+解决子路由跳转回退问题
• 18-5 pinia 提取后端图书详情数据
• 18-6 pinia 存储图书详情组件 isbn 和页面数据展示
• 18-7 复杂图书详情页面布局第一部分+ pinia 状态管理
• 18-8 复杂图书详情页面布局第二部分+ pinia 状态管理
• 18-9 复杂图书详情页面布局第三部分——书连册效果
• 18-10 复杂图书详情页面布局第三部分
• 18-11 复杂图书详情页面布局第四部分
• 18-12 图书滚动触发的评论、图书头部组件渐隐渐现特效实现
• 18-13 性能优化——灵活运用路由优化评论，图书详情交互+渲染bug解决
• 18-14 评论，回复相关功能准备—数据表，BTREE 索引，模型创建
• 18-15 满足前端的后端复杂问题—图书评论，回复复杂问题解决
• 18-16 前后端通信——pinia 获取后端评论，回复关联数据

19. 图书详情和图书评论，评论回复+系列全栈项目难题解决【下】

• 19-1 评论等级—好评，中评，差评布局
• 19-2 双 store 双业务类维护图书评论数据状态
• 19-3 双层 grid 布局+flex 布局图书评论列表+功能实现-1
• 19-4 双层 grid 布局+flex 布局图书评论列表+功能实现-2
• 19-5 好评、中评、差评数动态统计实现
• 19-6 筛选图书好评、中评、差评列表+统计数引发的bug解决
• 19-7 评论回复实现准备—图书评论回复面板布局-1
• 19-8 取消回复+评论回复面板布局+面板控制+遮罩效果
• 19-9 取消回复+评论回复面板布局+面板控制+遮罩效果
• 19-10 解决评论回复+上下遮罩中的两个关键问题
• 19-11 适应不同手机——多级 emit 事件传递的替代方案+ 评价回复 scroll 重新计算
• 19-12 视频作业——评价回复 scroll 重新计算问题
• 19-13 对评论的回复相关功能展示和难点解析
• 19-14 对评论的回复列表布局
• 19-15 评论的回复列表功能+回复列表迭代收起展开系列问题解决
• 19-16 降低后端高并发压力——5 步完成评论的回复功能【后端】-1
• 19-17 匹配大中项目，降低后端高并发压力——5 步完成评论的回复功能【后端】
• 19-18 综合 ts 完成评论的回复功能 【降高并发压力，转移部分后端代码到前端】
• 19-19 融合 TS +多项技术—完成评论的回复功能 [前端】
• 19-20 融合 TS +多项技术—完成评论的回复功能
• 19-21 视频作业——回复评论发表文字处理

20. 图书首页+全栈实现加载更多图书分页【手写版，高通用】

• 20-1 本章概述【须先看】
• 20-2 手写高质量分页工具——构建高可通用性的 Pager 【后端】
• 20-3 手写高质量分页工具——实现首页图书分页功能【后端】
• 20-4 TS 方法装饰器深入应用——封装高通用性的分页功能
• 20-5 首页图书加载更多分页实现—pinia 实现分页【前后端】
• 20-6 首页布局——头部栏布局
• 20-7 首页布局——nav 布局-[3种布局混合应用】
• 20-8 首页布局- 首页图书列表布局
• 20-9 首页图书列表响应式数据展示+减少耦合
• 20-10 首页布局——底部导航栏布局
• 20-11 通用和特殊问题灵活处理——由跳转缓存问题引起的结构问题
• 20-12 手写加载更多图书分页准备——加载下一页旋转等待动画实现
• 20-13 加载更多图书分页实现
• 20-14 加载更多图书分页头部组件渐变特效+bug 解决

21. 当当订单管理, 订单链，订单列表待付款倒计时

• 21-1 本章概述
• 21-2 确认订单准备—解决遗留的指令，事件混合带来的 bug问题
• 21-3 确认订单布局—模块结构构建+头部组件布局
• 21-4 确认订单布局—支付组件布局
• 21-5 确认订单布局—订单图书列表组件布局
• 21-6 订单购物图书列表超边界后左右滚动效果准备
• 21-7 响应式依赖响应式的坑—有缓存，刷新数据，数据为何还丢失？
• 21-8 订单购物图书列表超边界后左右滚动效果实现
• 21-9 技巧性控制左右箭头滚动——订单图书列表超界后滚动特效
• 21-10 底部提交订单组件布局
• 21-11 数据表和外键创建，字段解析—订单和订单详情数据表
• 21-12 提交订单——添加 order 实现【后端
• 21-13 TS 高级类型实战应用——解决订单和订单详情关联问题【后端】
• 21-14 提交订单——异步迭代保存订单详情。【后端】
• 21-15 ：后续问题——添加订单成功后，如何处理购物车列表，更好返回订单列表？
• 21-16 ：视频作业——订单提交，如何处理库存问题？【后端】
• 21-17 关于 orderid 问题的纠正
• 21-18 提交订单+TS 实战应用——订单，订单详情，购物列表，登录用户合成提交【前后端】
• 21-19 订单状态—— 待付款，待收货，待评价【前端】
• 21-20 查询当前用户所有状态的订单和订单详情【后端】
• 21-21 大厂高标准 TS 深度复杂转换—转换订单状态和订单列表展示
• 21-22 前端 pinia 异步获取数据——获取后端订单和订单详情列表
• 21-23 订单列表布局
• 21-24 复杂 grid 布局和区域瓜分——灵活运用 grid 快速实现订单列表布局
• 21-25 复杂 grid 布局和区域瓜分——灵活运用 grid 快速实现订单列表布局
• 21-26 不同订单状态下的动态订单列表展示
• 21-27 日期格式修正——订单表日期返回到前端时间处理+底部我的订单跳转
• 21-28 视频作业——筛选不同订单状态的订单列表【待付款，待收货，待评论】
• 21-29 订单支付倒计时准备——当前订单逻辑删除【后端】
• 21-30 订单支付倒计时实现
• 21-31 显示动态订单支付倒计时准备-前后端订单状态更新
• 21-32 订单支付动态倒计时实现
• 21-33 视频作业——订单支付倒计时回退，显示订单已提交或暂无订单

22. 全栈项目上线阿里云服务器系列操作+真机调试 【大餐，快速补全短板】

• 22-1 购买阿里云云服务器——选择 CentOs 7.x 操作系统
• 22-2 ssh 远程连接： 使用本地 xshell连接云服务器+主机名修改
• 22-3 部署上线前的准备：开发云服务端口
• 22-4 mysql 下载：Xshell+CentOs 云服务器中两种常用的mysql 下载方法
• 22-5 mysql 安装：Xshell+CentOs 云服务器中安装 mysql
• 22-6 mysql 安装坑解决： Xshell+Centos云服务器坑解决，rpm 搜索，进程端口同显
• 22-7 mysql 登录，密码策略： Xshell+云服务器 mysql 复杂密码问题解决
• 22-8 mysql 用户，权限： Xshell+云服务器创建 mysql 新用户，分配权限
• 22-9 当当数据表创建：Xshell + 云服务器 centos 快速创建 mysql 数据表
• 22-10 nodejs 安装： Xshell +云服务器 centos 安装 nodejs，快捷访问
• 22-11 更多重要问题：关于线上 Centos 环境变量，软连接相关重要问题
• 22-12 后端，redis 准备：Xshell +云服务器部署当当项目+redis 服务4项准备
• 22-13 部署当当后端项目：Xshell +云服务器部署 koa 后端项目
• 22-14 redis ：Xshell+云服务器安装 redis ， redis 守护进程启动+ 核心配置
• 22-15 PM2 ：定义，4个优势，xshell+云服务器安装 PM2
• 22-16 PM2：Xshell + 云服务 pm2 启动、常用命令、 PM2 支持 ts
• 22-17 PM2：核心配置，用 PM2 配置文件启动运行 ts +node-1
• 22-18 PM2：核心配置，用 PM2 配置文件启动运行 ts +node-2
• 22-19 视频作业： PM2 生成环境，开发环境更多处理
• 22-20 Nginx ：概述深入，请求流程， Nginx 部署项目7大好处-1
• 22-21 Nginx ：概述深入，请求流程， Nginx 部署项目7大好处-2
• 22-22 Nginx：Xshell + 云服务器3步轻松安装好 Nginx，替代繁琐的安装
• 22-23 Nginx server 核心配置，Nginx 反向请求 Koa 后端项目 +核心细节深入
• 22-24 前端项目上线准备：Vite 预构建理解，rollup打包
• 22-25 前端项目上线准备：rollup 打包和 vite.config.ts 进一步配置
• 22-26 xshell+云服务器部署前端项目准备+vite.config.ts 进一步配置
• 22-27 前端项目上线，Nginx 配置全栈项目，上线展示+vite.config.ts 进一步配置
• 22-28 真机展示上线的全栈项目