--- title: "02-项目总览" created: 2025-12-02 tags: - 项目 aliases: - 项目总览 --- # 项目总览 ## 一、项目介绍 这是一套以 **AI 开发实战 + 后端架构设计** 为核心的项目教程，基于 Spring Boot 3 + LangChain4j + Vue 3 开发对标大厂的 **企业级 AI 代码生成平台**，带大家掌握新时代程序员必知必会的 AI 智能体开发、AI 工作流等前沿技术，大幅提升求职竞争力！ ![[image-bf34809d.png]] ### 4 大核心能力 1）智能代码生‍成：用户输入需求描述，AI⁡ 自动分析并选择合适的生成‎策略，通过工具调用生成代码‎文件，采用流式输出让用户实时看到 AI 的执行过程。 ![[image-bf34809d.png]] 2）可视化编‍辑：生成的应用将实时展⁡示，可以进入编辑模式，‎自由选择网页元素并且和‎ AI 对话来快速修改页面，直到满意为止。 ![[image-48324f52.png]] 3）一键部‍署分享：可以将生成的⁡应用一键部署到云端并‎自动截取封面图，获得‎可访问的地址进行分享，同时支持完整项目源码下载。 ![[image-cd62aa3b.png]] 查看精选案例： ![[image-f3b34f9d.png]] 4）企业级管理：提‍供用户管理、应用管理、系统监控、业务⁡指标监控等后台功能，管理员可以设置精‎选应用、监控 AI 调用情况和系‎统性能。 ![[image-4411b368.png]]![[image-4411b368.png]]![[image-098c8d4e.png]] 当你学会这个项目后‍，你不仅能开发 AI 代码生成器，⁡更能灵活开发各种复杂的 AI 应用‎：AI 写作助手、AI 设计工具、‎AI 数据分析平台、AI PPT 制作大师，尽情发挥自己的想象力吧！ ### 为什么做这个项目？ 1）大厂都在做‍：如今各大厂都在疯狂布局 ⁡AI 编程赛道，无论是网页‎端的 AI 应用生成器，还‎是客户端 IDE 和 AI 编程插件，已经成为风口。 2）找工作‍好用：随着 AI 发⁡展，企业对 AI 开‎发者需求激增，掌握 ‎AI 应用开发的程序员在求职时极具优势。 3）技术值‍得学：此类项目的实⁡现不仅需要 AI ‎智能体 / 工作流‎开发技术，还需要各种后端技术和架构设计能力。 ![[image-8f4985cd.png]] ## 二、项目优势 ### 项目收获 本项目紧跟 AI 时代、选题新颖、**对标大厂** 产品业务、技术丰富。区别于增删改查的烂大街项目，鱼皮会带你实战大量新技术和企业应用场景，掌握层层递进的系统设计、项目扩展和优化方案，帮你成为 AI 时代企业的香饽饽，给你的简历和求职大幅增加竞争力！ 微服务 A‍I 全栈项目，技术⁡丰富，玩透 Lan‎gChain4j~ ![[image-1cb63bca.png]] 业务场景真实，实践大量企业解决方案： ![[image-f3b2494f.png]] 鱼皮给大家讲的是 **通用的项目开发方法、企业级架构设计套路和最新的 AI 应用开发技术**，从这个项目中你可以学到： - 如何基于 LangChain4j 构建 AI 应用，实现真正的 AI 驱动业务？ - 如何基于 LangGraph4j 实现 AI 工作流，实现复杂的 AI 智能体？ - 如何设计 AI 工具调用机制，让 AI 智能生成复杂项目？ - 如何实现 AI 流式输出 + 响应式编程，提升并发性能？ - 如何使用 Spring Cloud Alibaba + Dubbo 实现微服务架构？ - 如何设计复杂的 AI 对话记忆机制，实现多租户的 AI 服务架构？ - 如何利用 AI Vibe Coding 和代码生成引擎，快速实现企业级系统？ - 如何结合 Redis + Caffeine 构建高性能多级 AI 服务缓存？ - 如何从性能、安全性、稳定性、成本等角度全方面优化项目？ - 如何巧用多种设计模式，打造可扩展的企业级架构？ - 如何构建企业级监控体系，实时掌握系统和 AI 服务的状态？ - 如何实现动态网站浏览、网站截图和部署服务？ 此外，还能学会很多‍ AI 编程、系统架构设计、技术方案⁡对比的方法，提升排查问题、自主解决 ‎Bug 的能力。鱼皮还给大家提供了大‎量的项目扩展点，有能力的同学可以进一步拉开和别人的区分度，无限进步！ ### 鱼皮系列项目优势 鱼皮原创项目系列以 **实战** 为主，用 **全程直播** 的方式，**从 0 到 1** 带大家学习技术知识，并立即实践运用到项目中，做到学以致用。 此外，还提供如下服务： - 详细的文字教程或直播笔记 - 完整的项目源码 - 1 对 1 答疑解惑 - 专属项目交流群 - ⭐️ 现成的简历写法（直接写满简历） - ⭐️ 项目的扩展思路（拉开和其他人的差距） - ⭐️ 项目相关面试题、题解和真实面经（提前准备，面试不懵逼） - ⭐️ 前端 + Java 后端万用项目模板（快速创建项目） 比起看网上的教‍程学习，鱼皮项目系列的优势⁡：从学知识 => 实践项目‎ => 复习笔记 => 项‎目答疑 => 简历写法 => 面试题解的一条龙服务 从需求分析、技术选型、项目设计、项目初始化、Demo 编写、前后端开发实现、项目优化、部署上线等，每个环节我都 **从理论到实践** 给大家讲的明明白白、每个细节都不放过！ | 对比维度 | 跟学鱼皮项目 | 自学网上免费项目 | ⭐️ 鱼皮项目优势 | | --- | --- | --- | --- | | 项目选题 | ✅ 选题新颖，刻意避开网上热门项目 | 传统项目场景（博客、商城、管理系统） | 增加区分度，提高简历通过率 | | 学习人数 | ✅ 少，不容易撞车 | 百万以上，烂大街 | 增加区分度，提高简历通过率 | | 教学‍方式 | ✅ 全程直播，带你敲每一行代码、带你踩坑和解决 Bug，不漏过每一个细节 | 录制课程，视频虽然看起来简短、一帆风顺，但你遇到错误无从下手 | 降低学习门槛，减少学习时长 | | 直⁡播笔记 | ✅ 详细的官方笔记 + 精选学员优质笔记 | 有笔记，但未经筛选 | 学到更多知识细节 | | 视频内容 | ✅ 项目教程 + 经验分享 | 项目教程 | 学到更多编程经验 | | 项目源‎码 | ✅ 完整源码仓库 + 每章的提交记录 + 定期更新 | 只有代码包、不更新 | 节省时间，避免踩坑 | | 项目答疑 | ✅ 各项目交流群 + 答疑解惑 + 常见问题整理 | 无免费的‎答疑服务，遇到问题自行解决 | 节省时间 | | 简历写法 | ✅ 现成的简历写法 | 无 | 节省时间、提高简历通过率 | | 项目扩展 | ✅ 给出扩展思路 + 学员作品共享 | 无 | 开拓思路、拉开和其他人的差距 | | 项目面试 | ✅ 项目相关面试题、题解和真实面经 | 无 | 提前准备，面试不懵逼 | 编程导航已有 **近 20 套项目教程！**每个项目的学习重点不同，几乎全都是前端 + 后端的 **全栈项目** 。 详细请见：（在该页面右侧有教程推荐和学习建议） 往期项目介绍视频： ![[image-702e19ad.png]] ## 三、业务流程 ### 核心业务流程 从用户注册‍登录 => 创建应⁡用 => 修改应用‎ => 部署应用 ![[image-441dc014.png]] ### 应用管理流程 普通用户管理自己的应用： ![[image-2f422e87.png]] 管理员可以后台管理业务数据和监控系统状态： ![[image-b6ab4c78.png]] ### 解决方案实战 ![[image-f3b2494f.png]] AI 技术实战： - LangChain4j AI 智能体开发 - LangGraph4j AI 工作流开发 - AI 代码生成 Vibe Coding - AI 智能路由 - AI 提示词编写及优化技巧 - AI 工具调用 - AI 流式输出 - AI 结构化输出 - AI 对话记忆持久化（基于 Redis） - AI 对话记忆隔离 - AI 护轨 系统架构设计： - 微服务架构实战 - 多层缓存架构实战 - 响应式编程实战 - 实战 5 大设计模式，了解 10 个设计模式 - 多角度系统优化（性能/安全/稳定性/成本等） - Nginx 静态网站服务及反向代理 经典业务： - 后端代码生成 - 前端代码生成 - 动态部署服务设计实现 - Java 命令行调用 - 数据管理能力 - 游标分页查询设计 - 数据库索引优化实战 - COS 对象存储实战 - 截图服务设计开发 安全与权限： - 用户模块和 AOP 权限校验 - 流量保护 监控与可视化： - ARMS 系统性能监控和可视化 - Prometheus + Grafana 业务指标监控和可视化 ## 四、功能模块 ![[image-37eefba9.png]] ### 用户模块 - 用户注册 - 用户登录 - 用户注销 - 获取当前登录用户信息 - 用户权限控制 - 【管理员】管理用户 ### AI 代码生成模块 - 原生 HTML 项目生成 - 原生多文件项目生成 - ⭐️ Vue 工程项目生成 - ⭐️ AI 智能选择生成方案 - ⭐️ AI 工作流项目生成 ### 应用模块 - 用户基础功能 - 创建应用 - 编辑应用信息 - 删除自己的应用 - 查看应用详情 - 分页查询自己的应用列表 - 查看精选应用列表 - 用户高级功能 - ⭐️ 实时查看应用效果 - ⭐️ 应用部署 - ⭐️ 应用封面生成 - ⭐️ 可视化编辑应用 - 应用代码下载 - 管理功能 - 管理所有应用 - 设置精选应用 ### 对话历史模块 - 对话管理 - 保存用户消息 - 保存 AI 回复消息 - ⭐️ 游标分页查询对话历史 - 删除对话记录 - 对话记忆 - ⭐️ Redis 持久化会话记忆 - ⭐️ 多轮对话上下文保持 - ⭐️ 按应用隔离对话记忆 - 从数据库加载历史对话 - 对话记忆 TTL ### 监控模块 - ARMS 系统监控 - Java 应用性能监控 - 应用调用链追踪 - 异常分析诊断 - 网络请求性能监控 - 资源池监控 - AI 调用日志入库 - Prometheus 自定义指标监控 - Token 消耗监控 - AI 调用成功率监控 ### 系统优化 - ⭐ ️性能优化 - ⭐️ 安全优化 - ⭐️ 流量保护 - ⭐️ 成本优化 - ⭐️ 稳定性优化 ## 五、技术选型 ![[image-1cb63bca.png]] ### 后端 核心： - Spring Boot 3.x 框架 - Java 21 虚拟线程 - ⭐️ MyBatis Flex 数据访问 AI 技术： - ⭐️ LangChain4j 框架 - ⭐️ LangGraph4j 工作流引擎 - ⭐️ Tool Calling 工具调用 - ⭐️ Guardrails 护轨 - DeepSeek Chat/Reasoner 大模型 - ⭐️ 文生图 AI 大模型 - Open AI ChatModel 接入 数据存储： - MySQL 数据库 - ⭐️ Redis 分布式缓存 - ⭐️ COS 对象存储 - ⭐️ Caffeine 本地缓存 微服务： - ⭐️ Spring Cloud Alibaba - ⭐️ Dubbo RPC 调用 - ⭐️ Nacos 注册中心 - ⭐️ Higress 网关 设计模式： - ⭐️ 实战：门面模式、模板方法模式、策略模式、工厂模式、执行器模式 - 了解：适配器模式、代理模式、单例模式、观察者模式、建造者模式 监控运维： - ⭐️ ARMS 应用性能监控 - ⭐️ Prometheus 指标收集存储 - ⭐️ Grafana 可视化监控面板 工具库： - ⭐️ Redisson 流量保护 + 分布式 Session - ⭐️ Selenium + WebDriver 浏览器自动化 - jsoup 解析库 - Hutool 工具库 - Lombok 注解库 - Knife4j + Swagger 接口文档 ### 前端 核心： - Vue 3 + Composition API - Ant Design Vue 组件库 - Markdown 渲染 + 代码高亮 - Pinia 全局状态管理 - Axios 请求库 ⭐️ 工程化： - Vite 构建工具 - TypeScript 类型安全 - ESLint 代码校验 - Prettier 代码美化 - OpenAPI 代码生成 ### 工具 部署工具 - Nginx Web 服务器 开发工具 - ⭐️ Cursor 编辑器 AI Vibe Coding - JetBrains IDEA 后端 - JetBrains WebStorm 前端 ## 六、架构设计 从客户端发‍送请求开始，自上而⁡下经过一系列处理，‎最终得到响应结果。‎架构图如下： ![[image-aff35e6d.png]] ## 七、准备工作 ### AI 基础知识 请先观看《‍程序员鱼皮 AI 指⁡南》，了解 AI 基‎础知识和学习路线，后‎续在项目中实战时会有个大致的印象，便于学习理解。 ⭐️ 推荐观看视频版： 文字版： 如果项目经验不多、或者自主学习能力一般，建议学这个项目前，先学习鱼皮的 [AI 超级智能体项目](https://www.codefather.cn/course/1915010091721236482)、或者 [LangChain4j 实战 AI 编程助手项目](https://www.codefather.cn/course/1943267371799080961)，这样学这个项目时会更加轻松。 ### 工具资源 项目教程中涉及 ‍AI 编码（Vibe Codi⁡ng），建议至少准备一款 AI‎ 开发工具或插件，首推 Cur‎sor 和 Claude Code，个人实测能够满足需求。 当然，即使‍没有 AI 工具，⁡也不影响项目的学习‎，因为鱼皮会提供现成‎的代码。 ### 新建代码仓库 利用 Gi‍tHub 搭建开源⁡代码仓库，点 st‎ar 的都是精神股‎东 代码仓库： ### AI 学习资源 ### 1、AI 面试题 建议大家在学习 AI 项目的过程中，持续阅读 AI 大模型相关的面试题，巩固知识点。这块鱼皮已经帮大家拿捏了，我们的程序员面试刷题神器面试鸭搞了个 [AI 大模型面试题库](https://www.mianshiya.com/bank/1906189461556076546)，建议没事就阅读一些题目来学习学习。 ![[image-8e946b95.png]] ### 2、开源 AI 知识库 由于 AI 技术日新月异，建议大家平时多关注 AI 相关的资讯动态，比如 [鱼皮开源的 AI 知识库](https://github.com/liyupi/ai-guide)，汇总了热门的 AI 大模型和工具，比如 Deepseek 使用指南、提示词技巧分享、知识干货、应用场景、AI 变现、行业资讯、教程资源等一系列内容，帮助你快速掌握 AI 技术，走在时代前沿。 ![[image-35bee46b.png]] ### 3、免费 AI 交流 编程导航提供了 [免费的 AI 学习交流社区](https://ai.codefather.cn/)，大家可以畅所欲言！ ![[image-680eabf1.png]] ## 八、学习大纲 为了帮大家‍循序渐进地学习，鱼⁡皮将项目设计为三个‎阶段，可以根据自己‎的时间和水平按需学习。 ### 第一阶段 - 基础平台开发 第 1 期：项目总览 - 项目介绍 - 项目优势 - 业务流程 - 功能模块 - 技术选型 - 架构设计 - 准备工作（前置知识 + AI 学习资源） - 学习大纲 第 2 期：项目初始化 - 后端项目初始化 - 前端项目初始化 第 3 期‍：用户模块（前后端⁡）        ‎         ‎ - 库表设计 - 代码生成器 - 用户注册 - 用户登录 - 获取登录用户 - 用户注销 - 用户权限控制 - 用户管理 第 4 期：AI 生成应用 - LangChain4j 入门 - 原生应用生成（2 种模式） - SSE 流式输出 - 代码优化（多种设计模式） 第 5 期：应用模块（前后端） - 基础应用能力（增删改查） - 应用管理 - 应用生成 - 应用部署（3 种方案） - 前端页面生成和优化 ### 第二阶段 - 企业级功能扩展 第 6 期：对话历史模块（前后端） - 对话历史（增删改查） - 对话记忆持久化（网站修改能力） - Redis 分布式 Session 第 7 期：工程项目生成（前后端） - 工程项目生成方案（工具调用） - 工程项目浏览 - 工程项目部署 第 8 期‍：功能扩展（前后端⁡）        ‎         ‎ - 生成应用封面图 - 下载项目代码包 - AI 智能路由 第 9 期：可视化修改（前后端） - 方案设计 - 原生应用全量修改 - 工程项目增量修改 第 10 期：AI 工作流 - LangGraph4j 入门 - 工作节点构建 - 流程编排 ### 第三阶段 - 项目优化上线 第 11 期：系统优化 - 性能优化 - 实时性优化 - 安全性优化 - 稳定性优化 - 成本优化 第 12 期：项目部署上线 - 后端部署 - 前端部署 第 13 期：可观测性 - ARMS 平台接入 - 业务数据统计 - 可视化监控配置 第 14 期：微服务项目改造 - 微服务方案设计 - 微服务调用 - 微服务网关 - 前端联调 --- **项目分区导航**：⬅️ [[01-AI_零代码应用生成平台介绍|01-AI_零代码应用生成平台介绍]] | 02-项目总览 | ➡️ [[03-AI_零代码应用生成平台大纲|03-AI_零代码应用生成平台大纲]]