编程导航教程

首页

1 - 项目总览

2025-07-25 11:01
阅读 3.7w
评论
问答
笔记
0个评论
点击登录,快来和大家讨论吧~
表情
图片
暂无评论
大纲
    20

    一、项目介绍

    这是一套以 AI 开发实战 + 后端架构设计 为核心的项目教程,基于 Spring Boot 3 + LangChain4j + Vue 3 开发对标大厂的 企业级 AI 代码生成平台,带大家掌握新时代程序员必知必会的 AI 智能体开发、AI 工作流等前沿技术,大幅提升求职竞争力!

    4 大核心能力

    1)智能代码生成:用户输入需求描述,AI 自动分析并选择合适的生成策略,通过工具调用生成代码文件,采用流式输出让用户实时看到 AI 的执行过程。

    2)可视化编辑:生成的应用将实时展示,可以进入编辑模式,自由选择网页元素并且和 AI 对话来快速修改页面,直到满意为止。

    3)一键部署分享:可以将生成的应用一键部署到云端并自动截取封面图,获得可访问的地址进行分享,同时支持完整项目源码下载。

    查看精选案例:

    4)企业级管理:提供用户管理、应用管理、系统监控、业务指标监控等后台功能,管理员可以设置精选应用、监控 AI 调用情况和系统性能。

    当你学会这个项目后,你不仅能开发 AI 代码生成器,更能灵活开发各种复杂的 AI 应用:AI 写作助手、AI 设计工具、AI 数据分析平台、AI PPT 制作大师,尽情发挥自己的想象力吧!

    为什么做这个项目?

    1)大厂都在做:如今各大厂都在疯狂布局 AI 编程赛道,无论是网页端的 AI 应用生成器,还是客户端 IDE 和 AI 编程插件,已经成为风口。

    2)找工作好用:随着 AI 发展,企业对 AI 开发者需求激增,掌握 AI 应用开发的程序员在求职时极具优势。

    3)技术值得学:此类项目的实现不仅需要 AI 智能体 / 工作流开发技术,还需要各种后端技术和架构设计能力。

    二、项目优势

    项目收获

    本项目紧跟 AI 时代、选题新颖、对标大厂 产品业务、技术丰富。区别于增删改查的烂大街项目,鱼皮会带你实战大量新技术和企业应用场景,掌握层层递进的系统设计、项目扩展和优化方案,帮你成为 AI 时代企业的香饽饽,给你的简历和求职大幅增加竞争力!

    微服务 AI 全栈项目,技术丰富,玩透 LangChain4j~

    业务场景真实,实践大量企业解决方案:

    鱼皮给大家讲的是 通用的项目开发方法、企业级架构设计套路和最新的 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 套项目教程!**每个项目的学习重点不同,几乎全都是前端 + 后端的 全栈项目 。

    详细请见:https://codefather.cn/course(在该页面右侧有教程推荐和学习建议)

    往期项目介绍视频:https://bilibili.com/video/BV1YvmbYbEgS

    三、业务流程

    核心业务流程

    从用户注册登录 => 创建应用 => 修改应用 => 部署应用

    应用管理流程

    普通用户管理自己的应用:

    管理员可以后台管理业务数据和监控系统状态:

    解决方案实战

    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 业务指标监控和可视化

    四、功能模块

    用户模块

    • 用户注册
    • 用户登录
    • 用户注销
    • 获取当前登录用户信息
    • 用户权限控制
    • 【管理员】管理用户

    AI 代码生成模块

    • 原生 HTML 项目生成
    • 原生多文件项目生成
    • ⭐️ Vue 工程项目生成
    • ⭐️ AI 智能选择生成方案
    • ⭐️ AI 工作流项目生成

    应用模块

    • 用户基础功能

    • 创建应用

    • 编辑应用信息

    • 删除自己的应用

    • 查看应用详情

    • 分页查询自己的应用列表

    • 查看精选应用列表

    • 用户高级功能

    • ⭐️ 实时查看应用效果

    • ⭐️ 应用部署

    • ⭐️ 应用封面生成

    • ⭐️ 可视化编辑应用

    • 应用代码下载

    • 管理功能

    • 管理所有应用

    • 设置精选应用

    对话历史模块

    • 对话管理

    • 保存用户消息

    • 保存 AI 回复消息

    • ⭐️ 游标分页查询对话历史

    • 删除对话记录

    • 对话记忆

    • ⭐️ Redis 持久化会话记忆

    • ⭐️ 多轮对话上下文保持

    • ⭐️ 按应用隔离对话记忆

    • 从数据库加载历史对话

    • 对话记忆 TTL

    监控模块

    • ARMS 系统监控

    • Java 应用性能监控

    • 应用调用链追踪

    • 异常分析诊断

    • 网络请求性能监控

    • 资源池监控

    • AI 调用日志入库

    • Prometheus 自定义指标监控

    • Token 消耗监控

    • AI 调用成功率监控

    系统优化

    • ⭐ ️性能优化
    • ⭐️ 安全优化
    • ⭐️ 流量保护
    • ⭐️ 成本优化
    • ⭐️ 稳定性优化

    五、技术选型

    后端

    核心:

    • 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 前端

    六、架构设计

    从客户端发送请求开始,自上而下经过一系列处理,最终得到响应结果。架构图如下:

    七、准备工作

    AI 基础知识

    请先观看《程序员鱼皮 AI 指南》,了解 AI 基础知识和学习路线,后续在项目中实战时会有个大致的印象,便于学习理解。

    ⭐️ 推荐观看视频版:https://www.bilibili.com/video/BV1i9Z8YhEja

    文字版:https://www.codefather.cn/course/1907378983347892226

    如果项目经验不多、或者自主学习能力一般,建议学这个项目前,先学习鱼皮的 AI 超级智能体项目、或者 LangChain4j 实战 AI 编程助手项目,这样学这个项目时会更加轻松。

    工具资源

    项目教程中涉及 AI 编码(Vibe Coding),建议至少准备一款 AI 开发工具或插件,首推 Cursor 和 Claude Code,个人实测能够满足需求。

    当然,即使没有 AI 工具,也不影响项目的学习,因为鱼皮会提供现成的代码。

    新建代码仓库

    利用 GitHub 搭建开源代码仓库,点 star 的都是精神股东

    代码仓库:https://github.com/liyupi/yu-ai-code-mother

    AI 学习资源

    1、AI 面试题

    建议大家在学习 AI 项目的过程中,持续阅读 AI 大模型相关的面试题,巩固知识点。这块鱼皮已经帮大家拿捏了,我们的程序员面试刷题神器面试鸭搞了个 AI 大模型面试题库,建议没事就阅读一些题目来学习学习。

    2、开源 AI 知识库

    由于 AI 技术日新月异,建议大家平时多关注 AI 相关的资讯动态,比如 鱼皮开源的 AI 知识库,汇总了热门的 AI 大模型和工具,比如 Deepseek 使用指南、提示词技巧分享、知识干货、应用场景、AI 变现、行业资讯、教程资源等一系列内容,帮助你快速掌握 AI 技术,走在时代前沿。

    3、免费 AI 交流

    编程导航提供了 免费的 AI 学习交流社区,大家可以畅所欲言!

    八、学习大纲

    为了帮大家循序渐进地学习,鱼皮将项目设计为三个阶段,可以根据自己的时间和水平按需学习。

    第一阶段 - 基础平台开发

    第 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 期:微服务项目改造

    • 微服务方案设计
    • 微服务调用
    • 微服务网关
    • 前端联调