鱼皮原创项目系列以 【实战视频教程】 为主，从 0 到 1 带做，涵盖企业级 Java 后端 + 前端全栈项目、最新 AI 应用开发 + AI 编程项目、大厂架构进阶项目。已有 20 多套保姆级项目教程，并提供现成的源码、简历写法和面试题解，帮你用最快的速度学会做项目、写满简历、拿到 Offer。
按照本文的学习建议，认真完成并理解 4 个及以上的项目，做项目能力可达中大厂水平。
⭐️ 成为编程导航会员，畅学鱼皮的所有项目，还可获授权将项目作为毕业设计，并获取毕设建议。
所有项目资料均已加密，仅供加入者本人观看。拒绝盗版！盗版资料缺斤少两、没有 1 对 1 指导、没有更新，只会浪费更多时间！
此外，加入后还可享受以下服务：
| 教程资料 | 求职助力 |
|---|---|
| 详细的文字教程 / 直播笔记 | ⭐️ 现成的简历写法，直接写满简历 |
| 完整的项目源码 | ⭐️ 项目相关面试题解和真实面经 |
| 1 对 1 答疑解惑 + 专属交流群 | ⭐️ 项目扩展思路，拉开区分度 |
| 前端 + Java 后端万用项目模板 | ⭐️ 从学项目到拿 Offer 一条龙 |
比起看网上的教程自学，鱼皮项目系列的优势：学知识 → 做项目 → 答疑解惑 → 简历写法 → 面试题解，一条龙服务！
鱼皮坚持带大家做项目多年，已帮无数名小伙伴拿到了大厂级别的 Offer：
鱼皮的项目学习建议
如果你是程序员 / 计算机专业学生： 学完至少一门后端框架（比如 Spring Boot）或前端框架（比如 Vue）之后，跟着做项目效果更佳。一种最快速的学习方法是，先通过鱼皮的项目实战新技术，然后看完整的教程来系统学习新技术，事半功倍。如果还没有学完框架，请先按照 鱼皮的编程学习路线 补充知识。
如果你没有编程基础，只想快速用 AI 编程开发项目： 可以直接从阶段 1 中标注了 AI编程 的项目开始学起（比如 AI 热点监控工具），这些项目重点帮你掌握利用 AI 快速开发产品的方法和工作流，不需要系统学习编程语言和框架，也能跟着做出来。
💡 由于鱼皮的项目较多，如果你不确定该做哪些项目，可以从 编程导航会员中心 添加鱼皮的微信，鱼皮会根据你的个人情况来定制最适合你的快速学习路径。
鱼皮项目的推荐学习顺序
25 年之前的项目可以通过 介绍视频 快速了解，可以利用视频底部的章节条快速定位到对应的项目哦
阶段 1 - 新手入门
这些项目适合新手入门，建议按照顺序全部都做，根据自己的学习方向只做前端或后端，觉得简单就快速跳过。
1）用户中心项目
全栈入门 Spring Boot React MySQL Docker
基于 Spring Boot + React 的全栈用户中心系统，涵盖用户注册登录、权限管理等最常见的业务场景。适合新手入门，系统学习完整的项目开发流程和部署上线方法，做出第一个属于自己的全栈网站。
2）伙伴匹配系统
全栈入门 Spring Boot Vue3 Redis 移动端 可作为毕设
基于 Spring Boot + Vue 3 的移动端 H5 社交应用，帮助用户按标签搜索伙伴、建房组队、智能推荐相似用户。巩固开发流程，学习 Redis 缓存、分布式登录、事务、并发编程、大数据推荐算法等后端核心知识。
AI应用开发 后端 LangChain4j Spring Boot RAG MCP
基于 Spring Boot + LangChain4j 的 AI 编程小助手，可以帮助用户答疑解惑、推荐面试题、给出编程学习路线等。小而精，用 1 个项目快速实战 AI 对话记忆、结构化输出、AI Service、RAG 知识库、工具调用、MCP、SSE 流式输出等主流 AI 开发技术，适合新手快速入门 AI 应用开发。
AI编程 全栈 MCP Agent Skills OpenRouter 爬虫 可作为毕设
自动化发现并推送 AI 领域前沿热点的全网监控工具。以 Vibe Coding 为核心，基于 VS Code + GitHub Copilot，利用 MCP 和 Agent Skills 扩展 AI 编程能力，实战多源数据抓取（国内外搜索引擎 + Twitter）、OpenRouter 大模型接入、智能内容清洗和相关性分析、Aceternity UI 科技感组件库，掌握 AI 编程全链路工作流。
AI编程 AI应用开发 LangChain4j Spring Boot Vue3 全栈 可作为毕设
基于 Spring Boot + Vue 的程序员闯关式技术练兵场，AI 模拟产品经理出题、用户拖拽选择技术方案、AI 智能评分并调整薪资。以 AI 编程为核心开发方式，实战 LangChain4j AI 开发框架、结构化输出、对话记忆、工具调用、提示词工程，掌握企业级 AI 应用开发流程和技巧。
阶段 2 - 真实业务实战
这些项目业务完整，极具实用价值，建议选择 2 ~ 3 个，学完后要求能够独立完成 1 个类似项目的开发和上线。
AI应用开发 对标大厂 微服务 全栈 LangChain4j Spring Cloud Dubbo 可作为毕设
基于 Spring Boot 3 + LangChain4j + Vue 3 的微服务全栈项目，对标大厂的 AI 应用生成平台，用户输入需求即可由 AI 智能体自动生成完整的前后端项目代码。实战 AI 智能体、LangGraph4j 工作流、多种设计模式、Spring Cloud + Dubbo 微服务架构、多级缓存架构、COS 对象存储、Selenium 浏览器自动化、Nginx 反代部署、Vibe Coding、响应式编程、多维度系统优化、企业级监控体系，学习前沿技术的同时，大幅提升编程技能和架构设计能力。
2）智能协同云图库
企业级 全栈 Vue3 Spring Boot WebSocket DDD AI绘图 可作为毕设
基于 Vue 3 + Spring Boot + COS + WebSocket 的企业级智能协同云图库平台，可作为表情包网站、设计素材网站、壁纸网站、个人云盘、企业活动相册等。支持公开上传检索图片、管理员审核管理、私有空间批量管理编辑、团队空间实时协同编辑等。实战 MySQL 分库分表、Redis + Caffeine 多级缓存、COS 对象存储、Sa-Token 权限控制、DDD 领域驱动设计、WebSocket 实时通讯、JUC 并发编程、Disruptor 无锁队列、AI 绘图大模型、多种设计模式等。由浅入深，掌握层层递进的系统设计、项目扩展和优化方案。
企业级 全栈 AI应用开发 Vue3 React Spring Boot 可作为毕设
基于 Vue 3 + Spring Boot + AI 的智能答题应用平台，用户可基于 AI 快速制作并发布答题应用，在线答题并获得 AI 总结，还支持应用分享、资源管理、统计分析等功能。实战 AI 应用网站开发、React 跨端小程序开发、分库分表、分布式锁、缓存、幂等设计、设计模式、RxJava 响应式编程、SSE 实时推送、线程池隔离等，大幅提升开发经验和架构设计能力，助你成为项目负责人。
4）智能面试刷题平台
企业级 全栈 AI应用开发 Next.js Spring Boot Elasticsearch Redis 可作为毕设
基于 Next.js + Spring Boot + Redis + Elasticsearch 的面试刷题平台，支持创建题库、分词检索、在线刷题、刷题记录日历图、AI 生成题目题解、AI 模拟面试等。实战 React + Next.js 服务端渲染、多级缓存、Redisson 高级数据结构、Druid 并发、HotKey 探测、Sa-Token 权限控制、Nacos 动态配置、Sentinel 流控、反爬虫设计等，提升技术运用能力。
企业级 全栈 React Spring Boot 设计模式 Vert.x 可作为毕设
基于 React + Spring Boot + Picocli + 对象存储的代码生成器共享平台，包含 3 个循序渐进的子项目：本地代码生成器 + 代码生成器制作工具 + 在线代码生成器平台。实战 Java 命令行开发、FreeMarker 模板引擎、多种设计模式、对象存储、性能优化等十几种系统优化方法、分布式任务调度、Vert.x 响应式编程等，全面提升复杂业务的拆解和系统设计能力。
工具类 全栈 Spring Boot React 设计模式 SQL 可作为毕设
基于 Spring Boot + React 的智能化数据建表和模拟数据生成工具，支持可视化建表、智能导入、导入 Excel 等多种方式，一键生成建表 SQL、模拟数据和代码。实战多种设计模式（工厂、建造者、门面、策略）、Schema 设计、Druid SQL 解析器、FreeMarker 模板引擎、模拟数据、Excel 导入导出等。
阶段 3 - 快速补充技术栈
这些项目小而精，侧重于带你快速入门并实战某一项技术，可以按需选择学习。
AI应用开发 AI编程 后端 Spring AI RAG MCP AI智能体 可作为毕设
基于 Spring Boot + Spring AI 的 AI 应用开发实战教程，通过开发 AI 恋爱大师 + 拥有自主规划能力的超级智能体，带你掌握新时代程序员必会的 AI 概念、AI 工具和 AI 编程技术，实战 AI 会话记忆、RAG 检索增强、Tool Calling、MCP 服务开发、ReAct 智能体等典型场景。还涉及 OpenManus 源码剖析、Spring AI 底层原理、前端 AI 代码生成、Serverless 部署等扩展知识，内容全面，是后端转 AI 应用开发的首选项目。
AI编程 AI应用开发 全栈 Next.js GitHub App Vercel 可作为毕设
以 Vibe Coding 为核心的 Next.js 全栈 SaaS 项目，让 AI 自动翻译 GitHub 仓库的文档为多种语言并创建 PR。实战 GitHub App 开发、OAuth 授权、Webhook 实时推送、OpenRouter 统一接入多种 AI 大模型、Prisma 数据库 ORM、shadcn/ui 现代组件库、Vercel 快速部署上线，掌握 AI 编程的完整工作流。
3）聚合搜索平台
技术实战 全栈 Spring Boot Elasticsearch 设计模式 爬虫
基于 Vue 3 + Spring Boot + Elasticsearch 的聚合搜索中台，一站式检索多种类型的数据源。实战爬虫、Elastic Stack、多种设计模式、数据同步、JMeter 压力测试，掌握企业级搜索系统的设计和开发。
4）智能 BI 项目
AI应用开发 全栈 Spring Boot RabbitMQ React 可作为毕设
基于 React + Spring Boot + AIGC 的智能数据分析平台，用户只需导入数据并输入分析需求，AI 自动生成可视化图表和分析结论。实战异步化、线程池、RabbitMQ 消息队列、AI 应用开发、AI 提示词优化。
AI应用开发 后端 Spring Boot Spring AI WxJava 公众号开发 可作为毕设
基于 Spring Boot + WxJava + Spring AI 的公众号智能管理系统，涵盖多公众号管理、服务器认证、素材管理、回复管理、菜单管理、AI 自动回复等真实业务场景，实战内网穿透、Java 虚拟线程、AI 大模型接入、JUC 并发编程等。
阶段 4 - 技术进阶
这些项目涉及更多架构设计相关的知识，更侧重技术提升，建议能够熟练开发业务类项目再学习，可以在简历上补充技术轮子类项目。
1）API 开放平台
架构设计 全栈 Spring Boot Dubbo Gateway SDK开发 分布式 可作为毕设
基于 React + Spring Boot + Dubbo 的分布式 API 开放平台，大厂主流业务场景。实战前后端模板开发、分布式架构设计、SDK 开发、API 签名认证、Dubbo RPC、Gateway 微服务网关，掌握企业级平台型产品的设计和开发。
2）OJ 判题系统
架构设计 全栈 Spring Cloud Docker Vue3 微服务 可作为毕设
基于 Vue 3 + Spring Boot + Spring Cloud + Docker 的在线编程题目评测系统。实战前后端模板开发、多种设计模式、单体项目微服务改造、Linux 虚拟机远程开发、Docker 代码沙箱、Java 安全控制，掌握从单体到微服务的架构演进。
技术轮子 后端 Java Etcd Vert.x 设计模式
基于 Java + Etcd + Vert.x 从 0 到 1 手写高性能 RPC 框架，分为基础版和扩展版，基础版几小时就能写在简历上，搭配业务项目让简历更有竞争力。实战自定义网络协议、序列化、基于 Etcd 和 ZooKeeper 的注册中心、反射、动态代理、多种设计模式（单例/工厂/装饰者等）、SPI 机制、负载均衡、重试容错机制、Spring Boot Starter 注解驱动开发，大幅提升架构设计能力。
高并发 后端 Spring Boot TiDB Redis Pulsar 分布式
基于 Spring Boot 3 + Java 21 + MyBatis-Plus + TiDB + Redis + Pulsar + Docker + Nginx 的高并发分布式点赞系统。实战高并发、高性能、高可用、分布式架构、可观测性等核心技术，集成最新技术栈和架构设计方案，全面掌握企业级大流量系统的开发和优化经验。项目难度较大，强烈不建议项目经验小于 4 个的初级开发学习。
AI应用开发 架构设计 后端 Spring Boot OpenAI Docker 定时任务
基于 Spring Boot 的智能监控和 AI 自动回复工具，自动监控知识星球等平台的用户提问，调用 OpenAI 大模型生成专业回答，实现 7x24 小时自动客服。实战工厂模式、中介者模式、策略模式、OpenAI 集成、知识星球 API 对接、定时任务调度、Docker 容器化、Railway 云端部署，培养企业级架构设计思维。
其他项目 - 前端实战
这些项目以前端为核心，也融合了大量系统设计的方法，适合前端方向、或者后端已经熟练的全栈开发者学习。
前端进阶 全栈 Vue3 TypeScript Node.js 插件化架构 可作为毕设
基于 Vue 3 + Node.js 的全栈项目，从 0 实现 Web 终端组件和命令系统，打造极客范的浏览器主页应用。掌握 TypeScript、Vite、Pinia 状态管理、插件化架构设计，学习现代前端工程化和系统架构设计。难度较大，适合想进阶前端和设计模式的朋友学习。
前端进阶 Vue3 WebAssembly Monaco Editor 纯前端 可作为毕设
基于 Vue 3 的纯前端项目，通过闯关式交互帮助用户自学 SQL。实战 sql.js 库（WebAssembly）、Monaco Editor 代码编辑器、判题机制 + 关卡系统 + 模块化架构设计，学习如何用纯前端方案解决复杂业务问题，适合前端进阶和产品思维培养。
练手项目 前端 Vue3 TypeScript Monaco Editor
基于 Vue 3 + TypeScript + Ant Design + Monaco Editor 的 SQL 生成工具，用 JSON 生成结构化的复杂嵌套 SQL 语句。项目开发成本低、重逻辑轻页面，非常适合前端练手，学会用编程和算法思维解决实际问题。
4）测试鸭
创意项目 前端 React 状态管理
基于 React 的交互式网络安全自学网，极具创意的闯关式学习体验。实践前端网站引导、状态管理、模块化设计，适合想做创意类前端项目的同学。
其他项目 - 项目训练营 & 业务场景实战
练手项目 全栈 项目流程
以恋爱社交网站项目为例，学习从立项到上线的完整做项目流程 + 优化思路，适合想快速掌握项目开发全流程的同学。
2）真实业务场景实战教程
业务实战 后端 快速上手
主打小而精的企业真实业务实战教程，快速给简历增加亮点，包括：
练手项目 全栈 Spring Boot React
基于 Spring Boot + React + Ant Design + MySQL + Redis 的企业级周边系统，直观清晰地展示公司周边奖品、并且提高公司内部的周边申请和管理效率。
4）动态公告系统
练手项目 全栈 Spring Boot React SDK开发
基于 Spring Boot + MySQL + React + Ant Design + SweetAlert 的动态公告系统，包括后台公告管理和前端 SDK 开发，只需一行代码即可给项目增加灵活的公告弹窗展示能力。
万用项目模板
基于 Java SpringBoot 的项目初始模板，整合了常用框架和主流业务的示例代码。只需 1 分钟 即可完成内容网站的后端！还可以在此基础上快速开发自己的项目。
2）前端万用项目模板
基于 React + Ant Design 的项目初始模板，整合了常用框架和主流业务的示例代码。只需 1 分钟 即可完成网站的基础前端！还可以在此基础上快速开发自己的项目。
学好项目的建议
鱼皮原创系列项目是希望帮助大家真实提高项目开发水平，而不仅仅是抄了代码就完事，所以请大家尽可能多地按照下面的建议来学习项目。
1、选择合适的项目
一般情况下，做项目的前提是学完至少一门开发框架，比如前端的 Vue / React、后端的 Spring Boot。
一定要根据自己当前的技术栈和水平选择项目。 比如刚学完框架时，不要为了赶时间一上来就做微服务、高并发项目，很容易吃不消，而是要先从掌握项目基本的开发流程开始，一步步学习项目开发方法、逐渐接受新的技术。
刚开始学项目感觉难、做得慢，是很正常的，因为你缺少知识和经验。如果发现项目中有太多你没学过的技术、并且没有对应的教程讲解，那么就先暂停项目，即时补充知识，再来学习。
2、分清主次
时间紧急的情况下，后端方向的同学可以只看后端部分的教程、只做后端、运行接口文档即可，建议直接跳过前端部分的教程、也不要花时间去运行前端。否则可能因为不熟悉前端、折腾环境而浪费了大量时间。
前端同学也是同理。
3、多敲代码
我接触过一些同学，看完了几套视频教程后，还是无法自己敲项目，大概率就是因为做项目的过程中 “只顾着看教程” 了，没有自己动手练习。很多时候，看别人敲代码感觉并不难，但一看就会、一写就废，看完教程后，必须自己把每行代码都敲出来，才算是真正地学过这个项目，而不是将 “掌握理论”、“熟练背诵八股文” 作为学好项目的标准。
4、自主思考
在跟着视频教程做项目的过程中，尽量多思考，比如 “为什么要这么设计？这么设计有什么好处？为什么代码要这么写？有没有更好的写法？” 等等，必要时通过查阅资料来验证自己的思考。如果一味跟着讲师的节奏走，你或许可以完成项目，但是做完这个项目后，你可能很难自主做出一个类似的、或者更好的项目。有的时候，讲师说的不一定是最优解。
像我带大家做项目时，会经常引导大家思考。有时候故意留一个小坑，结果很多同学想都不想就跳到坑里了；也有些同学，能够提出和我不一样的实现方案，哪怕方案未必合理，能自己思考，就很棒了。
5、持续记录
在做项目的过程中，一定要多做笔记，不要觉得教程配套的笔记很详细了，自己就偷懒不写。笔记的作用是帮助自己复习，所以重点是记录自己做项目时的理解思考、遇到的问题和解决方案。此外，自己写过的每一行项目代码，都要完整地保存，等你学过更多技术知识后，再回过头来看自己的代码，一定会感叹自己的进步。
6、自主解决问题
这点是最重要的！ 很多同学一遇到问题就紧张、害怕、担心自己解决不了无法继续做项目，然后就疯狂求助他人。
负责任的说，我写代码近 8 年，从学生时代开始，可以说 99% 的 Bug 都是自己解决的，所以大家不要有这种担心，因为你学的技术几乎都是主流的，你遇到过的 Bug，别人也一定遇到过。在遇到项目报错时，要先搜集足够多的错误信息（比如通过日志），然后查阅搜索引擎（百度应该都知道吧）、技术社区、官方文档、甚至现在还可以 问 AI，大概率是有解决方案的。即使真的没办法解决，在向他人求助前，要保证自己的问题描述地足够清楚、并且清晰列举已经尝试过的解决方案，别人才能更快地帮你解决。
推荐阅读：利用编程导航解决问题
7、多读官方文档
如今新技术层出不穷，不可能每个新技术都有好心人给你录制保姆级教程。而且工作后，很多公司可能会有自研技术，只有内部同事用过，我们只能通过阅读文档来解决。所以建议大家在学完一门新技术后，花 1 ~ 2 个小时就好，阅读一下官方文档，不仅能了解一些教程讲解之外的技术特性，还能提升自己阅读文档、学习新技术的能力。
8、多写文档
除了记笔记外，每做完一个项目，都必须写一篇完整的项目总结文档。不要嫌麻烦，写总结文档的过程中，你会从上帝视角再回顾一遍整个项目的背景、设计、实现、亮点等，帮助你复习巩固、加深印象。也便于你更快地将项目写在简历上、或者开源和分享自己的项目。有能力的同学可以多画一些图，比如功能模块图、架构图、UML 类图等，正所谓一图胜千言，绘图能力也是优秀程序员必备的特质。
如果你发现自己写不出总结文档，那么大概率你对这个项目还是不够熟悉，没有完全掌握，这时再对照着自己的笔记快速回顾吧。
如果时间比较充足，最好是能够口述整个项目的背景、技术栈、核心业务流程、核心设计、项目难点、开发过程、测试过程、上线过程、解决过最复杂的问题等等，锻炼自己的表达能力，也为后续的面试做了准备。
9、自主优化
跟着教程完成项目后，需要给项目增加几个扩展点、或者回顾自己的代码并寻找优化空间（比如优化代码规范），从而增加简历的区分度。这也是区别是否能够入职大厂的一个重要因素。这个优化不一定是刚完成项目时立刻就去做的，可以等过了半年后，再以现在的水平去优化之前做过的项目，所以鱼皮上面也建议了，自己写的代码一定要留好。
10、上线项目
在本地完成项目后，最好将项目上线，并且在线上正常运行一段时间，跑通整个流程，这是独立开发者必备的技能。此外，之前也分享过，上线项目能够大幅增加简历的真实性。
11、主动分享
将项目上线、并且编写好项目总结文档后，可以将项目和文档分享给其他同学。这样做的好处是，其他同学会帮助你 “测试” 网站，指出项目的不足之处，从而给你带来更多优化项目的思路和机会，而且对其他同学也有帮助，会给你提供更多的正反馈。鱼皮刚开始做分享也是这样，通过输出知识给自己带来更多学习知识的动力。
12、学会合作
时间有限的情况下，不需要前端和后端都看教程并且自己实现，可以找和自己方向互补的朋友，协作开发，一起参加一些竞赛也是极好的。
如果能做到上面几点，认真完成并理解 4 个及以上的项目，做项目的能力可达中厂水平。
鱼皮项目学习导图
快速了解鱼皮原创系列项目的学习路径和重点知识。
推荐阅读
如何更快学好编程：编程导航学习板块
如何快速学会算法：算法导航 - 动画学算法网站
如何更快地找工作：编程导航求职指南
如何写出优质简历：保姆级写简历指南
快速突击面试重点：程序员面试刷题神器 - 面试鸭
1v1 模拟面试：模拟面试平台 - 面多多
如何学习 AI 知识：鱼皮的 AI 导航网站
编程学习常见问题：5000+ 常见问题参考
查看真实简历建议：编程导航简历参考
