# Java前后端分离的实现原理
## 什么是前后端分离？
前后端分离是一种架构模式，将前端和后端的开发分离，使得前端和后端能够独立开发、测试和部署。前端负责展示数据和用户交互，后端负责处理业务逻辑和数据存储。
前后端分离的主要优点包括：
- 前端和后端可以并行开发，提高开发效率。
- 前端和后端可以独立部署，提高部署效率。
- 前端和后端可以使用不同的技术栈，选择最适合的技术来解决问题。
原创
2023-08-10 09:55:28
88阅读
情况描述：最近在部署一个前后端分离的项目出现了跨域问题*，项目使用jwt进行鉴权，需要前端请求发起携带TOKEN的请求*，请求所带的token无法成功发送给后端，使用跨域后出现了兼容性问题：Chrome、Firefox浏览器正常，而IE还是报跨域错误
一、跨域问题在项目中可以使用CORS解决
方式一@CrossOrigin
在每个controller类加上 方式二 直接在spr
转载
2023-06-13 22:05:25
94阅读
问题描述：为了实现前后端的彻底分离，我们彻底放弃使用.jsp的方式在前端显示页面中穿插java代码，但是带来的问题也比较明显，就是前端向后台发出请求的时候可能会出现跨域的问题，浏览器为了安全会阻止跨域请求。目前有一种很好的方法是使用node.js来解决这个问题，现在我提出另外几种解决方案，虽说也同样会带来一些安全等方面的问题，但也不失是一种方法，可以参考一下的。一、前后端发布项目的端口不同。这样带
第一步，确保该服务器上已安装jdk，由于本人的springboot项目在IDEA上，打包较为方便，打成jar包后，将该jar包上传至服务器即可，在服务器命令行输入java -jar test.jar(此处为你的jar包名称)，完成该命令行的正确输入，该springboot项目就可以正常启动。后台代码部署至服务器运行，较为简单，接下来部署前端项目； 第二步，前端项目用vue框架编写，在服务器上部署，
转载
2023-09-13 22:56:41
174阅读
一、个人主页项目架构浏览器-->java代码后端-->数据仓库。Java代码是本次实现的核心部分，具体包括如下部分：工具类：DButil -->（作用：1、连接数据库，2、关闭链接）数据操作工具：DAO（数据操作对象）-->(作用：往数据库里面存数据，取数据)数据服务：DBservice(针对DAO做一个服务，如果有多个对象存取数据时，就可以先找DBservic
转载
2023-05-23 13:46:09
751阅读
SpringBoot整合Jwt 前后端分离认证jwt基本概念不多说了，到处都是，直接上代码一、生成Jwt目录结构?创建一个普通的springboot 项目： springboot-jwt-demo只需要加一个Spring Web的模块就ok接下来咱们导入pom依赖<dependency>
<groupId>io.jsonwebtoken</gr
转载
2023-08-25 13:50:42
27阅读
网站开发历程1、杂合模式早期的asp开发网站时期大多是如此，一个asp文件混合业务处理，页面显示，js动态交互；完全杂合在一起；一个请求对应一个asp文件，业务逻辑解析，动态输出html内容。后期的php、早期的jsp也是如此模式； 2、webform模式这个是微软asp.net时期的一个方式，本质上是封装html为服务器控件，动态生成html及相关提交和状态保持；前后端分离，事件触发模
核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。 在互联网架构中，名词解释： Web服务器：一般指像nginx，apache这类的服务器，他们一般只能解析静态资源。 应用服务器：一般指像tomcat，jetty，resin这类的服务器可以解析动
转载
2018-08-16 10:39:00
176阅读
温故而知新，本文为一时兴起写出，如有错误还请指正本文后台基于SpringBoot2.5.6编写，前端基于Vue2 + axios和微信小程序JS版分别编写进行联调测试，用于理解前后端分离式开发的交互流程.如果你没有学过SpringBoot也不要紧，把他看做成SpringMVC即可，写法完全一致（其实我不说你也发现不了）本文主要讲前后端交互流程，力求帮助新人快速入门前后端分离式开发，不会讲关于环境搭
实现一个基于Spring Security的前后端分离认证授权模块一、前言二、模块实现原理三、组件的实现和Spring Security部分源码分析1. CommonAuthentication2. AuthenticationProcessor3. ProviderManager4. AuthenticationProvider5. UserAuthenticationService6. Co
1.servlet早期的web开发，一般是前端人员写好ui（html，css）就不管了。然后后端人员用servlet一行一行print，插入变量，拼接。由于各种拼接太麻烦，出现了JSP。2.JSPJSP实际上最后也要被编译为servlet。如果我们把servlet看作是在Java中写html，那么JSP就是在html中写Java。JSP可以在html中插入变量，然后编译为servlet。这样的问题
转载
2023-09-24 08:40:13
3阅读
第一步编写前端页面，第二步搭建后端环境，现在开始第三步，继续完善前端功能完善“添加”按钮功能Ajax异步请求安装在前端项目安装ajax。在Terminal输入：npm i axios -S点击“添加”按钮，弹出Dialog对话框设置对话框里面的内容——表单对话框选用Dialog嵌入表单menu，二者一起构成了新增对话框注意v-model，:model，变量，方法的设置及格式<!--添加对话框
一、前后台分离项目交互流程1）启动前后台项目2）前台配置页面路由，渲染前台页面 | 后台配置数据路由，响应数据（处理好跨域问题）3）前台通过ajax请求后台接口 i）将前台数据提交给后台 ii）得到后台的响应结果 iii）根据响应结果的数据，最后完成页面的局部刷新、整体刷新、页面跳转4）异步请求细节 
转载
2023-08-01 15:00:55
59阅读
上节单独测通了Mybatis与Spring框架，发现可以将诸如sqlSessionFactory等不是我们自己写的对象交给spring去管理以便我们使用时可以进行注入，顺着这个思路现在我们来进行整合第一章传送门—>Spring与Mybatis单独搭建运行总结第三章传送门—>前端搭建与跨域解决一、Spring整合Mybatis思路：既然在Spring中我们有个类Student拥有name
一、前后端分离，整体流程
二、前端： 整体采用HTML+VUE。2.1、路径规范： js获取rootPath，然后定义ctx。 页面中js的引入使用document.write。整体类似传统jsp中的ctx。 一个业务的html文件和
转载
2023-05-25 08:58:04
2266阅读
目录一、什么是前后端分离二、jwt起源三、token认证机制四、jwt构成头部header载荷payload签证 signature五、如何应用第一小节，我们先对一些背景和相关术语进行说明。一、什么是前后端分离用通俗的话讲就是：前端开发人员做页面样式的开发，后端开发人员处理功能逻辑开发，互不干扰各做各的部分，最终后端开发人员通过协商好的接口协议(一般是json格式)提供给前端开发人员数据
转载
2023-06-15 10:38:24
232阅读
在开发中大型的JavaEE项目时，前后端分离的框架逐渐成为业界的主流，传统的单机部署前后端在同一个项目中的工程项目越来越少。这类JavaWeb项目的后端通常都采用微服务的架构，后端会被分解为诸多个小项目，然后使用dubbo+zookeeper或者springCloud来构建微服务，前端则会是一个单独的项目，前台的请求通过微服务来调用。但是，不同与传统的web项目，这类前后端分离的项目如何在开发中部
转载
2023-10-08 16:14:04
53阅读
需求：读取数据库的数据展现到前端页面 技术栈：后端有主要有 SpringBoot,lombok,SpringData JPA,Swagger, 跨域，前端有 Vue 和 axios 不了解这些技术的可以去入门一下 lombok 入门 swagger 入门 SpringData JPA 入门 配置：mysql 8.0.11,IntelliJ IDEA 2017.1.2
前后端分离有什么好处？1、前端js可以做很多数据处理的工作，减小服务器的压力。 2、后台的错误不会直接反映到前台。 3、前后端工程师约定交互接口，实现并行开发，可以提高开发效率，同时代码可以更好的维护。前后端分离会存在跨域的问题，什么是跨域呢？当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。打个比方，后端运行的项目占用了8080端口，前端运行的项目就不能使用8080
为什么要前后端分离？在以前的学习代码中，可以看出来我们在jsp页面页面上也通过EL表达式和jstl写了很多的java程序，这实际上在前端的页面中混入了很多后端的逻辑，这就是传统的web开发。在传统的web开发中,页面展示的内容以及页面之间的跳转逻辑,全都由后台来控制,这导致了前后端耦合度非常高,耦合度高则意味着,扩展性差,维护性差,等等问题传统开发的问题如下:耦合度高调试麻烦,出现问题时往往需要前
