七个略火的Spring Boot+Vue开源项目！

曾经终败给现在 2022-12-19 06:28 224阅读 0赞

![20201107135542187.png][]

干了两三年，SSH 框架用的滚瓜烂熟，出来却发现自己依然没有任何优势？前后端分离已经在慢慢走进各公司的技术栈，不少公司都已经切换到这个技术栈上面了。

其实前后端分离本身并不难，后端提供接口，前端做数据展示。关键是这种思想。很多人做惯了前后端不分的开发，在做前后端分离的时候，很容易带进来一些前后端不分时候的开发思路，结果做出来的产品不伦不类。

这里给大家整理了几个开源的前后端分离项目，**帮助大家快速掌握前后端分离开发技术栈。**

美人鱼

*  star 数 4.2k
 *  项目地址：https://gitee.com/mumu-osc/NiceFish

听名字就知道这是个不错的项目，事实上确实不赖。NiceFish（美人鱼） 是一个系列项目，目标是示范前后端分离的开发模式:前端浏览器、移动端、Electron 环境中的各种开发模式；后端有两个版本：SpringBoot 版本和 SpringCloud 版本，前端有 Angular 、React 以及 Electron 等版本。

项目效果图：

![format_png][]  
**微人事**

*  star 数 15.3k
 *  项目地址：https://github.com/lenve/vhr

微人事是一个前后端分离的人力资源管理系统，项目采用 SpringBoot + Vue 开发。项目打通了前后端，并且提供了非常详尽的文档，从 Spring Boot 接口设计到前端 Vue 的开发思路，作者全部都记录在项目的 wiki 中，是不可多得的 Java 全栈学习资料。

项目效果图:

![format_png 1][]

项目部分文档截图：

![format_png 2][]  
**bootshiro**

*  star 数 2.1k
 *  项目地址：https://gitee.com/tomsun28/bootshiro

bootshiro 是基于 Spring Boot + Shiro + JWT 的真正 RESTful URL 资源无状态认证权限管理系统的后端,前端 usthe 。区别于一般项目，该项目提供页面可配置式的、动态的 RESTful api 安全管理支持，并且实现数据传输动态秘钥加密，jwt 过期刷新，用户操作监控等，加固应用安全。

项目效果图：

![format_png 3][]  
**open-capacity-platform**

*  star 数 4.1k
 *  项目地址：https://gitee.com/owenwangwen/open-capacity-platform

open-capacity-platform 微服务能力开放平台，简称 ocp ，是基于 layui + springcloud 的企业级微服务框架(用户权限管理，配置中心管理，应用管理，....)，其核心的设计目标是分离前后端，快速开发部署，学习简单，功能强大，提供快速接入核心接口能力，其目标是帮助企业搭建一套类似百度能力开放平台的框架。

项目效果图：

![format_png 4][] **V 部落**

*  star 数 4.6k
 *  项目地址：https://github.com/lenve/VBlog

V部落是一个多用户博客管理平台，采用 Vue + SpringBoot + ElementUI 开发。**「这个项目最大的优势是简单，属于功能完整但是又非常简单的那种，非常非常适合初学者。」**

项目效果图：

![format_png 5][]  
**悟空 CRM**

*  star 数 1.3k
 *  项目地址：https://gitee.com/wukongcrm/72crm-java

悟空 CRM 是基于 jfinal + vue + ElementUI 的前后端分离 CRM 系统。

老实说，jfinal 了解下就行了，没必要认真研究，Vue + ElementUI 的组合可以认真学习下、前后端交互的方式可以认真学习下。

![format_png 6][]  
paascloud-master

*  star 数 7.5k
 *  项目地址：https://github.com/paascloud/paascloud-master

paascloud-master 核心技术为 SpringCloud + Vue 两个全家桶实现，采取了取自开源用于开源的目标，所以能用开源绝不用收费框架，整体技术栈只有阿里云短信服务是收费的，都是目前 java 前瞻性的框架，可以为中小企业解决微服务架构难题，可以帮助企业快速建站。由于服务器成本较高，尽量降低开发成本的原则，本项目由 10 个后端项目和 3 个前端项目共同组成。真正实现了基于 RBAC、jwt 和 oauth2 的无状态统一权限认证的解决方案，实现了异常和日志的统一管理，实现了 MQ 落地保证 100% 到达的解决方案。

项目效果图：

![format_png 7][]

# 总结 #

现在前后端分离开发方式日渐火热，场主也强烈建议大家有空学习下这种开发方式。七个开源项目，助力大家在全栈的路上更进一步！

**推荐阅读：**

1、[项目中常用的19条MySQL优化][19_MySQL]

2、[必须收藏！SpringBoot注解大全][SpringBoot]

3、[最新SQL数据库面试题以及答案！][SQL]

4、[面试官：来说说单点登录的三种实现方式][Link 1]

5、[老板要求用java将word转为PDF，这么搞？][java_word_PDF]

6、[吐血整理！14个Spring MVC顶级技巧！][14_Spring MVC]

7、[MySQL：互联网公司常用分库分表方案汇总][MySQL]

8、[卧槽，为什么volatile关键字保证不了线程安全啊][volatile]

9、[这21个刁钻HashMap面试题，我把阿里面试官吊打了！][21_HashMap]

10、[Spring Boot “内存泄漏”？看看美团大牛是如何排查的][Spring Boot]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjYxMTcx_size_16_color_FFFFFF_t_70][]

[20201107135542187.png]: /images/20221120/bc72b192f9224ed481f4b83d6db06ac5.png
[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbWI2eDVUZWljMGFKMW1BcGNaOTZlaWJMbjNWOFlGSUl4QTQwTlNiUTJOUkM2MzA2QzZiNW9nQXRFaWNpY1B1N3JXWG9HblVkRXZGSmxTaWFBLzY0MA?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbWI2eDVUZWljMGFKMW1BcGNaOTZlaWJMaWM4VUJSNDdReWxDaWJTemczOTB5U1c4dXM1YlZsWUhSNnpMRk9BakNkcFM3TnFzOUJ0aWFRS1VBLzY0MA?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbWI2eDVUZWljMGFKMW1BcGNaOTZlaWJMNGw3VzBSM2liOVNFYW9pYkdHaWNPS2h4UEJkc3liZTljTVFvb2liVnFTRzg0OUpXVWM4ZFJEenB1dy82NDA?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbWI2eDVUZWljMGFKMW1BcGNaOTZlaWJMUjlIajFKbklic2liUnA0NkNHTkNBUVV6MlVKcmJ5aWFSM1lBcnZPcFlYN01Ta0hGZ29RdmlhWU1BLzY0MA?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbWI2eDVUZWljMGFKMW1BcGNaOTZlaWJMVG85NXIwZjNpY1RXcmpxd0JkcjlHbkd3NVR4UEdHOVppYld1V2tHWVN2aHF3eTNnV0hhMk5GRVEvNjQw?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbWI2eDVUZWljMGFKMW1BcGNaOTZlaWJMODNoUFZNenR5Zk9EQk95NEwzTU81TnI3N21ZWGJpYmZSSzg3UE4yZVdleGlickZvNlRGVnRXTncvNjQw?x-oss-process=image/format,png
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbWI2eDVUZWljMGFKMW1BcGNaOTZlaWJMSFdpYWNxQmpPZXp5TU1aYXhWcUlTbmliQWlhaWFBWkU3VTFpYkcxYTJibkhIdXFJSDdpYlFjREI5aWNFQS82NDA?x-oss-process=image/format,png
[format_png 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbWI2eDVUZWljMGFKMW1BcGNaOTZlaWJMN1lZektsazNHWFV3eDdHU1d5Nzd2N0dhbEZpYUVRV2liQ1dyWXk2VnNTZTZRYUZSSTBJYTdmT2cvNjQw?x-oss-process=image/format,png
[19_MySQL]: http://mp.weixin.qq.com/s?__biz=MzU1NjczNTM5NQ==&mid=2247492315&idx=1&sn=37c6888e30892c7fae56d0769c35a571&chksm=fbc22c17ccb5a501df41ddeaecf0f7e85e292b45d6c7522e4d6a4d9c4a93a389338ee175eae8&scene=21#wechat_redirect
[SpringBoot]: http://mp.weixin.qq.com/s?__biz=MzU1NjczNTM5NQ==&mid=2247493234&idx=1&sn=2c1164a6660993e4c9d42cc972235885&chksm=fbc228beccb5a1a8eee97316c21121d8b19125491464c3f2fab82c35fb47ba80299421a9e54e&scene=21#wechat_redirect
[SQL]: http://mp.weixin.qq.com/s?__biz=MzU1NjczNTM5NQ==&mid=2247493386&idx=1&sn=6014e7fb6c2a43ca8df3b011754fa4e1&chksm=fbc229c6ccb5a0d068fdce76d8e457510c9c43e866952a917ae63ee0f1da8c5c25bd5d3879a2&scene=21#wechat_redirect
[Link 1]: http://mp.weixin.qq.com/s?__biz=MzU1NjczNTM5NQ==&mid=2247493492&idx=1&sn=cd0a9b65387d5107fe9d0e1ded268d22&chksm=fbc229b8ccb5a0ae5f433e40aeb031d462bc825b837ca9e09720b6b58439dada694eeb54bbaf&scene=21#wechat_redirect
[java_word_PDF]: http://mp.weixin.qq.com/s?__biz=MzU1NjczNTM5NQ==&mid=2247492363&idx=1&sn=6975a1a5de92dc49d04654f21ffa7c21&chksm=fbc22dc7ccb5a4d1b94f2a9bbce26082c9f845fbbf7d588a5540d072bcef39b2281d0b705f91&scene=21#wechat_redirect
[14_Spring MVC]: http://mp.weixin.qq.com/s?__biz=MzU1NjczNTM5NQ==&mid=2247493345&idx=1&sn=edde6ca39a12c08acdab32c03e66369e&chksm=fbc2282dccb5a13bb7010d0ba909b021a92c4530bdd515e1449893f1f589bb903915626f15ac&scene=21#wechat_redirect
[MySQL]: http://mp.weixin.qq.com/s?__biz=MzU1NjczNTM5NQ==&mid=2247493296&idx=1&sn=d3d9f8bb4d12555f870297ab3c7564e2&chksm=fbc2287cccb5a16a527c08f0d620b4a61a2af45634c895cee2f0d49907684000b43d43973ec6&scene=21#wechat_redirect
[volatile]: http://mp.weixin.qq.com/s?__biz=MzU1NjczNTM5NQ==&mid=2247492809&idx=1&sn=47c50b227f8063129ed09edc91449100&chksm=fbc22a05ccb5a31383ee13bb6c58f8c12dada691c16624e028f23f24c32d1e4201b4ebd1a354&scene=21#wechat_redirect
[21_HashMap]: http://mp.weixin.qq.com/s?__biz=MzU1NjczNTM5NQ==&mid=2247490277&idx=1&sn=63d44db7ae6930f25478119f423227d4&chksm=fbc1d429ccb65d3fc4be6ab008e4318d3beeccb1394801c72e33cbb9fd162868dce2b9b0c0f2&scene=21#wechat_redirect
[Spring Boot]: http://mp.weixin.qq.com/s?__biz=MzU1NjczNTM5NQ==&mid=2247493061&idx=1&sn=059d8dcf396bb5a4627d47ff4caa2b4f&chksm=fbc22b09ccb5a21f763789682341712c81e967d31949e2ee4d9161f348839c69fbf9d5aab7f2&scene=21#wechat_redirect
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjYxMTcx_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20201107135713532.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjYxMTcx,size_16,color_FFFFFF,t_70