课程定位与技术栈解析 本课程聚焦于「AI 全栈开发」,核心解决的是传统 Web 开发在面对复杂 AI 业务(如智能风控、多 Agent 协作)时架构薄弱、集成困难的问题。课程以 React 19 作为前端入口,后端采用 Elysia 框架构建高性能 HTTP 服务,运行时基于 Bun.js,数据层使用 Drizzle ORM。这种技术组合在当前前端工程中属…
本课程聚焦于「AI 全栈开发」,核心解决的是传统 Web 开发在面对复杂 AI 业务(如智能风控、多 Agent 协作)时架构薄弱、集成困难的问题。课程以 React 19 作为前端入口,后端采用 Elysia 框架构建高性能 HTTP 服务,运行时基于 Bun.js,数据层使用 Drizzle ORM。这种技术组合在当前前端工程中属于前沿且高效的生产级选型,特别强调利用 Elysia 的编译期类型推导和 Bun 的极速启动能力来打造稳定的 NetworkEngine。
适合有一定 TypeScript 基础、熟悉 React 常规开发但希望深入全栈及 AI 应用落地的开发者。课程内容并非从零搭建简单的 CRUD 系统,而是直接进入高并发、高安全要求的业务场景——即「登录注册+AI 风控」体系。通过这门课,你将学会如何将 React 19 的新特性(如 Actions、Server Components 概念)与后端 AI Agent 框架无缝对接。
课程结构严谨,建议按以下顺序对照源码实践:首先通过第 2 章夯实环境基础,重点理解为什么选择 Bun.js 替代 Node.js,以及 TanStack Router 相比传统 React Router 在类型安全和性能上的优势,这部分是后续高效开发的地基。接着进入第 5 章,深入分析 NetworkEngine 的构建,这是后端核心,学习如何封装 Fetch 请求、管理全局状态以及处理网络层的高可用逻辑。
核心难点在于第 9 章的 AI 风控进阶。这里不仅涉及手机号登录和 GitHub OAuth 2.0 的后端接口实现,更重要的是基于 LangChain.js 构建风控 Agent。你需要掌握 Zod 进行数据校验、JSON 输出格式化以及 Tool 工具的绑定,进而开发设备指纹生成、账号检测等具体 Tool。建议重点研读基于策略模式构建动态风控引擎的代码,这是将 AI 能力转化为实际业务规则的关键桥梁。最后,结合 Drizzle Schema 设计用户风控画像与审计流水表,完成从前端交互到后端 AI 决策再到数据库落盘的全链路闭环。
学完本资料包的前 9 章内容后,你将能够独立开发一套具备多 Agent 协作能力的 AI 全栈应用,具体包括:基于 React 19 + Elysia 的高性能前后端分离架构、集成 LangChain.js 的智能风控引擎、以及支持多种登录方式(手机号、OAuth)的安全认证体系。你可以参考课程中的 Drizzle 配置自行扩展数据库模型,或模仿 NetworkEngine 封装自己的 HTTP 客户端。
资料包中的视频文件对应具体功能点的讲解,而配套的说明文档和工程源码则是落地关键。建议在观看「环境配置」和「NetworkEngine 核心逻辑」章节时,务必亲手搭建本地 Bun 开发环境,并逐行阅读 Elysia 路由定义;在攻克「AI 风控」章节时,需对照 LangChain.js 的 Tool 实现代码,理解如何将设备信息获取、账户异常检测等功能封装为 LLM 可调用的方法。通过源码对照实践,而非单纯观看视频,才能真正掌握这套技术栈的工程化落地能力。
📁 第2章 功能实现必备技能之环境配置&知识储备 第2章 功能实现必备技能之环境配置&知识储备说明.zip [1.8 MB] 2-19 React props 组件之间通信的好帮手.mp4 [31.7 MB] 2-6 为什么更多工程师使用 Vite 安装 React.mp4 [21.2 MB] 2-10 为什么 TanStack Router 被称为React 的更高效路由解决方案.mp4 [12.1 MB] 2-1 用户端登录注册:业务与技术方案分析.mp4 [16.0 MB] 2-13 TanStack Router 页面操作,导航与参数的设置和获取.mp4 [70.2 MB] 2-7 react 和 react-dom 的区别是什么.mp4 [7.0 MB] 2-3 多种安装 Bun.js 的方案,总有一款适合你.mp4 [9.8 MB] 2-9 useEffect:React 处理副作用的强大工具.mp4 [37.7 MB] 2-21 React 自定义 hook,轻松实现个性化功能.mp4 [21.0 MB] 2-8 如何使用 useState 处理 react 中的 状态变量以及相关注意事项.mp4 [37.7 MB] 2-2 为什么Bun.js越来越被推崇,称为新一代JS运行时之王.mp4 [17.1 MB] 2-4 Bun.js 速览,掌握常用开发命令,轻松上手!.mp4 [21.3 MB] 📁 第9章 AI 风控进阶版--基于LangChain.js实现风控Agent 第9章 AI 风控进阶版--基于LangChain.js实现风控Agent资料.png [493.5 KB] 9-20 AI 风控引擎:开发前端设备信息获取工具.mp4 [98.0 MB] 9-19 AI 风控引擎:基于策略模式构建动态风控引擎.mp4 [120.3 MB] 9-14 AI 风控数据库:用户风控画像与审计流水 Drizzle Schema.mp4 [79.9 MB] 9-18 AI 风控引擎:实现 LangChain 设备与账户检测 tool.mp4 [216.7 MB] 9-2 为什么选择 LangChain.js 作为 AI Agent 框架?.mp4 [15.3 MB] 9-16 AI 风控引擎:基于 LangChain tool 模拟账号与设备检测.mp4 [23.7 MB] 9-11 第三方登录落地:开发后端登录接口&githubService.mp4 [124.4 MB] 9-7 手机号登录:接入阿里云短信服务,发送手机验证码.mp4 [106.7 MB] 9-6 手机号登录:完善前端短信验证码逻辑.mp4 [59.2 MB] 9-10 第三方登录落地:配置 GitHub OAuth 应用&实现前端逻辑.mp4 [74.9 MB] 9-13 AI 风控数据库:设计用户风控画像与审计流水表.mp4 [33.8 MB] 9-5 端侧风控前哨:前端设备指纹生成与请求头合规化注入.mp4 [32.8 MB] 9-15 AI 风控引擎:基于 LangChain 实现智算网关.mp4 [53.0 MB] 9-4 LangChain 核心技术之Zod、JSON 输出与 Tool 工具绑定.mp4 [44.0 MB] 9-1 登录注册之 AI 全链路风控技术方案分析.mp4 [11.0 MB] 9-8 手机号登录:实现验证码校验和手机号码登录接口口.mp4 [96.3 MB] 9-9 第三方登录方案:基于 OAuth 2.0 协议的标准授权原理分析.mp4 [16.5 MB] 9-12 数据库高阶:枚举、索引、多表联合查询技术.mp4 [26.8 MB] 9-17 AI 风控引擎:设计userdevices用户设备表和schema.mp4 [48.7 MB] 📁 第5章 构建 AI 时代的高性能网络引擎 NetworkEngine 第5章 构建 AI 时代的高性能网络引擎 NetworkEngine资料.zip [1.8 MB] 5-8 NetworkEngine 实战(六):实现 FetchEngine 的核心业务逻辑.mp4 [51.2 MB] 5-14 React 项目全局状态管理的技术选型分析.mp4 [20.8 MB] 5-9 NetworkEngine 实战(七):实现 FetchEngine 的核心业务逻辑.mp4 [103.0 MB] 5-11 NetworkEngine 实战(九):实现引擎的指挥调度中心.mp4 [31.6 MB] 5-4 NetworkEngine 实战(二):BaseEngine 通用函数的设计开发.mp4 [59.0 MB] 5-7 NetworkEngine 实战(五):分析 FetchEngine 的技术架构.mp4 [14.6 MB] 5-10 NetworkEngine 实战(八):实现 FetchEngine 的核心业务逻辑.mp4 [68.7 MB] 5-2 构建高性能网络引擎:NetworkEngine 的思路分析.mp4 [29.3 MB] 5-3 NetworkEngine 实战(一):标准化 ApiError 与多级配置模型.mp4 [75.4 MB] 5-12 基于 NetworkEngine 发送网络请求.mp4 [29.7 MB] 5-1 AI 应用之 http 请求工具的技术方案分析.mp4 [38.0 MB] 📁 第4章 用户端--登录注册模块之前端实现 第4章 用户端--登录注册模块之前端实现资料.png [493.5 KB] 4-6 基于 Vite 和 TS 配置项目的路径别名.mp4 [23.8 MB] 4-4 表单验证:基于 daisyUI Validator 轻松实现.mp4 [62.2 MB] 4-1 用户登录&注册页面:分析页面布局和技术实现.mp4 [10.4 MB] 4-9 配置 Vite 的 env 环境变量,满足不同开发模式的使用需求.mp4 [54.6 MB] 4-7 使用 TanStack Query , 高效的异步数据获取工具.mp4 [34.7 MB] 4-10 使用 TanStack Query 中的 useMutation 函数,处理用户注册和登录逻辑.mp4 [69.8 MB] 4-2 开发用户登录&注册页面:使用 Tailwind.css + daisyUI – 上.mp4 [56.6 MB] 4-8 使用 Vite 插件来 mock 数据,避免等待接口、提升研发效率.mp4 [38.3 MB] 4-3 开发用户登录&注册页面:使用 Tailwind.css + daisyUI – 下.mp4 [58.7 MB] 📁 第8章 AI 技术初露锋芒--守护登录注册安全 第8章 AI 技术初露锋芒--守护登录注册安全必看.zip [1.8 MB] 8-9 账号登录注册(五):基于Bun.password+elysia+drizzle实现接口.mp4 [82.7 MB] 8-15 开发 ipPlugin 插件:获取满足风控业务的完整 ip 信息.mp4 [101.8 MB] 8-10 AI 风控模块的设计思路分析.mp4 [15.7 MB] 8-2 Bun+Elysia 项目配置 env 支持多环境.mp4 [36.4 MB] 8-14 risk风控模块 ipPlugin 插件:技术思路分析.mp4 [12.4 MB] 8-6 账号登录注册(二):封装UniqueFiled组件&表单错误提示.mp4 [61.5 MB] 8-17 开发 rateLimitPlugin 插件:实现请求限流与计数器功能(下).mp4 [46.0 MB] 8-13 重构错误处理插件(errorPlugin)与 cleanSqlError 处理 sql 错误.mp4 [80.8 MB] 8-19 登录&注册接口融入 JWT 签发策略.mp4 [24.7 MB] 8-8 账号登录注册(四):基于 useQuery 完成前置校验功能.mp4 [96.6 MB] 8-11 AI 初体验:了解百炼大模型平台与 OpenAI SDK.mp4 [34.7 MB] 8-12 AI 初体验:使用 OpenAI SDK 对接百炼大模型.mp4 [50.9 MB] 8-1 登录&注册之 AI 风控架构与业务场景分析.mp4 [24.4 MB] 8-4 基于高并发需求的登录注册架构设计.mp4 [53.8 MB] 8-18 JWT vs Session vs Cookie:用户会话状态的技术选型分析.mp4 [10.3 MB] 8-16 开发 rateLimitPlugin 插件:实现请求限流与计数器功能(上).mp4 [66.5 MB] 8-7 账号登录注册(三):设置表单操作的相关状态.mp4 [39.0 MB] 📁 第7章 功能实现必备技能之 Elysia.js 全栈框架 第7章 功能实现必备技能之 Elysia.js 全栈框架文档.zip [1.8 MB] 7-4 从单体到模块化:基于 .group() & .use() 构建优雅的 Elysia 架构.mp4 [27.7 MB] 7-3 Elysia.js 核心:掌握 GET&POST 路由与数据验证.mp4 [53.7 MB] 7-6 异常防御架构:基于 .onError() 打造全场景错误拦截插件.mp4 [60.0 MB] 7-7 使用 Bun 快速操作 PostgreSQL 数据库.mp4 [13.4 MB] 7-5 API 架构设计:使用 .derive() 实现 api 接口响应规范插件.mp4 [59.9 MB] 7-8 常用的 ORM 框架技术选型分析.mp4 [19.0 MB] 7-1 为什么 Elysia.js 被称为必学的高性能 AI 全栈框架.mp4 [34.8 MB] 📁 第3章 功能实现必备技能之 CSS 知识储备 第3章 功能实现必备技能之 CSS 知识储备文档.zip [1.8 MB] 3-9 daisyUI 凭什么能在众多UI框架中脱颖而出.mp4 [26.4 MB] 3-7 Tailwind 伪类与伪元素:CSS选择器的高级玩法(上).mp4 [47.8 MB] 3-4 Tailwind 排版样式速成:从基础到高阶定制(下).mp4 [59.5 MB] 3-3 Tailwind 排版样式速成:从基础到高阶定制(上).mp4 [62.8 MB] 3-6 Tailwind 颜色系统:样式运用+自定义色彩主题.mp4 [60.5 MB] 3-8 Tailwind 伪类与伪元素:CSS选择器的高级玩法(下).mp4 [75.7 MB] 3-1 为什么工程师们认为 Tailwind.CSS 会重塑前端传奇.mp4 [31.1 MB] 📁 第6章 功能实现必备技能之 PostgreSQL 数据库 第6章 功能实现必备技能之 PostgreSQL 数据库说明.png [493.5 KB] 6-10 PostgreSQL入门:关键字的底层执行顺序.mp4 [23.6 MB] 6-5 PostgreSQL 入门:必备的增删改查技能(上).mp4 [36.4 MB] 6-6 PostgreSQL 入门:基础查询与条件过滤(上).mp4 [28.6 MB] 6-1 为什么 PostgreSQL 被认为是 AI 时代的首选全能数据库.mp4 [24.9 MB] 6-9 PostgreSQL 入门:常用的五大类函数 SQL 实战.mp4 [53.5 MB] 6-3 PostgreSQL入门:字段类型和约束(上).mp4 [26.6 MB] 6-7 PostgreSQL 入门:基础查询与条件过滤(下).mp4 [47.7 MB] 6-4 PostgreSQL入门:字段类型和约束(下).mp4 [39.9 MB] 6-8 PostgreSQL 入门:常用的五大类函数.mp4 [46.8 MB] 📁 第1章 把握AI浪潮:解锁时代机遇 第1章 把握AI浪潮:解锁时代机遇说明.zip [1.8 MB] 1-1 1人=AI全栈,你准备好了吗?.mp4 [32.1 MB] 📁 资料 资料文档.png [493.5 KB] ai-fullstack-code.exe [2.7 MB]