點(diǎn)擊藍(lán)色字關(guān)注我們

前后端分離已經(jīng)在慢慢走進(jìn)各公司的技術(shù)棧，不少公司都已經(jīng)切換到這個(gè)技術(shù)棧上面了。即使貴司目前沒有切換到這個(gè)技術(shù)棧上面，也非常建議大家學(xué)習(xí)一下前后端分離開發(fā)，以免在公司干了兩三年，SSH 框架用的滾瓜爛熟，出來卻發(fā)現(xiàn)自己依然沒有任何優(yōu)勢！其實(shí)前后端分離本身并不難，后段提供接口，前端做數(shù)據(jù)展示，關(guān)鍵是這種思想。很多人做慣了前后端不分的開發(fā)，在做前后端分離的時(shí)候，很容易帶進(jìn)來一些前后端不分時(shí)候的開發(fā)思路，結(jié)果做出來的產(chǎn)品不 d倫不類，因此在這里給大家整理了幾個(gè)開源的前后端分離項(xiàng)目，幫助大家快速掌握前后端分離開發(fā)技術(shù)棧。一、美人魚

• star 數(shù) 3499
• 項(xiàng)目地址：https://gitee.com/mumu-osc/NiceFish

聽名字就知道這是個(gè)不錯(cuò)的項(xiàng)目，事實(shí)上確實(shí)不賴。NiceFish(美人魚) 是一個(gè)系列項(xiàng)目，目標(biāo)是示范前后端分離的開發(fā)模式:前端瀏覽器、移動(dòng)端、Electron 環(huán)境中的各種開發(fā)模式；后端有兩個(gè)版本：SpringBoot 版本和 SpringCloud 版本，前端有 Angular 、React 以及 Electron 等版本。項(xiàng)目效果圖：

二、微人事

• star 數(shù) 9313
• 項(xiàng)目地址：https://github.com/lenve/vhr

微人事是一個(gè)前后端分離的人力資源管理系統(tǒng)，項(xiàng)目采用 SpringBoot + Vue 開發(fā)。項(xiàng)目打通了前后端，并且提供了非常詳盡的文檔，從 Spring Boot 接口設(shè)計(jì)到前端 Vue 的開發(fā)思路，作者全部都記錄在項(xiàng)目的 wiki 中，是不可多得的 Java 全棧學(xué)習(xí)資料。項(xiàng)目效果圖:

項(xiàng)目部分文檔截圖：

三、bootshiro

• star 數(shù) 1370
• 項(xiàng)目地址：https://gitee.com/tomsun28/bootshiro

bootshiro 是基于 Spring Boot + Shiro + JWT 的真正 RESTful URL 資源無狀態(tài)認(rèn)證權(quán)限管理系統(tǒng)的后端,前端 usthe 。區(qū)別于一般項(xiàng)目，該項(xiàng)目提供頁面可配置式的、動(dòng)態(tài)的 RESTful api 安全管理支持，并且實(shí)現(xiàn)數(shù)據(jù)傳輸動(dòng)態(tài)秘鑰加密，jwt 過期刷新，用戶操作監(jiān)控等，加固應(yīng)用安全。項(xiàng)目效果圖：

四、open-capacity-platform

• star 數(shù) 2643
• 項(xiàng)目地址：https://gitee.com/owenwangwen/open-capacity-platform

open-capacity-platform 微服務(wù)能力開放平臺(tái)，簡稱 ocp ，是基于 layui + springcloud 的企業(yè)級(jí)微服務(wù)框架(用戶權(quán)限管理，配置中心管理，應(yīng)用管理，....)，其核心的設(shè)計(jì)目標(biāo)是分離前后端，快速開發(fā)部署，學(xué)習(xí)簡單，功能強(qiáng)大，提供快速接入核心接口能力，其目標(biāo)是幫助企業(yè)搭建一套類似百度能力開放平臺(tái)的框架。項(xiàng)目效果圖：

五、V 部落

• star 數(shù) 2902
• 項(xiàng)目地址：https://github.com/lenve/VBlog

V 部落是一個(gè)多用戶博客管理平臺(tái)，采用 Vue + SpringBoot + ElementUI 開發(fā)。這個(gè)項(xiàng)目最大的優(yōu)勢是簡單，屬于功能完整但是又非常簡單的那種，非常非常適合初學(xué)者。項(xiàng)目效果圖：

六、悟空 CRM

• star 數(shù) 650
• 項(xiàng)目地址：https://gitee.com/wukongcrm/72crm-java

悟空 CRM 是基于 jfinal + vue + ElementUI 的前后端分離 CRM 系統(tǒng)。老實(shí)說，jfinal 了解下就行了，沒必要認(rèn)真研究，Vue + ElementUI 的組合可以認(rèn)真學(xué)習(xí)下、前后端交互的方式可以認(rèn)真學(xué)習(xí)下。

七、paascloud-master

• star 數(shù) 5168
• 項(xiàng)目地址：https://github.com/paascloud/paascloud-master

paascloud-master 核心技術(shù)為 SpringCloud + Vue 兩個(gè)全家桶實(shí)現(xiàn)，采取了取自開源用于開源的目標(biāo)，所以能用開源絕不用收費(fèi)框架，整體技術(shù)棧只有阿里云短信服務(wù)是收費(fèi)的，都是目前 java 前瞻性的框架，可以為中小企業(yè)解決微服務(wù)架構(gòu)難題，可以幫助企業(yè)快速建站。由于服務(wù)器成本較高，盡量降低開發(fā)成本的原則，本項(xiàng)目由 10 個(gè)后端項(xiàng)目和 3 個(gè)前端項(xiàng)目共同組成。真正實(shí)現(xiàn)了基于 RBAC、jwt 和 oauth2 的無狀態(tài)統(tǒng)一權(quán)限認(rèn)證的解決方案，實(shí)現(xiàn)了異常和日志的統(tǒng)一管理，實(shí)現(xiàn)了 MQ 落地保證 100% 到達(dá)的解決方案。項(xiàng)目效果圖：

八、Bigops

• 使用公司：10+
• 項(xiàng)目文檔地址：http://docs.bigops.com/

Bigops 總的來說是一個(gè)自動(dòng)化運(yùn)維平臺(tái)，負(fù)責(zé)公司 Linux 服務(wù)器的維護(hù)和管理，前端使用 iView、Vue 編寫，后端也是使用 Java，自動(dòng)化遠(yuǎn)程管理采用 Ansible，同時(shí)搭配堡壘機(jī)Go 語言編寫。Bigops 類似于 Jumpserver 的堡壘機(jī)，但是功能要比 Jumpserver 強(qiáng)大，更多功能還等大家點(diǎn)擊文檔去開發(fā)。項(xiàng)目效果圖：

他山之石，可以攻玉。當(dāng)我們學(xué)會(huì)了很多知識(shí)點(diǎn)之后，需要一個(gè)項(xiàng)目來將這些知識(shí)點(diǎn)融會(huì)貫通，這些開源項(xiàng)目就是很好的資料。現(xiàn)在前后端分離開發(fā)方式日漸火熱，我們也強(qiáng)烈建議大家有空學(xué)習(xí)下這種開發(fā)方式。作為 IT 工程師，保持學(xué)習(xí)不能固步自封，看看前端單頁面應(yīng)用怎么構(gòu)建，看看前端工程化是怎么回事，這些都有助于我們開發(fā)出更加合理好用的后端接口。好了，八個(gè)開源項(xiàng)目，助力大家在全棧的路上更進(jìn)一步！作為一個(gè)合格的運(yùn)維工程師需要對(duì)公司業(yè)務(wù)邏輯和后臺(tái)運(yùn)維的軟件，有深刻的掌握，了解了以上學(xué)習(xí)的8個(gè)開源項(xiàng)目，并且成功部署實(shí)現(xiàn)，可以幫助大家更好的去找到適合自己的發(fā)展方向。

出處：http://dwz.date/aV38

請(qǐng)看副文【資料分享】，有前后端分離項(xiàng)目課程介紹

團(tuán)購、活動(dòng)、課程詳情掃碼咨詢>>>

●招人(內(nèi)推崗)

●資料分享

●運(yùn)維精華面試題

●安裝 gin 出現(xiàn)的問題及解決和設(shè)置代理報(bào)錯(cuò)解決

總結(jié)

以上是生活随笔為你收集整理的crm开源系统 tp框架_八个开源的 Spring Boot 前后端分离项目，一定要收藏！的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。