收藏了！7 个开源的 Spring Boot 前后端分离优质项目

怼烎@ 2023-02-17 01:28 10阅读 0赞

点击上方“码农进阶之路”，选择“设为星标”

回复“面经”获取面试资料

作者 | 松哥

来源 | 江南一点雨（id：a\_javaboy）

前后端分离已经在慢慢走进各公司的技术栈，不少公司都已经切换到这个技术栈上面了。即使贵司目前没有切换到这个技术栈上面，松哥也非常建议大家学习一下前后端分离开发，以免在公司干了两三年，SSH 框架用的滚瓜烂熟，出来却发现自己依然没有任何优势！

其实前后端分离本身并不难，后段提供接口，前端做数据展示，关键是这种思想。很多人做惯了前后端不分的开发，在做前后端分离的时候，很容易带进来一些前后端不分时候的开发思路，结果做出来的产品不伦不类，因此松哥这里给大家整理了几个开源的前后端分离项目，帮助大家快速掌握前后端分离开发技术栈。

美人鱼

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

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

项目效果图：

![format_png][]

## 微人事 ##

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

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

项目效果图:

![format_png 1][]

项目部分文档截图：

![format_png 2][]

## bootshiro ##

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

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

项目效果图：

![format_png 3][]

## open-capacity-platform ##

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

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

项目效果图：

![format_png 4][]

## V 部落 ##

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

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

项目效果图：

![format_png 5][]

## 悟空 CRM ##

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

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

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

![format_png 6][]

## paascloud-master ##

*  star 数 5168
 *  github.com/paascloud/paascloud-master

paascloud-master 核心技术为 SpringCloud + Vue 两个全家桶实现，采取了取自开源用于开源的目标，所以能用开源绝不用收费框架，整体技术栈只有阿里云短信服务是收费的，都是目前 java 前瞻性的框架，可以为中小企业解决微服务架构难题，可以帮助企业快速建站。

由于服务器成本较高，尽量降低开发成本的原则，本项目由 10 个后端项目和 3 个前端项目共同组成。真正实现了基于 RBAC、jwt 和 oauth2 的无状态统一权限认证的解决方案，实现了异常和日志的统一管理，实现了 MQ 落地保证 100% 到达的解决方案。*关注微信公众号 Java后端 获取更多推送。*

项目效果图：

![format_png 7][]

# **总结** #

# 他山之石，可以攻玉。当我们学会了很多知识点之后，需要一个项目来将这些知识点融会贯通，这些开源项目就是很好的资料。现在前后端分离开发方式日渐火热，松哥也强烈建议大家有空学习下这种开发方式。虽然我们身为 Java 工程师，可是也不能固步自封，看看前端单页面应用怎么构建，看看前端工程化是怎么回事，这些都有助于我们开发出更加合理好用的后端接口。好了，七个开源项目，助力大家在全栈的路上更进一步！ #

![format_png 8][]

往期精选

[2019秋招：460道Java后端面试高频题答案版【模块一：Java基础】][2019_460_Java_Java]

[2019秋招：460道Java后端面试高频题答案版【模块二：Java集合类】][2019_460_Java_Java 1]

[2019秋招：460道Java后端面试高频题答案版【模块三：Java并发】][2019_460_Java_Java 2]

[2019秋招：460道Java后端面试高频题答案版【模块四：Java虚拟机】][2019_460_Java_Java 3]

[2019秋招：460道Java后端面试高频题答案版【模块五：计算机网络】][2019_460_Java]

[2019秋招：460道Java后端面试高频题答案版【模块六：计算机操作系统】][2019_460_Java 1]

[2019秋招：460道Java后端面试高频题答案版【模块七：设计模式】][2019_460_Java 2]

[面试题：讲讲Redis有哪几个过期策略？][Redis]

[工具篇：这可能是全 GitHub 最牛逼的抢票神器！][GitHub]

码农进阶之路

长按二维码关注

![format_png 9][]

面经 | 原理 | 源码 | 实战 | 工具

![format_png 10][]

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbU5ZQ0R4N3JrNXR5TFE4VHZyOTg4aWFBdWw2bkNBY3NpYVI2Qm5pYUVNM290VnBnejBYQ0lVZmZvR2NMVDRaS1JGaWMybmw3SEtEMnZQU0EvNjQw?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbU5ZQ0R4N3JrNXR5TFE4VHZyOTg4aWFEaWFFQU5NSkU0QWd0V3RRMTgyQnRIcFl2Uk5JMnpnSGx1UHpJM2xiMDZpYTVJN2gxeEZHZUdCQS82NDA?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbU5ZQ0R4N3JrNXR5TFE4VHZyOTg4aWFBWjBLM2J3bFMzamQ0Nlk2MWpINGx4Smx1MVFJOUJiUUZGMXNzOW9aTGtqVGo3MUNuSG9jRXcvNjQw?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbU5ZQ0R4N3JrNXR5TFE4VHZyOTg4aWExc0VmSWQ2c2p1SThpYmNUSWRpYU43aWJzRVJqNnNMbkFGaWFnSVdIWHZpY2ljTXc5Z0JpYnJPSjQ1WlNRLzY0MA?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbU5ZQ0R4N3JrNXR5TFE4VHZyOTg4aWFJZWFMRzgxYjY0cE45WWQ4dldIWnNqMjVMc0w4VUNYcGs4aWFDQXZKeUdsMVgzOU8xNDV4OUhBLzY0MA?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbU5ZQ0R4N3JrNXR5TFE4VHZyOTg4aWE3QVMxQ3JxNmliTDI2SDcyaksyaWFWdDkwMkNyMm5YRldRa2hPTHc1dnZuWkhxb1BBSHFueXN6dy82NDA?x-oss-process=image/format,png
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbU5ZQ0R4N3JrNXR5TFE4VHZyOTg4aWFUVVExMWQwSHpGSmlhWmJ0SFg1SEpINWlhdVVyU1dqaWNDNHM0ZVVqM3JsZ0NtNng3OTR6NTdtSlEvNjQw?x-oss-process=image/format,png
[format_png 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9HdnRER0tLNHVZbU5ZQ0R4N3JrNXR5TFE4VHZyOTg4aWFtTlZ2MmNWcW53emM5dWNrNkMzNEFpYmljOUtmcHBvaWN3OVdlbVFDSFplcDhpYWJ4ZmdMdERBUmVnLzY0MA?x-oss-process=image/format,png
[format_png 8]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi82YVZhT045S2liZjdjaWM5VWM1dHBJNjhKb0pxQ2QxRFJsRmlibWp0M2t6eXAzM1ZxMEtjaWJQRXBLYUNjeFhZY054OXBPbDU5d29CdGlhNmVVTGdvRnJQSERBLzY0MA?x-oss-process=image/format,png
[2019_460_Java_Java]: https://mp.weixin.qq.com/s?__biz=MzU3NjY4ODg4Nw%3D%3D&idx=1&mid=2247484494&scene=21&sn=1e5f782e60a8d983ea256b4d4b603049#wechat_redirect
[2019_460_Java_Java 1]: https://mp.weixin.qq.com/s?__biz=MzU3NjY4ODg4Nw%3D%3D&idx=1&mid=2247484495&scene=21&sn=d561aa0679f203aae9fd2561cdd796ca#wechat_redirect
[2019_460_Java_Java 2]: https://mp.weixin.qq.com/s?__biz=MzU3NjY4ODg4Nw%3D%3D&idx=1&mid=2247484496&scene=21&sn=27c84ebb4b7d86e7fa48a3d158c42bd5#wechat_redirect
[2019_460_Java_Java 3]: https://mp.weixin.qq.com/s?__biz=MzU3NjY4ODg4Nw%3D%3D&chksm=fd1143caca66cadc3bc7777299bfaee4b92e73850af275ce51a87f43e390e762fbb6b4f0fe48&idx=1&lang=zh_CN&mid=2247484498&scene=21&sn=98cfe73ccb25b48f597f6ae388bf5e25&token=628438799#wechat_redirect
[2019_460_Java]: https://mp.weixin.qq.com/s?__biz=MzU3NjY4ODg4Nw%3D%3D&chksm=fd1143c1ca66cad7e846f780b178d59af6aad9cc80bf476b24e7e937386bbcbd2b56cfba7325&idx=1&lang=zh_CN&mid=2247484505&scene=21&sn=e29c828758f3801091e9f2f0cb2769a6&token=628438799#wechat_redirect
[2019_460_Java 1]: https://mp.weixin.qq.com/s?__biz=MzU3NjY4ODg4Nw%3D%3D&chksm=fd1143c2ca66cad424704a5d7469660c86c3ffd252a1aeea327d63cfcbd0ed20d3016ce4860a&idx=1&lang=zh_CN&mid=2247484506&scene=21&sn=b0709b16632ec30fde025e2db409f4e6&token=628438799#wechat_redirect
[2019_460_Java 2]: https://mp.weixin.qq.com/s?__biz=MzU3NjY4ODg4Nw%3D%3D&chksm=fd1143c3ca66cad53abf3390ccfd33278a44ee49ae77d06ef6f8d416bd24e9d9ae04ed31a27e&idx=1&lang=zh_CN&mid=2247484507&scene=21&sn=99c5fa753f44f3926457c151ed2d6089&token=1855460459#wechat_redirect
[Redis]: https://mp.weixin.qq.com/s?__biz=MzU3NjY4ODg4Nw%3D%3D&chksm=fd11445fca66cd49107ec49753cc2e7e9bbab02e56bacf0a725b5b2858b21dc41835dd2625d0&idx=1&lang=zh_CN&mid=2247484359&scene=21&sn=9450e4c7eb488e62c1e43b3e3c532caa&token=1831305316#wechat_redirect
[GitHub]: https://mp.weixin.qq.com/s?__biz=MzU3NjY4ODg4Nw%3D%3D&chksm=fd1144e0ca66cdf6f258a582d03818be6fe3f746ce1fbba67d18edc43ce84db4697d56469368&idx=1&lang=zh_CN&mid=2247484280&scene=21&sn=529c0b4256e64e00a2aae92568cce173&token=388083482#wechat_redirect
[format_png 9]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9XNERDcWp0cWVhdXh6dVRYb1BkMXhrbkxRM2JGUUtVTXNtaWJxRzJFcFBnNWpiOTY2YUhOeDNRSnZjSHVhemFpYTRpY1d4TTZqUDlpYTZaczdvaWJ0bDJFa0lnLzY0MA?x-oss-process=image/format,png
[format_png 10]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9iOTZDaWJDdDcwaWFhQkFpY0ROQ1NzNkgwTzBTQkdTQUxmbmljTlRrcWE1VDZZWTZhbTM0NmhkcGpsTlZ0clpSTUVkZGg2QktSSW1TaWNYSkhQVWhrYTR4amJnLzY0MA?x-oss-process=image/format,png