当前位置: 欣欣网 > 码农

鱼皮原创实战项目,保姆级教程!

2024-04-03码农

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

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

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

文末有加入学习的方式

项目概览

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

  • 🔥 手写 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 表格数据处理

  • Swagger + Knife4j 接口文档生成

  • Hutool、Apache Common Utils 等工具库

  • 项目收获

    1. 跟着从 0 到 1 的直播,掌握做项目的完整流程,能独立开发上线项目

    2. 学会企业主流前后端开发技术的应用(如 Spring Boot、React、RabbitMQ 等)

    3. 学习 AIGC、AI 工具、AI 编程的玩法和技巧,开拓思路

    4. 学习最新版本前后端开发脚手架的使用,掌握快速生成代码、前后端协作的方法,提高数倍开发效率

    5. 学到系统优化、分布式限流、线程池、异步化、消息队列等一系列重要知识,提升系统设计能力

    6. 学到项目开发、调试和优化技巧,如开发工具技巧、抽象封装、问题定位、性能优化等

    7. 鱼皮带你读文档!让你掌握阅读官方文档的方法技巧,提高自学能力

    8. 所有 Bug 和问题均为直播解决,带你提升自主解决问题的能力

    🔥 OJ 判题系统

    项目介绍

    编程题目在线评测系统。管理员可以创建和管理题目;用户可以选择题目、编写并提交代码。系统能够根据管理员设定的测试用例对代码进行编译、运行、判断输出是否正确;并可作为独立服务供其他开发者使用。

    浏览题目:

    在线做题:

    创建题目:

    管理题目:

    实战技术

    前端

  • Vue 3

  • Arco Design 组件库

  • 从 0 开发前端项目模板

  • 在线代码编辑器

  • 在线文档浏览

  • 后端

  • Spring Boot 2.7 框架

  • Spring Cloud 微服务

  • springboot-init 项目模板

  • MySQL 数据库

  • Java 进程控制

  • Java 安全管理器

  • 虚拟机

  • Docker 容器

  • RabbitMQ 消息队列

  • 设计模式

  • 工厂模式

  • 代理模式

  • 策略模式

  • 如何学习?

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

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

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

    往期推荐