七个开源的 Spring Boot 前后端分离项目,一定要收藏!

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

美人鱼
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% 到达的解决方案。

项目效果图:

在这里插入图片描述
原文来自:https://www.cnblogs.com/lenve/p/11539910.html
转载只是为了自己学习

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Spring Boot 是一个开源JavaEE 框架,可以快速构建 Web 应用程序和微服务。在 Spring Boot 中,前后端不分离的项目通常是使用模板引擎来渲染页面,后端将数据传递给模板引擎,然后模板引擎将数据填充到 HTML 页面中。 在 Spring Boot 中,常见的模板引擎包括 Thymeleaf、Freemarker、JSP 等。使用模板引擎,可以方便地将数据填充到 HTML 页面中,并实现动态页面的渲染。 下面是一个使用 Thymeleaf 模板引擎的 Spring Boot 示例: 1. 添加 Thymeleaf 依赖: ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> ``` 2. 创建一个简单的控制器类: ```java @Controller public class HelloController { @GetMapping("/hello") public String hello(Model model) { model.addAttribute("name", "World"); return "hello"; } } ``` 3. 创建一个名为 hello.html 的模板文件: ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Hello</title> </head> <body> <h1 th:text="'Hello, ' + ${name} + '!'"></h1> </body> </html> ``` 4. 运行程序,访问 http://localhost:8080/hello,即可看到页面上显示了“Hello, World!”。 通过使用模板引擎,可以很方便地将数据填充到 HTML 页面中,实现动态页面的渲染。但是,使用模板引擎的前后端不分离项目开发效率低下,难以实现前后端分离、复用和可维护性。因此,在实际开发中,建议使用前后端分离的架构。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值