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

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

美人鱼

  • star 数 4.2k
  • 项目地址: https://gitee.com/mumu-osc/NiceFish

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

项目效果图:

微人事

  • star 数 15.3k
  • 项目地址:https://github.com/lenve/vhr

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

项目效果图:

项目部分文档截图:

bootshiro

  • star 数 2.1k
  • 项目地址: https://gitee.com/tomsun28/bootshiro

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

项目效果图:

open-capacity-platform

  • star 数 4.1k
  • 项目地址:https://gitee.com/owenwangwen/open-capacity-platform

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

项目效果图:

V 部落

  • star 数 4.6k
  • 项目地址:https://github.com/lenve/VBlog

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

项目效果图:

悟空 CRM

  • star 数 1.3k
  • 项目地址:https://gitee.com/wukongcrm/72crm-java

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

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

paascloud-master

  • star 数 7.5k
  • 项目地址:https://github.com/paascloud/paascloud-master

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

项目效果图:

总结

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

推荐七个略火的 SpringBoot+Vue 项目相关推荐

  1. 一键生成Springboot Vue项目! 【私活神器】

    今天给大家推荐一款自己公司正在打磨的一款一键部署,一键生成全自动化的低代码生成器工具,可以实现前端可视化操作(拖拽形式+配置就可以生成前端页面),后端直接结合前端代码一键生成,数据库(含表字段)可一键 ...

  2. springboot+Vue项目使用axios实现跨域(CROS)

    springboot+Vue项目使用axios实现(CROS)跨域 一.项目背景 二.跨域资源共享 CORS 详解 三.axios跨域实现 3.1 安装qs模块 3.2 axios使用 四.sprin ...

  3. 部署springboot+vue项目文档(若依ruoyi项目部署步骤)

    部署springboot+vue项目文档(若依ruoyi项目部署步骤) 一:部署linux + nginx 二:部署windows + tomcat(无nginx) 三:解决调用第三方api如百度地图 ...

  4. springboot+vue项目大型实战(一)后端开发

    源码下载地址!!!点我 数据库创建表 SET NAMES utf8mb4; SET FOREIGN_KEY_CHECKS = 0;-- ---------------------------- -- ...

  5. SpringBoot+Vue项目中实现登录验证码校验

    SpringBoot+Vue项目中实现登录验证码校验 在各大项目中,为保证数据的安全性,通常在登录页面加入验证码校验,以防止爬虫带来的数据泄露危机.本文将介绍在前后端分离的项目中,怎样实现图形验证码校 ...

  6. 【EasyExcel】在SpringBoot+VUE项目中引入EasyExcel实现对数据的导出(封装工具类)

    在SpringBoot+VUE项目中引入EasyExcel实现导入导出 一.引入EasyExcel 通过maven引入,坐标如下: <dependency><groupId>c ...

  7. 超详细Docker部署SpringBoot+Vue项目(三更博客项目部署)

    文章目录 1.项目部署规划 2.前置工作 2.1修改后端配置文件ip 2.2修改前端Vue项目运行端口 2.3修改前端对应的服务器ip 2.4后端项目打包 2.4.1解决打包问题 2.4.2项目打包, ...

  8. SpringBoot+Vue项目投票系统

    文末获取源码 开发语言:Java 框架:springboot+vue Node:node.js JDK版本:JDK1.8 服务器:tomcat7 数据库:mysql 5.7/8.0 数据库工具:Nav ...

  9. SpringBoot+Vue项目准妈妈孕期交流平台

    文末获取源码 开发语言:Java 开发工具:IDEA /Eclipse 数据库:MYSQL5.7 使用框架:springboot+vue JDK版本:jdk1.8 前言介绍 系统实现管理员:首页.个人 ...

最新文章

  1. 深度学习也利用进化论!李飞飞谈创建具身智能体,学动物进化法则
  2. 2018年深圳杯论文_全国大学生数学建模竞赛
  3. 编写优秀Bug报告的艺术 ----转载自CSDN(imlogic的专栏)
  4. 在Java生成的html页面加水印,Java在Excel中添加水印的实现(单一水印、平铺水印)...
  5. 2.2基本算法之递归和自调用函数_7592 求最大公约数问题
  6. (Python)Pandas reset_index()用法总结
  7. css空心三角形_(12)把“可以动的盒子”更优雅地展示: “伪元素”妙用 | CSS...
  8. Python求解非齐次线性方程组代码
  9. 【Linux集群教程】11 集群监控 - Zabbix 搭建
  10. 20201224 windows10下多显示器在多虚拟桌面下如何保持某个显示器一直显示相同的内容
  11. html5简介及常用标签
  12. C语言编程从键盘输入n值
  13. 微信小程序代码大于2M的一种解决方法
  14. python3 实现自动生成入账记录表
  15. 软考信息系统项目管理师(高项),论文该怎么准备?
  16. 微软任命 CEO 萨提亚·纳德拉为董事会主席
  17. 炫彩LED电子时钟制作记录
  18. Echarts (option.yAxis) Y轴 的属性
  19. UE4-SubSystem
  20. git版本回退及代码合并

热门文章

  1. vite、vue3警告:Component inside <Transition> renders non-element root node that cannot be animated.
  2. 微信小程序下拉刷新/上拉加载组件
  3. 函数式程序设计为什么至关重要(转载)
  4. 国家计算机二级和省计算机二级的区别?
  5. 【分享】免费的AI绘画网站(5个)
  6. 目前最赚钱快的微信营销几种玩法和模式
  7. win10安装hypermesh无法启动_最最详细的win10原版系统安装教程(包含制作启动安装)...
  8. Web前端系列技术之移动端CSDN会员页面复刻(动态完整版)
  9. 排序算法之 插入排序、希尔(shell)排序 及其时间复杂度和空间复杂度
  10. unity打开设置虚拟键的界面