鱼皮原创实战项目教程【系列】
加入项目系列学习:https://yupi.icu
鱼皮原创项目系列以 实战 为主,用全程直播的方式,从 0 到 1 带大家学习技术知识,并立即实践运用到项目中,做到学以致用。
此外,还提供了详细的直播笔记、项目源码、项目扩展思路、现成的简历写法、面试题、交流答疑等服务。
文末有加入学习的方式
项目概览
每个项目的侧重点不同,全都是前端 + 后端的全栈项目:
用户中心系统:基于 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 期完整版都可以免费在线观看
用户中心项目第 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 容器 容器托管平台
学习收获
学会企业主流前后端开发技术的应用 学到做项目的完整流程,能够独立开发及上线项目 学到系统设计的方法和经验 学到实际编码技巧,如开发工具、快捷键、插件使用 学到代码优化技巧,如抽象封装、系统性能优化、节约资源 学到登录态、代理、多环境、容器、跨域等重要的开发知识 学到一些源码阅读的技巧 提升自主解决问题的能力
伙伴匹配系统
项目介绍
帮助大家找到志同道合的伙伴的移动端网站(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 服务 云原生容器平台
学习收获
掌握做项目的完整流程,能独立开发上线项目 学会企业主流前后端开发技术的应用(如 Spring Boot、Vue 3、Redis 等) 学到 Java 8 特性、接口文档、网页抓取、分布式登录、大数据量导入、并发编程、Redis 缓存及预热、定时任务、分布式锁、幂等性、算法、免备案上线项目等重要知识 学到对比方案的方法,帮你开拓思路,提升系统设计能力 学到项目开发、调试和优化技巧,如开发工具技巧、抽象封装、问题定位、性能优化、内存优化等 带你分析解决项目中的问题,提升自主解决问题的能力 学习思考底层原理的方式、以及源码阅读技巧
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 等工具库
学习收获
掌握做项目的完整流程,能独立开发上线项目 学会企业主流前后端开发技术的应用(如 Spring Boot、React、网关等) 学到新版前后端脚手架的使用,掌握快速生成代码、前后端协作的方法,提高数倍开发效率 跳出传统的 CRUD,学习企业级第三方平台的架构设计和开发 学到客户端 SDK、API 签名认证、API 网关、RPC 分布式等知识及编程技巧 鱼皮带你读文档!让你掌握阅读官方文档的方法技巧,提高自学能力 带你分析解决项目中的问题,提升自主解决问题的能力
聚合搜索平台
项目介绍
一站式聚合搜索平台、简化版的企业级搜索中台。
用户可以在该平台集中搜索出不同来源和类型的内容,提升检索效率和搜索体验;企业可以将各项目的数据源接入搜索平台,无需针对每个项目单独开发搜索功能,大幅降本增效。
该项目非常 新颖 ,不同于泛滥的管理系统、商城项目,而是企业架构层面的 通用搜索能力 的抽象,之后你在做任何系统时,都可以复用本项目的搜索能力。
项目中会带大家学习和实战:多种数据爬虫方法、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 压力测试
学习收获
掌握做项目的完整流程,能独立开发上线项目 学会企业主流前后端开发技术的应用(如 Spring Boot、Vue 3、Elastic Stack 等) 学到数据爬虫、数据同步、接口优化、多种设计模式、Elastic Stack、压力测试等一系列重要知识 学到对比方案的方法,帮你开拓思路,提升系统设计能力 学到项目开发、调试和优化技巧,如开发工具技巧、抽象封装、问题定位、性能优化等 鱼皮带你读文档!让你掌握阅读官方文档的方法技巧,提高自学能力 带你分析解决项目中的问题,提升自主解决问题的能力
智能 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 等工具库
项目收获
跟着从 0 到 1 的直播,掌握做项目的完整流程,能独立开发上线项目 学会企业主流前后端开发技术的应用(如 Spring Boot、React、RabbitMQ 等) 学习 AIGC、AI 工具、AI 编程的玩法和技巧,开拓思路 学习最新版本前后端开发脚手架的使用,掌握快速生成代码、前后端协作的方法,提高数倍开发效率 学到系统优化、分布式限流、线程池、异步化、消息队列等一系列重要知识,提升系统设计能力 学到项目开发、调试和优化技巧,如开发工具技巧、抽象封装、问题定位、性能优化等 鱼皮带你读文档!让你掌握阅读官方文档的方法技巧,提高自学能力 所有 Bug 和问题均为直播解决,带你提升自主解决问题的能力
🔥 OJ 判题系统
项目介绍
编程题目在线评测系统。管理员可以创建和管理题目;用户可以选择题目、编写并提交代码。系统能够根据管理员设定的测试用例对代码进行编译、运行、判断输出是否正确;并可作为独立服务供其他开发者使用。
浏览题目:
在线做题:
创建题目:
管理题目:
实战技术
前端
Vue 3 Arco Design 组件库 从 0 开发前端项目模板 在线代码编辑器 在线文档浏览
后端
Spring Boot 2.7 框架 Spring Cloud 微服务 springboot-init 项目模板 MySQL 数据库 Java 进程控制 Java 安全管理器 虚拟机 Docker 容器 RabbitMQ 消息队列 设计模式 工厂模式 代理模式 策略模式
如何学习?
微信扫码加入编程导航,开启您的编程项目学习之旅~
更多关于编程导航的信息,请阅读:https://yupi.icu
往期推荐