鱼皮原创实战项目，保姆级教程！

加入项目系列学习：https://yupi.icu

鱼皮原创项目系列以 实战 为主，用全程直播的方式，从 0 到 1 带大家学习技术知识，并立即实践运用到项目中，做到学以致用。

此外，还提供了详细的直播笔记、项目源码、项目扩展思路、现成的简历写法、面试题、交流答疑等服务。

文末有加入学习的方式

项目概览

编程导航已有 10 多套保姆级项目教程，其中光鱼皮从 0 到 1 带大家做的就有 8 个了。每个项目的侧重点不同，大多数都是前端 + 后端的全栈项目：

• 🔥 AI 智能答题应用平台（最新）：基于 Vue 3 + Spring Boot + Redis + ChatGLM + RxJava + SSE 实现，用户可以基于 AI 快速制作并发布答题应用，在线答题并基于 AI 得到回答总结。教程由浅入深，可以学习实战 React 跨端小程序开发、Vue3 AI 应用网站开发，后端分库分表、分布式锁、分布式缓存、设计模式、RxJava 响应式编程、实时推送、系统优化等，大幅提升架构设计能力。
  

• 🔥 手写 RPC 框架（最新）：基于 Java + Etcd + Vert.x 的高性能 RPC 框架，用新颖的技术栈从 0 到 1 带大家开发轮子。教程由浅入深，可以学习并实践基于 Vert.x 的网络服务器、序列化器、基于 Etcd 和 ZooKeeper 的注册中心、反射、动态代理、自定义网络协议、多种设计模式（单例 / 工厂 / 装饰者等）、负载均衡器设计、重试和容错机制、Spring Boot Starter 注解驱动开发等，大幅提升架构设计能力。

• 🔥 定制化代码生成项目（最新）：基于 React + Spring Boot + Vert.x 响应式编程，又分为 3 个循序渐进的子项目：本地代码生成器（基于命令行的脚手架）+ 代码生成器制作工具 + 在线代码生成器平台。系统学习并实践 Java 命令行应用开发、FreeMarker 模板引擎、Vert.x 响应式编程、设计模式、系统设计的巧思、分布式任务调度系统等。

• 用户中心系统：基于 React + Spring Boot 的 PC 网站。适合学完框架的新手入门，系统学习完整的项目开发流程和上线方法。
• 伙伴匹配系统：基于 Vue 3 + Spring Boot + Redis 的移动端 APP。帮助巩固开发流程，学习 Redis、事务、并发编程、大数据推荐思想等后端知识。
• ⭐️ API 开放平台：基于 React + Spring Boot + Dubbo 的分布式项目。系统学习并实践前后端模板开发 + 架构设计 + SDK 开发 + API 签名认证 + Dubbo RPC + Gateway 微服务网关。
• ⭐️ 聚合搜索平台：基于 Vue 3 + Spring Boot + ES 的搜索中台项目。系统学习并实践爬虫 + Elastic Stack + 设计模式 + 数据同步 + JMeter 压力测试。
• ⭐️ 智能 BI 项目：基于 React + Spring Boot + AIGC 的智能数据分析平台。系统学习并实践异步化 + 线程池 + RabbitMQ 消息队列 + AIGC Prompt 优化。
• ⭐️ OJ 判题系统：基于 Vue 3 + Spring Boot + Docker 的在线判题系统。系统学习并实践前后端模板开发 + 设计模式 + Spring Cloud 微服务 + Docker 代码沙箱 + Java 安全。

项目试看

每个项目的第 1 期完整版都可以免费在线观看

定制化代码生成项目： https://www.bilibili.com/video/BV1ie411Q7AV

用户中心项目第 1 期：https://www.bilibili.com/video/BV1ze4y1471b

伙伴匹配项目第 1 期：https://www.bilibili.com/video/BV1hP411P7Eg

API 开放平台第 1 期：https://www.bilibili.com/video/BV1Nd4y157Dm

聚合搜索平台第 1 期：https://www.bilibili.com/video/BV1ks4y1V7jC/

智能 BI 项目第 1 期：https://www.bilibili.com/video/BV1Cg4y1G7oy

OJ 判题系统第 1 期：https://www.bilibili.com/video/BV1k841127EK

用户中心系统

项目介绍

企业中最常用的用户管理系统，实现了用户注册、登录、查询、管理等基础功能。

系统功能和业务流程并不复杂，目的是让大家更轻松地学习企业项目开发的完成流程（比如初始化项目、系统设计、单元测试、上线部署等），掌握从 0 到 1 独立开发项目 的方法。

鱼皮可以负责任地说，如果你有过前端或后端基础知识，学完并实践本项目教程后，你绝对 能独立开发和上线 大多数常见系统！

实战技术

前端

• HTML + CSS + JavaScript 三件套
• React 开发框架
• Ant Design Pro 项目模板
• Ant Design 端组件库
• Umi 开发框架
• Umi Request 请求库
• 正向和反向代理

后端

• Java 编程语言
• Spring + SpringMVC + SpringBoot 框架
• MyBatis + MyBatis Plus 数据访问框架
• MySQL 数据库
• JUnit 单元测试库

部署

• Linux 单机部署
• Nginx Web 服务器
• Docker 容器
• 容器托管平台

学习收获

1. 学会企业主流前后端开发技术的应用
2. 学到做项目的完整流程，能够独立开发及上线项目
3. 学到系统设计的方法和经验
4. 学到实际编码技巧，如开发工具、快捷键、插件使用
5. 学到代码优化技巧，如抽象封装、系统性能优化、节约资源
6. 学到登录态、代理、多环境、容器、跨域等重要的开发知识
7. 学到一些源码阅读的技巧
8. 提升自主解决问题的能力

伙伴匹配系统

项目介绍

帮助大家找到志同道合的伙伴的移动端网站（APP 风格），包括用户登录注册、更新个人信息、按标签搜索用户、推荐相似用户、组队等功能。

该项目基本 覆盖企业开发的常见需求 以及对应的解决方案，比如用户登录、批量数据导入、信息检索展示、定时任务、资源抢占等。并且涵盖了分布式、并发编程、锁、事务、缓存、性能优化、幂等性、数据一致性、大数据、算法等 后端程序员必学 的知识与实践。

除了学做项目之外，还能学会很多 思考问题、对比方案 的方法，提升排查问题、自主解决 Bug 的能力。还能学习到 最方便的项目上线方式 ，轻轻松松 几分钟上线项目 ！

实战技术

前端

• Vue 3
• Vant UI 组件库
• Vite 脚手架
• Axios 请求库

后端

• Java SpringBoot 框架
• MySQL 数据库
• MyBatis-Plus
• MyBatis X 自动生成代码
• Redis 缓存（多种 Java 实现方式）
• Redis 分布式登录
• Redisson 分布式锁
• Easy Excel 数据导入
• Spring Scheduler 定时任务
• Swagger + Knife4j 接口文档
• Gson：JSON 序列化库
• 相似度匹配算法

部署

• Serverless 服务
• 云原生容器平台

学习收获

1. 掌握做项目的完整流程，能独立开发上线项目
2. 学会企业主流前后端开发技术的应用（如 Spring Boot、Vue 3、Redis 等）
3. 学到 Java 8 特性、接口文档、网页抓取、分布式登录、大数据量导入、并发编程、Redis 缓存及预热、定时任务、分布式锁、幂等性、算法、免备案上线项目等重要知识
4. 学到对比方案的方法，帮你开拓思路，提升系统设计能力
5. 学到项目开发、调试和优化技巧，如开发工具技巧、抽象封装、问题定位、性能优化、内存优化等
6. 带你分析解决项目中的问题，提升自主解决问题的能力
7. 学习思考底层原理的方式、以及源码阅读技巧

API 开放平台

项目介绍

一个提供 API 接口供开发者调用的平台。管理员可以接入并发布接口，统计分析各接口调用情况；用户可以注册登录并开通接口调用权限，然后可以浏览接口及在线调试，还能使用客户端 SDK 轻松在代码中调用接口。

该项目非常 新颖 ，不同于泛滥的管理系统、商城项目，开放平台一般是企业才会建设提供的，教程极其稀少！

该项目涉及 多个系统 的交互，包含了 API 签名认证、网关、RPC、分布式等 后端必学 的知识与实践，能够帮助大家开拓眼界、提升系统设计和架构能力。

除了学做项目之外，还能学会很多 思考问题、对比方案 的方法，提升排查问题、阅读文档、自主解决 Bug 的能力。还能学习到 最方便的项目开发方式 ，熟练后 几分钟开发一个新功能 轻轻松松！

实战技术

前端

• React 18
• Ant Design Pro 5.x 脚手架
• Ant Design & Procomponents 组件库
• Umi 4 前端框架
• OpenAPI 前端代码生成

后端

• Java Spring Boot 框架
• MySQL 数据库
• MyBatis-Plus 及 MyBatis X 自动生成
• API 签名认证（Http 调用）
• Spring Boot Starter（SDK 开发）
• Dubbo 分布式（RPC、Nacos）
• Spring Cloud Gateway 微服务网关
• Swagger + Knife4j 接口文档生成
• Hutool、Apache Common Utils、Gson 等工具库

学习收获

1. 掌握做项目的完整流程，能独立开发上线项目
2. 学会企业主流前后端开发技术的应用（如 Spring Boot、React、网关等）
3. 学到新版前后端脚手架的使用，掌握快速生成代码、前后端协作的方法，提高数倍开发效率
4. 跳出传统的 CRUD，学习企业级第三方平台的架构设计和开发
5. 学到客户端 SDK、API 签名认证、API 网关、RPC 分布式等知识及编程技巧
6. 鱼皮带你读文档！让你掌握阅读官方文档的方法技巧，提高自学能力
7. 带你分析解决项目中的问题，提升自主解决问题的能力
   

如何学习？

加入编程导航，开启您的编程项目学习之旅~ 本公众号粉丝可享受专属限时优惠券， 微信扫码即可领券加入：

三天内不满意可全额退款，欢迎自行加入体验~

更多关于编程导航的信息，请阅读：https://yupi.icu

聚合搜索平台

项目介绍

一站式聚合搜索平台、简化版的企业级搜索中台。

用户可以在该平台集中搜索出不同来源和类型的内容，提升检索效率和搜索体验；企业可以将各项目的数据源接入搜索平台，无需针对每个项目单独开发搜索功能，大幅降本增效。

该项目非常 新颖 ，不同于泛滥的管理系统、商城项目，而是企业架构层面的 通用搜索能力 的抽象，之后你在做任何系统时，都可以复用本项目的搜索能力。

项目中会带大家学习和实战：多种数据爬虫方法、4 种数据同步方法、接口优化、 多种设计模式 、Elastic Stack、压力测试等一系列 后端必学 知识。

除了学做项目之外，还能学会很多 思考问题、对比方案 的方法，提升排查问题、自主解决 Bug 的能力。

还能获取到鱼皮的 万用后端项目模板 ，熟练后 几分钟开发一个新功能 轻轻松松！

实战技术

前端

• Vue 3
• Ant Design Vue 组件库
• 页面状态同步机制

后端

• Spring Boot 2.7 框架

• springboot-init 项目模板

• MySQL 数据库

• Elastic Stack

• 
  
• Elasticsearch 搜索引擎
• Logstash 数据管道
• Kibana 数据可视化

• 数据抓取

• 
  
• 离线和实时抓取
• Jsoup 和 HttpClient 库

• 设计模式

• 
  
• 门面模式
• 适配器模式
• 注册器模式

• 数据同步（4 种方式）

• 
  
• 定时
• 双写
• Logstash
• Canal

• JMeter 压力测试

学习收获

1. 掌握做项目的完整流程，能独立开发上线项目
2. 学会企业主流前后端开发技术的应用（如 Spring Boot、Vue 3、Elastic Stack 等）
3. 学到数据爬虫、数据同步、接口优化、多种设计模式、Elastic Stack、压力测试等一系列重要知识
4. 学到对比方案的方法，帮你开拓思路，提升系统设计能力
5. 学到项目开发、调试和优化技巧，如开发工具技巧、抽象封装、问题定位、性能优化等
6. 鱼皮带你读文档！让你掌握阅读官方文档的方法技巧，提高自学能力
7. 带你分析解决项目中的问题，提升自主解决问题的能力

智能 BI 平台

项目介绍

基于 React + Spring Boot + MQ + AIGC 的智能数据分析平台。区别于传统的数据分析平台，用户只需要导入最原始的数据集，输入想要进行分析的目标（比如帮我分析一下网站的增长趋势），就能利用 AI 自动生成符合要求的图表以及分析结论。此外，还会有图表管理功能、以及一些系统优化。

该项目选题非常 新颖 ，不同于泛滥的管理系统、博客、商城，本项目是结合当下最火的 AIGC 技术 + 企业级 BI 业务场景的综合实战，紧跟时代潮流！

项目中会带大家学习和实战：前后端高效开发方式、AIGC 应用开发、AI 提问技巧、系统优化、分布式限流、线程池、异步化、消息队列等一系列 重点 知识。

除了学做项目之外，还能学会很多 思考问题、对比方案 的方法，提升排查问题、自主解决 Bug 的能力。

还能获取到鱼皮的 万用后端项目模板 ，学习到最方便的全栈项目开发方式，熟练后 几分钟开发一个新功能 轻轻松松！

智能分析页面：

我的图表页面：

支持异步分析：

项目架构图：

实战技术

前端

• React 18
• Ant Design Pro 5.x 脚手架
• Umi 4 前端框架
• Ant Design 组件库
• Echarts 可视化库
• OpenAPI 前端代码生成

后端

• Java Spring Boot（万用后端模板）
• MySQL 数据库
• MyBatis-Plus 及 MyBatis X 自动生成
• Redis + Redisson 限流
• RabbitMQ 消息队列
• 鱼聪明 AI SDK（AI 能力）
• JDK 线程池及异步化
• Easy Excel 表格数据处理