课程目录

• 1-项目效果展示
• 10-9 定义章节视频后台接口
• 100-40 完成话题编辑操作
• 101-41 评论删除操作
• 102-42 获取当前登录用户信息错误与 dayjs 类型错误的问题
• 103-43 评论后台数据创建包括数据填充数据迁移控制器等
• 104-44 获取评论列表接口
• 105-45 后台获取评论数据并包含用户信息
• 106-46 创建评论组件用于复用
• 107-47 评论框组件开发
• 108-48 回复评论组件开发
• 109-49 定义 CommentProvider 用于处理评论共享状态
• 11-10 用户数据填充数据处理
• 110-50 评论回复框的处理
• 111-51 路由页面未登录用户访问时的拦截处理
• 112-52 发表评论前端服务操作
• 113-53 成功发表评论数据
• 114-54 修复时间显示错误与未登录用户不能发表评论的问题
• 115-55 使用Context 管理共享数据
• 116-56 评论回复业务完成
• 117-57 使用 useRef 设置编辑器内容为空
• 118-58 发表评论后更新缓存加载新的评论数据
• 119-59 使用自链接获取评论回复数据
• 12-11 用户注册表单验证
• 120-60 安装telescope 全面了解请求状况
• 121-61 展示回复列表组件
• 122-62 回复的用户信息展示
• 123-63 删除评论操作
• 124-64 删除评论操作
• 125-1 签到页面开发
• 126-2 签到图标展示
• 127-3 签到表单逻辑定义useForm
• 128-4 签到后台业务
• 129-5 获取签到列表数据
• 13-12 apifox 中定义注册请求接口
• 130-6 签到列表组件
• 131-7 完善签到列表
• 132-8 前台签到提交服务
• 133-9 发表签到操作
• 134-10 修复签到心情图片展示错误的问题
• 135-11 已经签到的用户信息显示
• 136-12 删除签到服务接口定义
• 137-13 防止重复签到行为发生
• 138-14 使用 ObServer 统计签到数据
• 139-15 签到数据统计展示
• 14-13 解决 apifox 中csrf 错误的问题
• 140-16 定义个人空间页面
• 141-17 个人空间用户信息展示
• 142-18 定义个人空间的查询参数
• 143-19 后台用户签到列表数据接口定义
• 144-20 接收类型修改
• 145-21 完成个人空间签到列表
• 146-22 贴子列表接口增加可以根据用户获取其贴了数据
• 147-23 贴子元素组件独立
• 148-24 个人空间话题列表完成
• 149-25 分页组件只有一页时的显示控制
• 15-14 完成用户注册操作
• 150-8 成功发表课程单节
• 151-9 apifox中添加接口
• 152-10 apifox中删除接口的定义
• 153-11 创建课程相关文件
• 154-12 使用关联方式创建数据表
• 155-13 普通用户不能添加课程
• 156-14 api添加课程 api
• 157-15 完成课程后端接口开发
• 158-16 修复课程没有章节 id 的问题
• 159-17 修复apifox 中章节的接口问题
• 16-15 完成用户登录操作
• 160-18 创建视频表与测试数据
• 161-19 创建订单表
• 162-20 创建订单测试数据
• 163-21 数据填充的几种方式
• 164-22 使用关联创建测试数据
• 165-23 使用 policy 拦截未购买项目的用户
• 166-24 订单与视频测试数据
• 167-25 完善视频授权测试数据
• 168-26 未购买课程的用户不允许查看视频
• 169-27 已购买用户可以看视频测试
• 17-16 apifox定义课程列表接口
• 170-28 定义 helper 帮助函数
• 171-29 添加视频表单验证
• 172-30 添加视频测试编写
• 173-31 使用 validated 属性获取表单数据
• 174-32 使用关联操作添加视频
• 175-33 完成添加视频的测试
• 176-34 编写视频更新测试
• 177-35 完成视频更新操作
• 178-36 完成视频操作
• 179-37 隐藏视频播放地址
• 18-17 添加课程与表单验证
• 180-38 再次讨论 n+1的问题
• 181-39 修改课程添加的路由
• 182-40 apifox 实现新增视频接口
• 183-41 修改更新视频的测评用例
• 184-42 apifox 中定义删除视频接口
• 185-43 套餐功能开发
• 186-44 在apifox 中实现套餐接口
• 187-45 完成套餐功能开发
• 188-1 绑定邮箱页面开发
• 189-2 使用会员中心布局组件简单页面开发
• 19-18 完善课程其他接口
• 190-3 修改HdInput组件支持Input常规则属性
• 191-4 使用阿里云发送邮件验证码
• 192-5 使用验证码服务处理验证码发送
• 193-6 前端使用React 完成验证码发送处理
• 194-7 封装验证码发送组件
• 195-8 修复React验证码发送组件
• 196-9 使用Limiter 限流控制验证码发送，保护接口
• 197-10 完成使用限制控制验证码发送次数，解决爆刷接口的问题
• 198-11 修复react 验证码发送时的表单验证错误问题
• 199-12 验证码的验证处理在组件内部完成
• 2-1 herd 环境与 laravel 项目创建
• 20-19 policy 策略与模型访问器的使用
• 200-13 验证码发送倒计时的思路分析
• 201-14react响应数据在发送验证码倒计时的使用
• 202-15完成邮箱验证码发送组件的开发
• 203-16后台绑定邮箱逻辑开发
• 204-17完成react_laravel邮箱绑定功能开发
• 205-18阿里云设置用户帐号用于发送短信
• 206-19阿里云短信服务基本知识说明
• 207-20laravel配置项中定义阿里云数据
• 208-21设置验证码发送的参数配置
• 209-22使用用阿里云成功发送手机短信
• 21-20 使用api-response 处理响应结果
• 210-23后端手机短信发送控制器定义
• 211-1 图形验证码的安装与React验证码组件开发
• 212-2后台验证码处理
• 213-3使用useImperativeHandlereact验证码组件
• 214-4-1在react布局组件中定义共享链接
• 215-4-2在react布局组件中定义共享链接
• 216-5-1react验证码组件优化与form结合使用
• 217-5-2react验证码组件优化与form结合使用
• 218-6完成用户注册操作
• 219-7修改登录注册页面的图片
• 22-21 完善课程章节视频接口
• 220-8找回密码的后端laravel处理
• 221-9后端找回密码表单验证
• 222-10定义useState数据控制找回密码字段的类型
• 223-11HdInput表单样式优化
• 224-12使用useForm控制react验证码组件的显示
• 225-13发现的一些样式问题的修正
• 226-14表单图形验证码错误处理
• 227-15使用useLocation与useEffect处理表单验证
• 228-16登录界面补充说明
• 229-1 使用多态关系创建网站动态的数据
• 23-22 前后端项目目录独立设置
• 230-2 laravel后端动态相关业务完成
• 231-3 react 19 前端动态服务与Typescript类型定义
• 232-4 网站动态列表组件开发
• 233-5 后端使用资源控制返回的动态内容
• 234-6 动态组件跳转链接封装成独立的React组件
• 235-7 评论动态跳转时自动跳转的评论的位置
• 236-8 网站动态添加react tag组件
• 237-9 使用服务来管理网站动态
• 238-10 话题动态标题React 19组件处理
• 239-11 动态删除时的模型处理
• 24-23 安装配置 tailwindcss
• 240-12 增加网站宣传的Tip react组件
• 241-13 学习记录的laravel 模型与控制器等文件创建
• 242-14 学习记录前前端React组件开发
• 243-15 完成网站学习动态功能开发
• 244-16 修复会员中心的HdInput组件错误
• 245-17 创建laravel数据库通知相关文件
• 246-18 前端React获取通知数据
• 247-19 页面顶部通知消息获取列表组件
• 248-20 通知识消息的路由解释
• 249-21 阅读通知tanstack mutation操作
• 25-24 初始化 React19项目
• 250-22 通知组件不调用 tanstack query onSucc
• 251-23 读取通知并更改 react 组件
• 252-24 更改通知请求接口为 get 请求
• 253-25 会员中心通知页面
• 254-26 添加删除所有通知组件
• 255-27 完成删除所有站内通知消息的功能
• 256-28 调整通知组件的格式
• 257-29 单独删除某个通知消息
• 258-30 完成会员中心通知消息模块
• 259-31 发表评论时触发站内通知
• 26-25 安装shadcnui 库
• 260-1 后台页面开发（声音小）
• 261-2 后台配置项的页面开发使用 tabs 与 card react
• 262-3 分享配置管理组件到独立的 react 组件中（声音小）
• 263-4 创建laravel 中间件用于处理网站全局配置（声音小）
• 264-5 laravel 后端配置项合并处理与控制器接口定义（声音小）
• 265-6 前端使用 tanstack query 获取配置项（声音小）
• 266-7 修复配置项中间件合并错误造成前端react 读取异常（声音小
• 267-8 完成网站 logo图片上传处理（声音小）
• 268-9 保存配置项的 mutation 定义（声音小）
• 269-10 完成配置项功能的开发（声音小）
• 27-1 安装配置 tanstack router
• 270-11 封装 React HdTextarea 组件（声音小）
• 271-12 网站开启配置与 hdRadioGroup react组件
• 272-13 阿里云后台配置
• 273-14 邮箱发送配置
• 274-15 微信公众号配置与使用 js-md5生成 token 值
• 275-16 token 生成与复制到剪贴板操作
• 276-17 文件上传配置
• 277-18 在线支付配置项react 组件定义
• 278-19 添加 react 套餐页面
• 279-20 套餐元素组件开发完成
• 28-2 配置定义router context
• 280-21 添加套餐管理按钮
• 281-22 使用shadcn的 dialog来管理组件
• 282-23 套餐后台文件定义包括数据填充工厂等
• 283-24 完成套餐控制器路由的后端定义
• 284-25 前端 react 获取套餐数据并显示
• 285-26 推荐套餐使用不同的样式来处理
• 286-27 React Form组件的 PROPS 使用注意事项
• 287-28 套餐表单配置完成
• 288-29 保存与更新套餐的 mutation 操作
• 289-30 shadcn ui dialog空格显示控制
• 29-3 完成 useAuth hook使用 react conte
• 290-31 修复保存数据后不更新的问题
• 291-32 套餐删除操作
• 292-33 前台套餐页面布局
• 293-34 前台套餐页面开发完成
• 294-35 前台套餐管理按钮只有超管可以查看
• 295-36 下载安装 laravel12
• 296-37 更新到 laravel12
• 297-38 调整套餐样式的界面
• 298-39 添加学习动态测试数据
• 299-1 后台读取课程列表
• 3-2 初始化 laravel 项目
• 30-4 安装配置 tanstack query 查询库
• 300-2 修改课程的 tanstack query 的查询参数
• 301-3 后台重新整理课程页面
• 302-4 使用 dialog 处理课程的添加与修改
• 303-5 添加课程表单设置
• 304-6 使用 useQueryClient 控制课程刷新缓存
• 305-7 删除课程 react 组件按钮
• 306-8 laravel 课程排序问题修复
• 307-9 使用 tanstack router 定义章节管理页面
• 308-10 视频列表react组件定义
• 309-11 分离 react 视频列表组件
• 31-5 使用tanstack query 获取当前数据数据
• 310-12 使用SortableJS处理课程章节的排序
• 311-13 完成章节排序任务
• 312-14 组织react 组件的文件结构
• 313-15 章节视频排序处理
• 314-16 完成章节视频的排序操作
• 315-17 修改 shadcn dialog 的按钮
• 316-18 使用tanstack query 保存或更新章节数据
• 317-19 章节管理完成并控制 shadcn dialog 的显示
• 318-20 完成章节的添加修改操作
• 319-21 完成章节删除操作
• 32-6 配置后端获取当前用户接口
• 320-22 修复删除章节后tanstack query 刷新缓存失效的
• 321-23 使用react Sheet抽屉组件显示章节视频列表
• 322-24 后台上传文件处理与上传资源表定义
• 323-25 后台视频上传写入到视频表里
• 324-26 安装BarLoader用于显示上传动画
• 325-27 定义新的视频 ts 类型用于处理上传场景
• 326-28 使用 onStart 与 onSuccess 处理上传进度
• 327-29 修复多选文件上传显示错误的问题
• 328-30 使用 tanstack query 请除查询缓存
• 329-31 解决上传后不更新章节视频列表的问题
• 33-7 成功获取当前用户信息
• 330-1 生成阿里云 api 用户用于操作 oss 与 cdn
• 331-2 阿里云 cdn 设置与域名解析
• 332-3 阿里云 cdn 的 https 证书配置
• 333-4 定义ossService 服务用于处理阿里云 oss 上传操
• 334-5 成功上传文件到阿里云 oss
• 335-6 私有 oss 块cdn 回源设置，解决不能访问的问题
• 336-7 cdn流量限制 与防盗链的配置技巧
• 337-8 阿里云 url 鉴权的使用方法
• 338-9 对cdn 访问 url 进行签名加密
• 339-10 设置图片的阿里云 oss 与 cdn 服务
• 34-8 路由的全局配置
• 340-11 图片 cdn 的https证书申请
• 341-12 阿里云图片 cdn 的 https 证书配置
• 342-13 图片的 cdn 与 oss 处理完成
• 343-14 使用oss 与 cdn 的总结与节约费用的思路
• 344-15 调整 herd 文件上传大小设置
• 345-1 使用花生壳做内网穿透以及 nginx 的代理设置
• 346-2 安装微信 SDK 用于操作公众号
• 347-3 修改react 组件中微信公众号的配置项变量
• 348-4 成功绑定微信公众号
• 349-5 成功收到微信的被动消息
• 35-9 安装需要的 shadcn 组件库
• 350-6 将微信的业务独立到单独的文件处理
• 351-7 被动消息的处理器测试
• 352-8 在线签到的微信操作思路
• 353-9 使用微信进行网站快速签到
• 354-10 创建 wechatservice 服务用于处理微信用户注册
• 355-11 通过 openid 注册网站用户
• 356-12 不允许用户重复进行网站签到的处理
• 357-1 微信扫码登录思路分析
• 358-2 定义生成微信二维码的接口
• 359-3 前端显示微信二维码组件的开发
• 36-10 调整登录页面样式
• 360-4 帐号与微信登录方式切换
• 361-5 刷新微信登录二维码
• 362-6 后台处理微信被动扫码消息与前端保存 ticket值
• 363-7 定义 mutation 使用轮询进行微信扫码登录
• 364-8 完成微信扫码登录操作
• 365-9 微信初始化在中间件里完成
• 366-10 完成微信处理器类的依赖注入
• 367-11 会员中心绑定微信开始开发
• 368-12 重构微信二维码 ticket 获取逻辑
• 369-13 完成会员中心微信绑定功能
• 37-11 完成登录界面的开发
• 370-1 后台订单列表页面
• 371-2 添加订单迁移数据
• 372-3 前台tanstack query 获取订单数据
• 373-4 定义订单的 typescript 类型
• 374-5 展示订单数据并处理订单分页
• 375-6 订单搜索功能 react 组件开发
• 376-7 分页时保存查询参数
• 377-8 增加订单 dialog 用于显示订单详情
• 378-9 后台订单获取时关联用户
• 379-10 订单详情显示购买用户资料
• 38-12 安装 shadcn 代码片段插件提高开发速度
• 380-1 在线支付业务分析
• 381-2 后台统一下单接口
• 382-3 react 支付宝下单组件
• 383-4 统一下单功能完成
• 384-5 支付宝网站申请支付的操作
• 385-6 安装支付处理扩展包
• 386-7 成功发起支付宝支付
• 387-8 第一次支付宝付款成功
• 388-9 支付通知消息的处理
• 389-10 处理用户订阅时间
• 39-13 使用 tanstack query 发送 post 请求用
• 390-11 订阅时间没有过期时的订阅处理
• 391-12 laravel修改订阅时间失败的问题
• 392-13 做一个漂亮的 dialog 支付确认框
• 393-14 支付确认dialog 样式优化
• 394-15 支付配置项使用中间件处理
• 395-16 完成课程的购买操作
• 396-17 购买课程成功后跳转到会员中心课程列表页面
• 397-18 已经购买的课程不显示支付按钮
• 398-19 微信支付开通流程
• 399-20 修改微信支付证书
• 4-3 成功看到 laravel 欢迎页面
• 40-14 前端使用 zod 进行表单验证
• 400-21 安装生成二给码的图片处理库
• 401-22 react获取微信支付二维码图片接口
• 402-23 微信支付获取订单并换取二维码图片
• 403-24 成功创建微信支付二维码图片
• 404-25 支付typescript 类型使用联合类型方式
• 405-26 完成支付 react 组件的优化
• 406-27 新增模型使用支付的思路
• 407-28 章节中购买课程的方式
• 408-29 优化微信支付 React 组件
• 409-30 微信支付样式调整
• 41-15 安装定义 zustand 全局状态管理库
• 410-31 完成微信支付功能的开发
• 411-32 订阅套餐使用微信扫码支付
• 412-33 测试支付宝支付
• 413-34 微信异步通知路由配置
• 414-35 套餐成功使用微信支付
• 415-36 使用微信购买课程
• 416-1 修图视频排序与通知不跳转的问题
• 417-2 网站后台配置项处理
• 418-3 后台公共配置项接口
• 419-4 定义获取公共配置的 react hook useConfig
• 42-16 完成使用 zustand 进行后端验证数据的显示
• 420-5 tanstackRouter Context 处理配置项
• 421-6 使用useConfig 处理全局配置项
• 422-7 修复微信扫码登录与支付包冲突的问题
• 423-8 微信扫码登录后显示欢迎消息
• 424-9 会员中心在新窗口打开及课程购买测试
• 425-10 网站订阅支付测试成功
• 426-11 支付宝课程购买成功
• 427-12 测试签到功能
• 428-1 Error 组件使用方法介绍
• 43-17 更改 shadcn 的颜色风格
• 430-3 播放面没有权限时显示订阅内容
• 431-4 前台课程组件可以即时编辑
• 432-5 没有购买课程的用户不允许观看操作
• 433-6 课程页面高清视频下载组件
• 434-7 章节与视频插入页面高清下载组件的控制
• 435-1 编译项目时修复 tsc 错误
• 436-2 把 typescript 错误修复完成
• 437-3 安装vite 插件监测编译文件大小与开始编译压缩
• 438-4 设置编译目录与包分块处理
• 439-5 后台使用软链接到前台项目
• 44-18 shadcn 颜色失败的解决方法使用正则快快速处理
• 440-6 使用域名本地访问网站
• 441-7 宝塔创建站点并上传配置项目
• 442-8 配置站点信息并访问网站
• 443-9 修改数据填充的静态资源域名
• 444-10 修复静态资源访问错误的问题
• 445-11 项目完结，祝福大家
• 45-19 页面导航组件定义
• 46-20 安装图标库制作网站 logo
• 47-21 制作用户下拉菜单组件
• 48-22 快速使用 cursor插件将 json 转成 typesc
• 49-23 清除请求缓存重新刷新数据
• 5-4 使用laravel migration 创建lesson 数
• 50-24 生成随机用户头像与用户下拉组件样式
• 51-25 定义dayjs插件并使用其他设置时间格式
• 52-26 完成用户退出操作
• 53-27 使用 route 组件做为所有子页面的布局张组件
• 54-28 如果定义tanstack rouer 的 params 2
• 55-29 定义分页接口数据的 typescript 类型
• 56-30 粉什么查询要使用 key 及后端课程填充数据优化
• 57-31 完善课程组件
• 58-32 再次调整课程组件
• 59-33 当前匹配路由样式设置
• 6-5 使用laravel 数据工厂factory与数据填充 see
• 60-34 自定义页面加载动画效果
• 61-1 安装中文语文包
• 62-2 后台处理响应的页面链接
• 63-3 查询参数ts 类型的声明方式
• 64-4 分页组件完成开发
• 65-5 分页绑定 onChange 事件
• 66-6 定义课程详细页数据接口
• 67-7 课程详情页排版与支付按钮处理
• 68-8 章节元素组件定义
• 69-9 章节数据请求接口服务
• 7-6 返回课程资源数据
• 70-10 章节详情页完成开发
• 71-11 视频详情页开发
• 72-12 安装头条视频播放器
• 73-13 视频播放器尺寸设置
• 74-14 视频播放列表可以滚动并突出显示当前播放视频
• 75-15 视频标题组件处理
• 76-16 视频详情页章节列表组件
• 77-17 课程组件可以显示章节列表
• 78-18 底部版权信息组件
• 79-19 章节列表组件渲染
• 8-7 章节与课程确定关联关系及数据关联填充操作
• 80-20 优化页码组件不使用 a 链接跳转
• 81-21 修复视频表不滚动与课程分页不跳转的问题
• 82-22 话题讨论列表获取
• 83-23 后台话题模型等文件创建
• 84-24 话题控制器接口
• 85-25 话题讨论列表页面
• 86-26 发表话题页面
• 87-27 话题发表 mutation 定义
• 88-28 安装cherry-markdown markdown 编辑
• 89-29 组件获取编辑器的内容 自定义onChange事件
• 9-8 定义 Model 反向关联与视频数据填充操作
• 90-30 后端图片上传接口与前端上传服务
• 91-31 文件上传与软链接的配置
• 92-32 完成 markdown 编辑器图片上传的处理
• 93-33 话题详情页展示
• 94-34 评论发表组件
• 95-35 用户头像组件与编辑器尺寸调整
• 96-36 前后端分别转换 markdown
• 97-37 使用tailwindcss-typography显示 ma
• 98-38 贴子表单复用
• 99-39 完善话题的表单提交组件