其實前后端分離本身并不難，后段提供接口，前端做數(shù)據(jù)展示，關鍵是這種思想。很多人做慣了前后端不分的開發(fā)，在做前后端分離的時候，很容易帶進來一些前后端不分時候的開發(fā)思路，結果做出來的產(chǎn)品不倫不類，因此松哥這里給大家整理了幾個開源的前后端分離項目，幫助大家快速掌握前后端分離開發(fā)技術棧。
美人魚
star 數(shù) 3499
項目地址： https://gitee.com/mumu-osc/NiceFish
聽名字就知道這是個不錯的項目，事實上確實不賴。NiceFish（美人魚） 是一個系列項目，目標是示范前后端分離的開發(fā)模式:前端瀏覽器、移動端、Electron 環(huán)境中的各種開發(fā)模式；后端有兩個版本：SpringBoot 版本和 SpringCloud 版本，前端有 Angular 、React 以及 Electron 等版本。
項目效果圖：
微人事
star 數(shù) 9313
項目地址：https://github.com/lenve/vhr
微人事是一個前后端分離的人力資源管理系統(tǒng)，項目采用 SpringBoot + Vue 開發(fā)。項目打通了前后端，并且提供了非常詳盡的文檔，從 Spring Boot 接口設計到前端 Vue 的開發(fā)思路，作者全部都記錄在項目的 wiki 中，是不可多得的 JAVA 全棧學習資料。
項目效果圖:
bootshiro
star 數(shù) 1370
項目地址： https://gitee.com/tomsun28/bootshiro
bootshiro 是基于 Spring Boot + Shiro + JWT 的真正 RESTful URL 資源無狀態(tài)認證權限管理系統(tǒng)的后端,前端 usthe 。區(qū)別于一般項目，該項目提供頁面可配置式的、動態(tài)的 RESTful api 安全管理支持，并且實現(xiàn)數(shù)據(jù)傳輸動態(tài)秘鑰加密，jwt 過期刷新，用戶操作監(jiān)控等，加固應用安全。
項目效果圖：
open-capacity-platform
star 數(shù) 2643
項目地址：https://gitee.com/owenwangwen/open-capacity-platform
open-capacity-platform 微服務能力開放平臺，簡稱 ocp ，是基于 layui + springcloud 的企業(yè)級微服務框架(用戶權限管理，配置中心管理，應用管理，…)，其核心的設計目標是分離前后端，快速開發(fā)部署，學習簡單，功能強大，提供快速接入核心接口能力，其目標是幫助企業(yè)搭建一套類似百度能力開放平臺的框架。
項目效果圖：
V 部落
star 數(shù) 2902
項目地址：https://github.com/lenve/VBlog
V部落是一個多用戶博客管理平臺，采用 Vue + SpringBoot + ElementUI 開發(fā)。這個項目最大的優(yōu)勢是簡單，屬于功能完整但是又非常簡單的那種，非常非常適合初學者。
項目效果圖：
悟空 CRM
star 數(shù) 650
項目地址：https://gitee.com/wukongcrm/72crm-java
悟空 CRM 是基于 jfinal + vue + ElementUI 的前后端分離 CRM 系統(tǒng)。
老實說，jfinal 了解下就行了，沒必要認真研究，Vue + ElementUI 的組合可以認真學習下、前后端交互的方式可以認真學習下。
paascloud-master
star 數(shù) 5168
項目地址：https://github.com/paascloud/paascloud-master
paascloud-master 核心技術為 SpringCloud + Vue 兩個全家桶實現(xiàn)，采取了取自開源用于開源的目標，所以能用開源絕不用收費框架，整體技術棧只有阿里云短信服務是收費的，都是目前 java 前瞻性的框架，可以為中小企業(yè)解決微服務架構難題，可以幫助企業(yè)快速建站。由于服務器成本較高，盡量降低開發(fā)成本的原則，本項目由 10 個后端項目和 3 個前端項目共同組成。真正實現(xiàn)了基于 RBAC、jwt 和 oauth2 的無狀態(tài)統(tǒng)一權限認證的解決方案，實現(xiàn)了異常和日志的統(tǒng)一管理，實現(xiàn)了 MQ 落地保證 100% 到達的解決方案。
項目效果圖：
