7 个开源的 Spring Boot 前后端分离项目，一定要收藏！
source link: http://mp.weixin.qq.com/s?__biz=MzIxNzU1Nzk3OQ%3D%3D&%3Bmid=2247489943&%3Bidx=2&%3Bsn=fe8fafa15864d904039addfa9e36076d
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
code小生 一个专注大前端领域的技术平台
Android 加入安卓技术群
前后端分离已经在慢慢走进各公司的技术栈，根据松哥了解到的消息，不少公司都已经切换到这个技术栈上面了。 即使贵司目前没有切换到这个技术栈上面，松哥也非常建议大家学习一下前后端分离开发，以免在公司干了两三年，SSH 框架用的滚瓜烂熟，出来却发现自己依然没有任何优势！
其实前后端分离本身并不难，后段提供接口，前端做数据展示，关键是这种思想。很多人做惯了前后端不分的开发，在做前后端分离的时候，很容易带进来一些前后端不分时候的开发思路，结果做出来的产品不伦不类，因此松哥这里给大家整理了几个开源的前后端分离项目，帮助大家快速掌握前后端分离开发技术栈。
美人鱼
-
star 数 3499
-
项目地址：https://gitee.com/mumu-osc/NiceFish
听名字就知道这是个不错的项目，事实上确实不赖。NiceFish（美人鱼） 是一个系列项目，目标是示范前后端分离的开发模式:前端浏览器、移动端、Electron 环境中的各种开发模式；后端有两个版本：SpringBoot 版本和 SpringCloud 版本，前端有 Angular 、React 以及 Electron 等版本。
项目效果图：
微人事
-
star 数 9313
-
项目地址：https://github.com/lenve/vhr
微人事是一个前后端分离的人力资源管理系统，项目采用 SpringBoot + Vue 开发。项目打通了前后端，并且提供了非常详尽的文档，从 Spring Boot 接口设计到前端 Vue 的开发思路，作者全部都记录在项目的 wiki 中，是不可多得的 Java 全栈学习资料。
项目效果图:
项目部分文档截图：
bootshiro
-
star 数 1370
-
项目地址：https://gitee.com/tomsun28/bootshiro
bootshiro 是基于 Spring Boot + Shiro + JWT 的真正 RESTful URL 资源无状态认证权限管理系统的后端,前端 usthe 。区别于一般项目，该项目提供页面可配置式的、动态的 RESTful api 安全管理支持，并且实现数据传输动态秘钥加密，jwt 过期刷新，用户操作监控等，加固应用安全。
项目效果图：
open-capacity-platform
-
star 数 2643
-
项目地址：https://gitee.com/owenwangwen/open-capacity-platform
open-capacity-platform 微服务能力开放平台，简称 ocp ，是基于 layui + springcloud 的企业级微服务框架(用户权限管理，配置中心管理，应用管理，....)，其核心的设计目标是分离前后端，快速开发部署，学习简单，功能强大，提供快速接入核心接口能力，其目标是帮助企业搭建一套类似百度能力开放平台的框架。
项目效果图：
V 部落
-
star 数 2902
-
项目地址：https://github.com/lenve/VBlog
V部落是一个多用户博客管理平台，采用 Vue + SpringBoot + ElementUI 开发。 这个项目最大的优势是简单，属于功能完整但是又非常简单的那种，非常非常适合初学者。
项目效果图：
悟空 CRM
-
star 数 650
-
项目地址：https://gitee.com/wukongcrm/72crm-java
悟空 CRM 是基于 jfinal + vue + ElementUI 的前后端分离 CRM 系统。
老实说，jfinal 了解下就行了，没必要认真研究，Vue + ElementUI 的组合可以认真学习下、前后端交互的方式可以认真学习下。
paascloud-master
-
star 数 5168
-
项目地址：https://github.com/paascloud/paascloud-master
paascloud-master 核心技术为 SpringCloud + Vue 两个全家桶实现，采取了取自开源用于开源的目标，所以能用开源绝不用收费框架，整体技术栈只有阿里云短信服务是收费的，都是目前 java 前瞻性的框架，可以为中小企业解决微服务架构难题，可以帮助企业快速建站。由于服务器成本较高，尽量降低开发成本的原则，本项目由 10 个后端项目和 3 个前端项目共同组成。真正实现了基于 RBAC、jwt 和 oauth2 的无状态统一权限认证的解决方案，实现了异常和日志的统一管理，实现了 MQ 落地保证 100% 到达的解决方案。
项目效果图：
总结
他山之石，可以攻玉。当我们学会了很多知识点之后，需要一个项目来将这些知识点融会贯通，这些开源项目就是很好的资料。现在前后端分离开发方式日渐火热，松哥也强烈建议大家有空学习下这种开发方式。虽然我们身为 Java 工程师，可是也不能固步自封，看看前端单页面应用怎么构建，看看前端工程化是怎么回事，这些都有助于我们开发出更加合理好用的后端接口。好了，七个开源项目，助力大家在全栈的路上更进一步！
推荐阅读
4 Android性能优化：关于 内存泄露 的知识都在这里了！（文不如图，图不如表）
如果你有写博客的好习惯
点在看,小生感恩大家 :heart:
Recommend
-
54
由于公司之前是写C#的，现在要转 Java分布式 + vue,所以进行一次前后端的简单培训。 前端工具和环境： Node.js V10.15.0 Vue.js V2.5.21 yarn: V1.13.0 IDE:VScode 后端工具和环境： Maven: 3
-
43
在Vue.js 中，如果网络请求使用 axios ，并且使用了 ElementUI 库，那么一般来说，文件上传有两种不同的实现方案： 通过 Ajax 实现文件上传 通过 ElementUI 里边的 Upload 组件实现文件上传 两种方案，各有优缺点，我们
-
22
前端网络访问，主流方案就是 Ajax，Vue 也不例外，在 Vue2.0 之前，网络访问较多的采用 vue-resources，Vue2.0 之后，官方不再建议使用 vue-resources ，这个项目本身也停止维护，目前建议使用的方案是 axios。今天松哥就带大家来看看 axi...
-
44
前端网络访问，主流方案就是 Ajax，Vue 也不例外，在 Vue2.0 之前，网络访问较多的采用 vue-resources，Vue2.0 之后，官方不再建议使用 vue-resources ，这个项目本身也停止维护，目前建议使用的方案是 axios。今天松哥就带大家来看看 axios 的使用。
-
29
问与答 - @w292614191 - 能找到的资料全是 vue 做前端，难道没有 vue 就不能分离了？我知道 vue 是趋势，但不是必须吧。我们之前是一个 iframe 结构的 springboot 项目，并没有分离进行，现在有
-
17
作者：_Yufan<br> 来源：www.cnblogs.com/yfzhou/p/9813177.html 本文总结自实习中对项目的重构。原先项目采用 Springboot+freemarker 模版，开发过程中觉得前端逻辑写的实在恶心，后端 Controller 层还必须返回 Freemarker 模版的 ModelAndView...
-
8
使用aspnetcore前后端分离开发，你一定要知道这个 - gui.h - 博客园 用过Vue单页面应用开发的，一定都知道Vue-router这个路由组件，它支持hash和history两种模式。 HTML5 History 模式 v...
-
5
前后端分离开发的场景下，开发人员的工作内容更加专注与专业，但是也产生了一些额外的沟通成本。比如：本文中为大家说明的前后端参数传递与接受方法。本文主要是面对前端使用axios，后端使用Spring进行参数接受的情况进行说明。在使用spring的时候，与前端配合开发，...
-
9
前后端分离开发的场景下，开发人员的工作内容更加专注与专业，但是也产生了一些额外的沟通成本。比如：本文中为大家说明的前后端参数传递与接受方法。本文主要是面对前端使用axios，后端使用Spring进行参数接...
-
7
文档内容的显示：在上一次 Spring Boot&Vue3前后端分离实战wiki知识库系统<十>--文档管理功能开发二文档管理模块还差文档的显示木有完成，所以接下来先将这块模块...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK