西西木科技-专业的shopify liquid开发机构-前端JS丨react后端丨API接口丨shopify plus丨外贸独立站
前后端分离已经慢慢进入各个公司的技术栈。 据宋歌了解到的消息，目前已经有不少公司转向了这个技术栈。 即使你的公司还没有切换到这个技术栈，宋哥也强烈建议你学会前后端分离开发，以免在公司工作两三年后还不熟悉SSH框架几年了，才发现你还是没有优势！
其实前后端分离本身并不难。 后端提供接口，前端做数据展示。 关键是这个想法。 很多人习惯做开发时不区分前后端。 在做前后端分离的时候，很容易引入一些不同时期前后端分离的开发思路。 结果做出来的产品不伦不类，所以宋哥给大家整理了一些。 一个开源的前后端分离项目，帮助大家快速掌握前后端分离开发技术栈。
美人鱼
星号 3499
光看名字就知道这是一个好项目前后端api开发，而且其实还不错。 NiceFish（美人鱼）是一系列项目，其目标是演示前后端分离的开发模式：前端浏览器、移动端、Electron环境下的各种开发模式； 后端有两个版本：SpringBoot版本和SpringCloud版本外贸建站，前端有Angular、React和Electron版本。
项目效果图：
微观人事
星号9313
微人事是一套前后端分离的人力资源管理系统。 项目采用SpringBoot + Vue开发。 该项目连接了前后端，并提供了非常详细的文档。 从Spring Boot界面设计到前端Vue开发思路，作者都记录在项目的wiki中，是不可多得的Java全栈学习资料。
项目效果图：
部分项目文档截图：
布四郎
星号 1370
Bootshiro是一个基于Spring Boot + Shiro + JWT的真正的RESTful URL资源无状态认证权限管理系统的后端和前端。 与一般项目不同的是，该项目提供页面可配置、动态RESTful api安全管理支持前后端api开发，并实现数据传输动态密钥加密、jwt过期刷新、用户操作监控等，加强应用安全。
项目效果图：
开放能力平台
星号2643
open-capacity-platform 微服务能力开放平台，简称ocp，是一个基于layui + springcloud的企业级微服务框架（用户权限管理、配置中心管理、应用管理…）。 其核心设计目标是前后端分离。 快速开发部署，简单易学，功能强大，提供核心接口能力快速接入。 其目标是帮助企业构建一个类似于百度能力开放平台的框架。
项目效果图：
V部落
V Tribe是一个使用Vue + SpringBoot + ElementUI开发多用户博客管理平台。 该项目的最大优点是它的简单性。 它功能齐全但非常简单，非常适合初学者。
项目效果图：
悟空CRM
Wukong CRM是一个基于jfinal + vue + ElementUI的前后端分离的CRM系统。
说实话，了解jfinal就行了，没必要仔细研究。 Vue + ElementUI 的结合可以仔细研究一下前后端api开发；七个开源Spring Boot前后端分离项目，前后端交互方式可以仔细研究一下。
paascloud-master
星数5168
paascloud-master的核心技术是由SpringCloud+Vue两个全家桶实现的。 它采用开源就开源的目标，因此您无需任何收费框架即可使用开源。 整体技术栈中，只有阿里云短信服务是收费的，这是目前Java的前瞻性框架，可以解决中小企业的微服务架构问题，帮助他们快速搭建网站。 由于服务器成本较高外贸建站，本着尽可能降低开发成本的原则，本项目由10个后端项目和3个前端项目组成。 真正实现了基于RBAC、jwt、oauth2的无状态统一权限认证解决方案，实现了异常和日志的统一管理，实现了保证MQ实现100%到达的解决方案。
项目效果图：
总结
他山之石，可以借鉴。 当我们学习了很多知识点之后，我们需要一个项目来整合这些知识点。 这些开源项目都是很好的材料。 如今，前后端分离的开发方式越来越流行，松哥也强烈建议大家有时间就学习一下这种开发方式。 虽然我们是Java工程师，但我们不能固步自封。 我们来看看如何构建前端单页面应用程序以及前端工程是怎么回事。 这些将有助于我们开发更加合理、易用的后端接口。 好吧，这里有七个开源项目可以帮助您向全栈迈进更进一步！
注：本文篇幅有限，因此只展示了部分Java内容。 小编为您整理了完整的Java学习文档。 有需要的朋友可以私信我（如有需要）免费领取Java和大厂面试学习资料！
西西木科技是shopify官方合作伙伴，通过了Shopify Partner Academy认证，具备多年shopify lic主题开发经验，熟悉Liquid和各项计算机语言。