关键词：
前后端分离已经在慢慢走进各公司的技术栈，根据松哥了解到的消息，不少公司都已经切换到这个技术栈上面了。即使贵司目前没有切换到这个技术栈上面，松哥也非常建议大家学习一下前后端分离开发，以免在公司干了两三年，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 工程师，可是也不能固步自封，看看前端单页面应用怎么构建，看看前端工程化是怎么回事，这些都有助于我们开发出更加合理好用的后端接口。好了，七个开源项目，助力大家在全栈的路上更进一步！
转自：https://www.cnblogs.com/lenve/p/11539910.html
八个开源的springboot前后端分离项目，一定要收藏！
八个开源的SpringBoot前后端分离项目最近前后端分离已经在慢慢走进各公司的技术栈，不少公司都已经切换到这个技术栈上面了。即使贵司目前没有切换到这个技术栈上面，我们也非常建议大家学习一下前后端分离开发，以免在... 查看详情
推荐9个yyds前后端分离项目
...：NiceFish（美人鱼）01前后端分离博客系统这是一款基于SpringBoot=Vue的前后端分离的博客系统，后端采用技术栈：SpringBoot、SpringSecurity、jjwt、MyBatis、PageHelper、Redis、commonmark-java、ip2region、quartz、yauaa。前端核心框架：Vue2.x、VueRoute... 查看详情
springboot+vue音乐网站开源项目，前后端分离，拿来练手真不错！
...站的客户端和管理端使用VUE框架来实现，服务端使用SpringBoot+MyBatis来实现，数据库使用了MySQL。项目功能音乐播放用户登录注册用户信息编辑、头像修改歌曲、歌单搜索歌单打分歌单、歌曲评论歌 查看详情
springboot项目一般选择前后端分离好还是整合freemarker？
springboot项目一般选择前后端分离好？还是整合freemarker？现在项目采用哪种模式多一些啊？并没有好与不好，只有合适与不合适；你要看你的项目的应用场景，开展的具体业务类型；是小型项目，还是一定规模的项目，是你自己... 查看详情
一款小清新的springboot+mybatis前后端分离后台管理系统项目(代码片段)
...互不影响。前端技术采用vue+antdvPro+axios。后端采用springboot+mybatis-plus+hutool等，开源可靠。基于springsecurity(jwt 查看详情
springboot+vue前后端分离项目架构
SpringBoot+Vue前后端分离项目架构项目流程：1.SpringBoot后端项目1、新建一个SpringBoot工程，并添加项目开发过程中需要的相关依赖；2、数据库新建book数据表；--------------------------------Tablestructureforbook------------------- 查看详情
《springboot入门及前后端分离项目实践》系列介绍
课程计划课程地址点这里本课程是一个SpringBoot技术栈的实战类课程，课程共分为3个部分，前面两个部分为基础环境准备和相关概念介绍，第三个部分是SpringBoot项目实践开发。SpringBoot介绍、前后端分离、API规范等内容旨在让读... 查看详情
nginx反向代理前后端分离项目（后端多台）
...，动态资源和静态资源分离，提高了性能和扩展性。通常SpringBoot与vue进行前后端分离，主要有两种方式：1.打包（npmrunbuild命令）vue项目出来的dist文件夹拷贝到springboot项目的static文件目录，部署到tom 查看详情
springboot+vue+antdesign前后端分离项目脚手架
项目介绍一款Java语言基于SpringBoot2.x、MybatisPlus、Vue、AntDesign、MySQL等框架精心打造的一款前后端分离框架，致力于实现模块化、组件化、可插拔的前后端分离架构敏捷开发框架，可用于快速搭建前后端分离后台管理系统&#... 查看详情
springboot2.x开发案例之前后端分离鉴权
前言阅读本文需要一定的前后端开发基础，前后端分离已成为互联网项目开发的业界标准使用方式，通过Nginx代理+Tomcat的方式有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服... 查看详情
springboot微人事管理系统前后端分离附源码
参考技术A项目介绍：此项目是由SpringBoot+Vue前后端分离技术开发，共同学习前后端分离开发项目，共同学习后端技术：前端技术系统部署由于我在vuehr项目中已经配置了端口转发，将数据转发到SpringBoot上，因此项目启动之后，在... 查看详情
springboot前后端分离项目session问题解决
最近接手了一个新项目，采用了SpringBoot前后端分离开发，勉强算是吧，因为我们没使用VUE。那么今天就遇到一个问题，登录之后把用户信息存放到了Session中，但是我在其他方法中从Session域再次拿用户信息时，却发现session... 查看详情
springboot可以前后端分离吗
参考技术A可以，现在很多项目都是前后端分离的，只是开发前需要配置环境，数据源，上下端等很多东西。 查看详情
springboot搭建web项目（前后端分离，附项目源代码地址）
springBoot搭建web项目（前后端分离，附项目源代码地址） 概述该项目包含springBoot-example-ui和springBoot-example，分别为前端与后端，前后端分离，利用ajax交互。springBoot-example-ui前端html技术：BootStrap + layer + jquer... 查看详情
springboot+vue+shiro实现前后端分离权限控制
本文总结自实习中对项目的重构。原先项目采用Springboot+freemarker模版，开发过程中觉得前端逻辑写的实在恶心，后端Controller层还必须返回Freemarker模版的ModelAndView，逐渐有了前后端分离的想法，由于之前，没有接触过，主要参考... 查看详情
基于springboot架构的前后端完全分离项目api路径问题(代码片段)
...构，前端组件：vue+vue-router+vuex+element-ui+axios，后端组件：SpringBoot+MyBatis。之所以这样做是为了考虑后端水平扩容的便利性，在部署的时候完全可以将前后端彼此独立部署，前端部署可以直接使用诸如Nginx这样的高性能Web服务器。... 查看详情
springboot+vue前后端项目的分离（我的第一个前后端分离项目）(代码片段)
文章目录1、前端vue的搭建2、后端项目的构建pom文件中引入的jar包yml文件用来配置连接数据库和端口的设置application.property进行一些整合controller层（这里返回给前端的数据用json）service层imp层mapper实体类额外写一个类、解... 查看详情
前后端分离的springboot+vue项目打包教程
...发布到自己的服务器上去，我也去网上找了一些关于springboot+vue的前后端分离的项目的打包及发布教程，但是网上的一些教程都是各种方法都有，所以在 查看详情