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

技术标签: java

 

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

松哥 好好学java 3天前

  点击上方 好好学java ,选择 星标 公众号

 
 

重磅资讯、干货,第一时间送达

今日推荐:用好Java中的枚举,真的没有那么简单!

 

个人原创+1博客:点击前往,查看更多

作者 | 松哥

来源 | 江南一点雨(id:a_javaboy)

前后端分离已经在慢慢走进各公司的技术栈,不少公司都已经切换到这个技术栈上面了。即使贵司目前没有切换到这个技术栈上面,松哥也非常建议大家学习一下前后端分离开发,以免在公司干了两三年,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

  • github.com/paascloud/paascloud-master

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

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

项目效果图:

总结

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


阅读原文

阅读 4182

 在看27

来源:https://mp.weixin.qq.com/s/Rt6Hmjxxk7CF7TbjHSAHnA


智能推荐

Spring boot 和 Vue 前后端分离项目的启动部署(详细版)

一、首先拿到spring boot + vue项目,可以从git 上获取到 spring boot 项目导入idea中启动,运行mian函数启动项目(tomcat端口改为80) 二、安装node(最新版)https://nodejs.org/en/download/(具体安装过程,查百度) 测试node和cpm是否成功 打开黑窗口(win键+x)点击:命令提示符管理员(必须以管理员运行)。 输入n...

基于Spring Boot+Vue的前后端分离实战项目

点击▲关注 “爪哇笔记”   给公众号标星置顶 更多精彩 第一时间直达 简介 基于Spring Boot+Vue的后台管理系统,权限管理,字典,配置,定时任务,短信,邮件,根据excel模板导出,cms内容管理,手机端h5,IDEA 代码生成插件。 目录说明 flash-api 后台api服务 flash-vue-admin ...

vuejs项目:路由跳转时更改页面title - 代码篇

文章目录 (含效果图、演示代码)vue路由跳转不同页面的时候,自动更改页面title 一、效果图演示: 二、示例 · 重要代码: 三、设置总结 (含效果图、演示代码)vue路由跳转不同页面的时候,自动更改页面title 一、效果图演示: 二、示例 · 重要代码: 三、设置总结 router文件夹下的index.js文件中给每个path添加meta:{ }; (具体参考下...

Cortex-M3权威指南阅读笔记1

1.基本概念 ARM的体系架构版本:即其所使用的指令集的版本。ARM架构支持32位ARM指令集和16位Thumb指令集,后者使代码存储空间大大减小并提供一些拓展功能(Jazelle、Trustzone、IEM等)。 架构有ARMv4、ARMv4T、ARMv5TEJ、ARMv6、ARMv9等等。相同的指令集下,搭配不同的部件即为不同的处理器:ARM7、ARM9、Cortex、SecurCore等系列...

maven打包多环境

参考https://blog.csdn.net/liudongdong0909/article/details/62891602 mvn clean package -P test -----> 测试环境 mvn clean package -P dev -----> 开发环境 或者 mvn -P test install mvn -P test package...

猜你喜欢

EKF

Extended Kalman Filter (EKF) EKF2 和 EKF3 的优缺点 EKF2被默认最稳定 EKF2能接收从Vicon系统或者ROS SLAM 中接受位置估计,EKF3目前是没有的,除非和EKF2一样。 EKF2仅仅估计加速度z轴补偿,EKF3估计三轴加速度补偿。 EKF3接收更新的传感器源,包括:Beacons、Wheel Encoders 以及Visual Odometr...

计算机网络概论

计算机网络概论 定义 简单定义 ​ 计算机网络是以能够相互共享资源的方式互连起来的自治计算机系统的集合。 较好的定义 ​ 计算机网络主要是由一些通用的、可编程的硬件互连而成的,而这些硬件并非专门用来实现某一特定目的(例如,传送数据或视频信号)。这些可编程的硬件能够用来传送多种不同类型的数据,并能支持广泛的和日益增长的应用。 计算机网络组成 从物理组成来看 ​ 1) 硬件:由主机、通信处理机(或称为...

构造并发送Beacon帧以伪造任意WiFi热点

  请想象一下这样的情景:你可以任意伪造很多个WiFi热点, 这个技术只能在linux上使用,而且对无线网卡也有一定的挑剔,具体的下面会讲~   阶段一:基本原理   首先需要搞清楚的是,手机、电脑等支持WiFi的设备,是如何得知周围无线热点的存在的?无线热点(通常就是无线路由器)会周期性地向外发送Beacon帧,中文名为信标帧。信标帧一个最重要的作用就是宣示无线网络的存在(但不仅仅这个作用)。 ...

晁岳攀---基于go的 rpc框架实践

晁岳攀:软件开发的老兵,Scala集合技术手册(简/繁版)的作者, 高性能的服务治理rpcx (Go)框架的开发者,先前在同方、Motorola、comcast从事软件开发工作,现在在微博平台研发部做基础平台的研发工作。经常在网上和个人网站(http://colobu.com)发表一些技术文章。 前言       大家好,我是来自微博研发中心的平台架构组的晁岳攀,我这...

java环境变量配置

JDK: (1)新建->变量名"JAVA_HOME",变量值"C:\Java\jdk1.8.0_05"(即JDK的安装路径) (2)编辑->变量名"Path",在原变量值的最后面加上“;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin” (3)新建->变量名“CL...

问答精选

The union of two determinstic finite automata?

I'm trying to solve a problem where I have to create a DFA for the union of two languages. These are: {s is {a, b, c}*| every "a" in s is immediately followed by a "b"} and { s is ...

Console output omitted when using commas instead of "\n"

I can't explain myself the following weird behaviour: In the inOrder() function, if I write printf("%d\n", node->value) (hence with "\n")everything works fine and the program gi...

PyQt - questions about QSlider and QGraphicsTextItem

I'm totally stuck with 2 problems: 1) i'm using QSlider to set some values (they're float ~0.5, so i'm using *1000). SingleStep and PageStep work fine for keyboard input and mouse wheel, ticks're all ...

set jquery default animation speed

I cannot find any documentation. All I want to do it set jQuerys default animation speed. Something like this: Thanks folks! or Reference: https://learn.jquery.com/effects/intro-to-effects/#jquery-fx...

Android - Using AutoCompleteTextView to detect a word next to `@`

Firstly, I am really new in AutoCompleteTextView, and as can be inferred from the title, I want to use it to Tag people in the social media app I am currently developing. First I've created a class na...

相关问题

相关文章

热门文章

推荐文章

相关标签

推荐问答