前后端分离时代,java后端用什么技术
前后端分离,后端只要返回前端json格式数据就可以。
至于业务逻辑部分spring mvc之类都可以。
推荐 9 个 yyds 前后端分离项目
前后端分离是现在主流的架构设计模式,它初衷是用「单一职责」原则把代码质量提上去从而达到节省人力和减少沟通时的信息损失的目的。
本文推荐九个前后端分离的开源项目,都是采用最流行的技术栈。本文推荐的开源项目已经收录到 Awesome GitHub Repo。
Awesome GitHub Repo 是逛逛 GitHub 创建的开源项目,会收集整理 GitHub 上高质量、有趣的开源项目,并将他们进行归类。
该开源项目集不是简单的按照编程语言来分类,而是按照更有趣的分类方式,比如:有趣项目、沙雕项目、实战项目、学习项目、实用工具等等。
本期推荐的开源项目是:
1. 前后端分离博客系统
2. 前后端分离考试系统
3. 基于 TypeScript 的聊天室项目
4. 人力资源管理开源项目
5. 一个可以用来练手的前后端分离项目
6. 学之思开源考试系统
7. 前后端分离的后台管理系统
8. 前后端管理平台一站式脚手架
9. 一个系列项目:NiceFish(美人鱼)
01 前后端分离博客系统
这是一款基于 Spring Boot = Vue 的前后端分离的博客系统,后端采用技术栈:Spring Boot、Spring Security、jjwt、MyBatis、PageHelper、Redis、commonmark-java、ip2region、quartz、yauaa。
前端核心框架:Vue2.x、Vue Router、Vuex;Vue 项目基于 @vue/cli4.x 构建。JS 依赖及参考的 CSS:axios、moment、nprogress、v-viewer、prismjs、APlayer、MetingJS、lodash、mavonEditor、echarts、tocbot、iCSS
02 前后端分离考试系统
该项目是一个前后端分离的在线考试系统。后端使用 Spring Boot,前端使用 VUE 和 Element-UI 组件库配合完成开发。
03 基于 TypeScript 的聊天室项目
该项目是一个聊天室,采用全 TypeScript 开发,目前聊天室已经具备完整的聊天功能,有兴趣的朋友可以自行 fork 去开发。
技术选型:Typescript、Vue2.6.x、Socket/io、Vuex、Nestjs、Typeorm、ES6+、SASS(SCSS)。
04 人力资源管理系统
微人事是一个前后端分离的人力资源管理系统,项目采用 Spring Boot + Vue 开发。首先,不同的用户在登录成功之后,根据不同的角色,会看到不同的系统菜单,完整菜单如下:
每个用户的角色是由系统管理员进行分配的,系统管理员给用户分配角色的页面如下:
系统管理员也可以管理不同角色可以操作的资源,页面如下:
后端技术栈:Spring Boot、Spring Security、MyBatis、MySQL、Redis、RabbitMQ、Spring Cache、WebSocket
前端技术栈:Vue、ElementUI、axios、vue-router、Vuex、WebSocket、vue-cli4
05 前后端分离练手项目
一个基于 Spring Boot + Vue 开发的前后端分离博客项目,带有超级详细开发文档和讲解视频。还未接触过 Vue 开发或者前后端分离的同学可以学起来。
06 开源考试系统
学之思开源考试系统是一款 Java + Vue 的前后端分离的考试系统。主要优点是开发、部署简单快捷、界面设计友好、代码结构清晰。
支持 Web 端和微信小程序,能覆盖到 PC 机和手机等设备。支持多种部署方式:集成部署、前后端分离部署、Docker 部署。
07 后台管理系统
一个基于 Spring Boot 2.1.0 、 Spring Boot Jpa、 JWT、Spring Security、Redis、Vue 的前后端分离的后台管理系统。
项目采用分模块开发方式, 权限控制采用 RBAC,支持数据字典与数据权限管理,支持一键生成前后端代码,支持动态路由。
体验地址:
账号密码:admin / 123456
08 前后端管理平台一站式脚手架
本项目基于Spring Cloud 和Ant Design Pro实现前后端管理平台一站式脚手架,便于快速开发企业级应用。我们的愿景是 基于CopyPaste技术,实现面向GoogleBaidu编程,让码农搬砖不累,做更好的良民。
预览地址:;用户名和密码:admin
浏览器输入 localhost:8000 后会自动跳转到登录页
输入用户名和密码 admin/admin后,跳转到首页
Cookie中JWT Token
监控服务 localhost:8001效果(如果启动了monitor服务,用户名和密码为admin/admin)
移动端效果
09 美人鱼
NiceFish(美人鱼) 是一个系列项目,目标是示范前后端分离的开发模式:前端浏览器、移动端、Electron 环境中的各种开发模式;后端有两个版本:SpringBoot 版本和 SpringCloud 版本。
历史 推荐的开源项目已经收录到 GitHub 项目,欢迎 Star:
如何实现前后端分离?前端如何在访问后端时避免跨域访问?
前后端分离实现了技术上更大的专一性,并且赋予了前后数据的灵活性!公司现在沿用的阿里系前后端分离,姑且分享下!
前后端分离之前的时代,MVC框架大行其道,通常是前端(后台亲切称呼为写静态页面的)开发HTML页面,包括CSS等,然后由后端开发人员统一进行动态数据绑定,这样前端的能力没有体现出来,而后端也对改样式,调布局不胜其烦,而且前后端耦合容易引发相互污染,项目笨重等缺点,这时候分离是最好的选择!
原始的MVC模型图示:
读写分离就是将原来后端的框架MVC分为MC+V,后端controller只需要控制流程的流转,权限认证,业务逻辑等,model层为业务代码与数据层的连接,整个View层全部作为前端项目的形式拆分,单独部署在不同的服务节点上,实现分离!
分离之前View与controller的数据传输只需要通过转发或者重定向,将数据传递到页面,使用特定的EL表达式进行数据接收与显示,分离之后两个项目通常在不同的服务器中,数据的传输涉及到网络通信,所以需要在满足一定的传输协议的基础上进行动态数据的处理!
前后端分离怎么做的呢?
①,后端:后端设计好数据结构后,根据需求提供一套接口文档,内容包括遵循b/get)nginx中我通过配置映射将a/b/get映射为a/b/get(后端)实际的暴露地址,实现了数据的获取!
这样的一个架构,在用户看来是完全透明的,实现了整个功能的内聚,前后分离让前后端的开发人员更加专注的维护自己的代码,大大提升了开发人员的效率,如果你在开发过程中有疑惑,欢迎在线咨询
微信小程序前后端分离怎么实现
微信小程序前后端分离的主要实现方式是将前端和后端的代码逻辑分开,前端负责展示和交互,后端负责数据处理和逻辑控制。下面简单介绍一下微信小程序前后端分离实现的一些关键步骤:
1. 前端代码开发:使用微信小程序开发者工具或其他工具,开发出前端的界面、功能、逻辑代码等。
2. 后端接口开发:后端负责提供API接口,承担数据处理和逻辑控制等任务。采用RESTful API 或GraphQL API 形式提供前端需要的数据接口。
3. 前后端接口对接:在前端代码中,需要对后端提供的接口进行调用,获取数据进行展示,完成前后端交互。
4. 服务端部署:将后端代码部署到服务器上,在服务器上运行后端代码,使得前端发起请求后能够得到正确的数据返回。
5. 网络安全和数据安全:在前端和后端的实现过程中,需要注意网络安全和数据安全的问题,保证通信过程中的安全以及数据的保密性和完整性。
以上是微信小程序前后端分离实现的一些关键步骤,需要注意的是,该过程需要前端和后端开发人员进行密切协作,并进行适当的测试和调整,以保证整体的实现效果和性能。