先後端分離已經在慢慢走進各公司的技術棧,根據鬆哥瞭解到的消息,很多公司都已經切換到這個技術棧上面了。即便貴司目前沒有切換到這個技術棧上面,鬆哥也很是建議你們學習一下先後端分離開發,以避免在公司幹了兩三年,SSH 框架用的倒背如流,出來卻發現本身依然沒有任何優點!前端
其實先後端分離自己並不難,後段提供接口,前端作數據展現,關鍵是這種思想。不少人作慣了先後端不分的開發,在作先後端分離的時候,很容易帶進來一些先後端不分時候的開發思路,結果作出來的產品不三不四,所以鬆哥這裏給你們整理了幾個開源的先後端分離項目,幫助你們快速掌握先後端分離開發技術棧。vue
聽名字就知道這是個不錯的項目,事實上確實不賴。NiceFish(美人魚) 是一個系列項目,目標是示範先後端分離的開發模式:前端瀏覽器、移動端、Electron 環境中的各類開發模式;後端有兩個版本:SpringBoot 版本和 SpringCloud 版本,前端有 Angular 、React 以及 Electron 等版本。java
項目效果圖:git
微人事是一個先後端分離的人力資源管理系統,項目採用 SpringBoot + Vue 開發。項目打通了先後端,而且提供了很是詳盡的文檔,從 Spring Boot 接口設計到前端 Vue 的開發思路,做者所有都記錄在項目的 wiki 中,是不可多得的 Java 全棧學習資料。github
項目效果圖:spring
項目部分文檔截圖:後端
bootshiro 是基於 Spring Boot + Shiro + JWT 的真正 RESTful URL 資源無狀態認證權限管理系統的後端,前端 usthe 。區別於通常項目,該項目提供頁面可配置式的、動態的 RESTful api 安全管理支持,而且實現數據傳輸動態祕鑰加密,jwt 過時刷新,用戶操做監控等,加固應用安全。前端工程化
項目效果圖:api
open-capacity-platform 微服務能力開放平臺,簡稱 ocp ,是基於 layui + springcloud 的企業級微服務框架(用戶權限管理,配置中心管理,應用管理,....),其核心的設計目標是分離先後端,快速開發部署,學習簡單,功能強大,提供快速接入核心接口能力,其目標是幫助企業搭建一套相似百度能力開放平臺的框架。瀏覽器
項目效果圖:
V部落是一個多用戶博客管理平臺,採用 Vue + SpringBoot + ElementUI 開發。這個項目最大的優點是簡單,屬於功能完整可是又很是簡單的那種,很是很是適合初學者。
項目效果圖:
悟空 CRM 是基於 jfinal + vue + ElementUI 的先後端分離 CRM 系統。
老實說,jfinal 瞭解下就好了,不必認真研究,Vue + ElementUI 的組合能夠認真學習下、先後端交互的方式能夠認真學習下。
paascloud-master 核心技術爲 SpringCloud + Vue 兩個全家桶實現,採起了取自開源用於開源的目標,因此能用開源毫不用收費框架,總體技術棧只有阿里雲短信服務是收費的,都是目前 java 前瞻性的框架,能夠爲中小企業解決微服務架構難題,能夠幫助企業快速建站。因爲服務器成本較高,儘可能下降開發成本的原則,本項目由 10 個後端項目和 3 個前端項目共同組成。真正實現了基於 RBAC、jwt 和 oauth2 的無狀態統一權限認證的解決方案,實現了異常和日誌的統一管理,實現了 MQ 落地保證 100% 到達的解決方案。
項目效果圖:
他山之石,能夠攻玉。當咱們學會了不少知識點以後,須要一個項目來將這些知識點融會貫通,這些開源項目就是很好的資料。如今先後端分離開發方式日漸火熱,鬆哥也強烈建議你們有空學習下這種開發方式。雖然咱們身爲 Java 工程師,但是也不能固步自封,看看前端單頁面應用怎麼構建,看看前端工程化是怎麼回事,這些都有助於咱們開發出更加合理好用的後端接口。好了,七個開源項目,助力你們在全棧的路上更進一步!
關注公衆號【江南一點雨】,專一於 Spring Boot+微服務以及先後端分離等全棧技術,按期視頻教程分享,關注後回覆 Java ,領取鬆哥爲你精心準備的 Java 乾貨!