查看原文
其他

鱼皮原创实战项目教程【系列】

鱼皮 程序员鱼皮 2024-01-21

加入项目系列学习: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 容器
  • 容器托管平台

学习收获

  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. 带你分析解决项目中的问题,提升自主解决问题的能力

聚合搜索平台

项目介绍

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

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

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

项目中会带大家学习和实战:多种数据爬虫方法、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

往期推荐

看完这个,我直接把 SQL 刷通了!

老子写个代码而已,凭什么还要我写文档?

搞台虚拟机玩玩!

用公司电脑访问奇怪的网站,被抓到了

一次很意外的网站故障经历。

继续滑动看下一个

鱼皮原创实战项目教程【系列】

鱼皮 程序员鱼皮
向上滑动看下一个

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存