關注
前後端分離已經在慢慢走進各公司的技術棧，不少公司都已經切換到這個技術棧上面了。即使貴司目前沒有切換到這個技術棧上面，松哥也非常建議大家學習一下前後端分離開發，以免在公司幹了兩三年，SSH 架構用的滾瓜爛熟，出來卻發現自己依然沒有任何優勢！
其實前後端分離本身并不難，後段提供接口，前端做資料展示，關鍵是這種思想。很多人做慣了前後端不分的開發，在做前後端分離的時候，很容易帶進來一些前後端不分時候的開發思路，結果做出來的産品不倫不類，是以松哥這裡給大家整理了幾個開源的前後端分離項目，幫助大家快速掌握前後端分離開發技術棧。
美人魚
- star 數 3499
- 項目位址：https://gitee.com/mumu-osc/NiceFish
聽名字就知道這是個不錯的項目，事實上确實不賴。NiceFish（美人魚） 是一個系列項目，目标是示範前後端分離的開發模式:前端浏覽器、移動端、Electron 環境中的各種開發模式；後端有兩個版本：SpringBoot 版本和 SpringCloud 版本，前端有 Angular 、React 以及 Electron 等版本。
項目效果圖：
微人事
- star 數 9313
- 項目位址：https://github.com/lenve/vhr
微人事是一個前後端分離的人力資源管理系統，項目采用 SpringBoot + Vue 開發。項目打通了前後端，并且提供了非常詳盡的文檔，從 Spring Boot 接口設計到前端 Vue 的開發思路，作者全部都記錄在項目的 wiki 中，是不可多得的 Java 全棧學習資料。
項目效果圖:
項目部分文檔截圖：
bootshiro
- star 數 1370
- 項目位址：https://gitee.com/tomsun28/bootshiro
bootshiro 是基于 Spring Boot + Shiro + JWT 的真正 RESTful URL 資源無狀态認證權限管理系統的後端,前端 usthe 。差別于一般項目，該項目提供頁面可配置式的、動态的 RESTful api 安全管理支援，并且實作資料傳輸動态秘鑰加密，jwt 過期重新整理，使用者操作監控等，加強應用安全。
項目效果圖：
open-capacity-platform
- star 數 2643
- 項目位址：https://gitee.com/owenwangwen/open-capacity-platform
open-capacity-platform 微服務能力開放平台，簡稱 ocp ，是基于 layui + springcloud 的企業級微服務架構(使用者權限管理，配置中心管理，應用管理，....)，其核心的設計目标是分離前後端，快速開發部署，學習簡單，功能強大，提供快速接入核心接口能力，其目标是幫助企業搭建一套類似百度能力開放平台的架構。
項目效果圖：
V 部落
- star 數 2902
- 項目位址：https://github.com/lenve/VBlog
V部落是一個多使用者部落格管理平台，采用 Vue + SpringBoot + ElementUI 開發。這個項目最大的優勢是簡單，屬于功能完整但是又非常簡單的那種，非常非常适合初學者。
項目效果圖：
悟空 CRM
- star 數 650
- 項目位址：https://gitee.com/wukongcrm/72crm-java
悟空 CRM 是基于 jfinal + vue + ElementUI 的前後端分離 CRM 系統。
老實說，jfinal 了解下就行了，沒必要認真研究，Vue + ElementUI 的組合可以認真學習下、前後端互動的方式可以認真學習下。
paascloud-master
- star 數 5168
- github.com/paascloud/paascloud-master
paascloud-master 核心技術為 SpringCloud + Vue 兩個全家桶實作，采取了取自開源用于開源的目标，是以能用開源絕不用收費架構，整體技術棧隻有阿裡雲短信服務是收費的，都是目前 java 前瞻性的架構，可以為中小企業解決微服務架構難題，可以幫助企業快速建站。
由于伺服器成本較高，盡量降低開發成本的原則，本項目由 10 個後端項目和 3 個前端項目共同組成。真正實作了基于 RBAC、jwt 和 oauth2 的無狀态統一權限認證的解決方案，實作了異常和日志的統一管理，實作了 MQ 落地保證 100% 到達的解決方案。關注微信公衆号 Java後端 擷取更多推送。
項目效果圖：
總結
他山之石，可以攻玉。當我們學會了很多知識點之後，需要一個項目來将這些知識點融會貫通，這些開源項目就是很好的資料。現在前後端分離開發方式日漸火熱，松哥也強烈建議大家有空學習下這種開發方式。雖然我們身為 Java 工程師，可是也不能固步自封，看看前端單頁面應用怎麼建構，看看前端工程化是怎麼回事，這些都有助于我們開發出更加合理好用的後端接口。好了，七個開源項目，助力大家在全棧的路上更進一步！