这几个SpringBoot前后端分离项目（附源码），改改就能换钱。。。

小鱼儿 2022-10-07 15:53 78阅读 0赞

点击蓝色“java大数据修炼之道”关注我哟
    
    加个“星标”，每天下午21:00，一起学技术

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

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

## **美人鱼** ##

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

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

项目效果图：

![72d7ed7e5e9bf9db91d0188e3100f954.png][]

## **微人事** ##

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

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

项目效果图:

![11686a9b2e920ca84f99e16f83dbcb25.png][]

项目部分文档截图：

![ce137f46b0ae240b360ed299786d5a7b.png][]

##        ##

## **bootshiro** ##

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

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

项目效果图：

![115583c1df5baf5f1b208b51e6bddfc7.png][]

## **open-capacity-platform** ##

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

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

项目效果图：

![7d840f6ff0a4f95f171088b53413e45b.png][]

##        ##

## **V 部落** ##

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

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

项目效果图：

![5bde096ce876c151d2cb032a8c552f1a.png][]

##        ##

## **悟空 CRM** ##

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

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

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

![aa79b9c1c45c967a962a6c64a4bbd8d3.png][]

##     ##

## **paascloud-master** ##

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

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

项目效果图：

![70316c9d72952fa405c4ffef04bf1dad.png][]

# **总结** #

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

觉得本文对你有帮助？请分享给更多人
    
    关注「java大数据修炼之道」加星标，提升开发技能
    本公众号会不定期给大家发福利，包括送书、学习资源等，敬请期待吧！
    如果感觉推送内容不错，不妨右下角点个在看转发朋友圈或收藏，感谢支持。
    好文章，留言、点赞、在看和分享一条龙吧❤️

[72d7ed7e5e9bf9db91d0188e3100f954.png]: /images/20221005/94d16b6b10594d119bb3dc35a933ac0e.png
[11686a9b2e920ca84f99e16f83dbcb25.png]: /images/20221005/2ce0aefc13a4452c9efefd6e66d4d13d.png
[ce137f46b0ae240b360ed299786d5a7b.png]: /images/20221005/360c7dfc89584960baa777089fca484d.png
[115583c1df5baf5f1b208b51e6bddfc7.png]: /images/20221005/0323a9b1081d48268ba4ea470c7c10da.png
[7d840f6ff0a4f95f171088b53413e45b.png]: /images/20221005/6140af6e2a4a4cca9a61fa3f57eb7a68.png
[5bde096ce876c151d2cb032a8c552f1a.png]: /images/20221005/2c865fa69e384e20b4db3d857a367fa2.png
[aa79b9c1c45c967a962a6c64a4bbd8d3.png]: /images/20221005/db92589581cd4820bb54cfaf77706385.png
[70316c9d72952fa405c4ffef04bf1dad.png]: /images/20221005/fe4fbf37724043ad8cee1613abe309b0.png