當前位置: 妍妍網 > 碼農

魚皮原創實戰計畫,保姆級教程!

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

    往期推薦