本节重点

经过前面几期的基础搭建，⁡我们的项目代码已经基本成型。本节我们将学习如何‍使用 LangChain4j 框架接入 AI ‍大模型，让 AI 根据用户的简单描述，自动生成⁡完整的网页应用                ‏

本节主要内容：

• 设计 AI 应用生成方案
• LangChain4j 框架入门
• 实现 AI 应用生成（2 种生成模式）
• 实现 SSE 流式输出提升用户体验
• 通过多种设计模式优化代码架构

一、需求分析

我们的需求⁡很好理解 —— 让‍ AI 根据用户的‍描述，自动生成完整的网⁡页应用。

本节先从最基础的需求开始，让 AI 能够生成 原生网页代码，并将代码文件保存到本地。

原生是指代⁡码中不需要引入第三方‍框架（比如 Vue ‍和 React），简⁡简单单、干干净净，更‏容易运行，实现起来更简单。

我们可以采用 2 种原生生成模式来满足不同的使用场景：

• 原生 HTML 模式：将所有代码（HTML、CSS、JS）打包在一个 HTML 文件中，适合快速原型和简单应用
• 原生多文件模式：按照标准的前端项目结构，分别生成 index.html、style.css 和 script.js 文件

二、方案设计

在正式开始⁡编码之前，我们需要‍先明确整个 AI ‍应用生成的核心流程⁡：

用户输入描述 → AI 大模型生成 → 提取生成内容 → 写入本地文件

这个看似简单的流程，实际上涉及不少技术细节。比如：

• 如何实现和 AI 的对话？