位置: IT常识 - 正文

SSM前后端分离技术(ssm算前后端分离吗)

编辑:rootadmin
SSM前后端分离技术 文章目录前言一、前后端分离技术和跨域二、两种不同的实现方案1.使用注解实现简单请求的跨域传输2.通过设置请求头和参数实现复杂请求的跨域传输3.将跨域解决方案的代码写进拦截器,或者过滤器实现跨域。拦截器过滤器总结前言

推荐整理分享SSM前后端分离技术(ssm算前后端分离吗),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:ssm前后端分离项目,ssm前后端分离,ajax实现交互,ssm前后端分离,ajax实现交互,ssm算前后端分离吗,前后端分离 sso方案,ssm 前后端分离,前后端分离 sso方案,ssr 前后端分离,内容如对您有帮助,希望把文章链接给更多的朋友!

本篇记录一下使用前后端分离来开发SSM项目。

一、前后端分离技术和跨域

目前,前后端分离项目早已占据市场的主流开发方式。因为它能把web端的代码和java业务实现的代码完全分离开来,使得协同开发变得更加便捷。即,前端工程师和后端工程师只需要预先规定好统一的API,就可以同步开发,大大降低项目的开发周期。 实现前后端分离需要解决的文体就是跨域传输。

我们都知道,在SSM项目中我们使用JSP来访问Servlet接口,实现前后端的交互,归根结底还是在同一个域进行传输,即端口号是相同的。但是在使用前后端分离开发的时候,我们需要在不同的域中间进行数据传输。最直观的就是,后端我们一般使用8080端口,前端可能会使用5500端口,这就意味着,前端和后端处在不同的域内。

SSM前后端分离技术(ssm算前后端分离吗)

跨域传输的根本原因是浏览器端的一种保护程序的机制。当前端域向后端域发送了请求,一般情况下,会有正常的响应数据。但是由于浏览器的保护机制,使得我们无法使用这些响应数据。浏览器需要的是后端必须返回给它一个允许跨域的请求头,否则,返回的数据就无法呈现在前端。那么怎么让后端返回的数据携带正确的请求头就是我们需要解决的问题。

二、两种不同的实现方案1.使用注解实现简单请求的跨域传输

代码如下:

@Controller@RequestMapping( "/login")@CrossOrigin("*")public class LoginController { //自动注入业务层 @Autowired private LoginService service; @RequestMapping(value = "loginVerify",method = RequestMethod.POST) @ResponseBody public ResultLayUi<User> login(String username, String password, HttpServletRequest request){ createLoginSession(username,request); return service.verifyLogin(username,password); }}

我们可以使用@CrossOrigin注解来实现一个临时的跨域传输访问。注解后边的括号可以填写允许跨域访问的域,例如@CrossOrigin(" * ")表示,允许所有的域访问。@CrossOrigin(“http://127.0.0.1:5500/login.html”)允许该IP访问。但是这种解决方案只适合简单请求。不适合复杂请求。

2.通过设置请求头和参数实现复杂请求的跨域传输

通过注解,我们只能实现简单的跨域请求,但无法实现复杂的跨域请求。但是我们可以通过在controller中设置请求头和请求参数来实现复杂请求的跨域传输。代码如下:

@Controller@RequestMapping( "/login")//@CrossOrigin("*")public class LoginController { //自动注入业务层 @Autowired private LoginService service; @RequestMapping(value = "loginVerify",method = RequestMethod.POST) @ResponseBody public ResultLayUi<User> login(String username, String password, HttpServletRequest request){ String origin = request.getHeader("Origin"); // 允许的跨域 response.setHeader("Access-Control-Allow-Origin",origin); // 允许携带Cookie response.setHeader("Access-Control-Allow-Credentials","true"); // 允许的请求头 预检请求需要这个设置 response.setHeader("Access-Control-Allow-Headers", "Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers,Authorization,Access-Token,token"); response.setHeader("Access-Control-Expose-Headers", "*");//响应客户端的头部 允许携带Token 等等 response.setHeader("Access-Control-Max-Age", "3600"); // 预检请求的结果缓存时间 if (request.getMethod().equals("OPTIONS")){ return false; } return service.verifyLogin(username,password); }}

通过这种方式,我们可以实现跨域请求。但是我们需要在每一个Controller方法中都设置这些代码。

3.将跨域解决方案的代码写进拦截器,或者过滤器实现跨域。

上边说到,我们需要在每一个controller中都配置如上代码,造成大量的代码冗余。我们可以把这些代码放进拦截器或者过滤器来实现一个封装的效果。

拦截器package com.glls.java2212.interceptor;import org.springframework.web.servlet.HandlerInterceptor;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/** * @date 2022/10/10 * @desc 拦截器 一个临时的 跨域解决方案 */public class MyInterceptor implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { String origin = request.getHeader("Origin"); // 允许的跨域 response.setHeader("Access-Control-Allow-Origin",origin); // 允许携带Cookie response.setHeader("Access-Control-Allow-Credentials","true"); // 允许的请求头 预检请求需要这个设置 response.setHeader("Access-Control-Allow-Headers", "Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers,Authorization,Access-Token,token"); response.setHeader("Access-Control-Expose-Headers", "*");//响应客户端的头部 允许携带Token 等等 response.setHeader("Access-Control-Max-Age", "3600"); // 预检请求的结果缓存时间 if (request.getMethod().equals("OPTIONS")){ return false; } return true; }}过滤器package com.glls.java2212.filter;import org.springframework.stereotype.Component;import javax.servlet.*;import javax.servlet.annotation.WebFilter;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import java.io.IOException;/** * @date 2022/10/10 * @desc */@Component@WebFilter(urlPatterns = "/*", filterName = "CorsFilter")public class CorsFilter implements Filter { @Override public void doFilter(ServletRequest req, ServletResponse resp, FilterChain filterChain) throws IOException, ServletException { HttpServletRequest request = (HttpServletRequest) req; HttpServletResponse response = (HttpServletResponse) resp; String origin = request.getHeader("Origin"); // 允许的跨域 response.setHeader("Access-Control-Allow-Origin",origin); // 允许携带Cookie response.setHeader("Access-Control-Allow-Credentials","true"); // response.setHeader("Access-Control-Allow-Headers", "Content-Type,content-type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers,Authorization,Access-Token,token"); response.setHeader("Access-Control-Expose-Headers", "*");//响应客户端的头部 允许携带Token 等等 response.setHeader("Access-Control-Max-Age", "3600"); // 预检请求的结果缓存时间 // if (!request.getMethod().equals("OPTIONS")){ //非 预检请求 放行 ,预检请求 不放行 预检请求 直接响应允许跨域的信息即可 无需访问到后台接口 filterChain.doFilter(request, response); } }}总结

跨域请求的方案有很多,此处只是简单的介绍了两种。分别对应简单的请求跨域和复杂的请求跨域。

本文链接地址:https://www.jiuchutong.com/zhishi/292410.html 转载请保留说明!

上一篇:jQuery 解决低版本安全漏洞 并兼容旧版写法及依赖老插件(jquery版本)

下一篇:【CSS扩展】VUE如何使用或修改element plus中自带的CSS全局变量来定义样式(vue添加css)

  • 华为p40有红外线功能吗(华为p40有红外线设置吗)

    华为p40有红外线功能吗(华为p40有红外线设置吗)

  • 华为nova4怎么开启语音唤醒(华为nova4怎么开启红外功能)

    华为nova4怎么开启语音唤醒(华为nova4怎么开启红外功能)

  • 收天猫积分是怎么回事(收天猫积分是怎么来的)

    收天猫积分是怎么回事(收天猫积分是怎么来的)

  • snkrs拒收会退款吗(snkrs订单拒收)

    snkrs拒收会退款吗(snkrs订单拒收)

  • y5s和z5i的区别(y5s与z5x)

    y5s和z5i的区别(y5s与z5x)

  • 300万摄像头一天存储多少g(300万摄像头一天多少流量够用)

    300万摄像头一天存储多少g(300万摄像头一天多少流量够用)

  • 抖音一个账号可以登两个手机嘛(抖音一个账号可以登录几个手机)

    抖音一个账号可以登两个手机嘛(抖音一个账号可以登录几个手机)

  • 抖音关注请求是别人发出的吗(抖音关注请求是什么意思)

    抖音关注请求是别人发出的吗(抖音关注请求是什么意思)

  • 多任务键在哪(多任务键在哪里设置)

    多任务键在哪(多任务键在哪里设置)

  • 华为手机收不到短信的原因(华为手机收不到验证码怎么解决)

    华为手机收不到短信的原因(华为手机收不到验证码怎么解决)

  • 电脑tpm设备是什么

    电脑tpm设备是什么

  • 美团订单无效请重新选择商品什么意思(美团订单显示无效)

    美团订单无效请重新选择商品什么意思(美团订单显示无效)

  • 电脑开机windows未能启动是怎么回事(电脑开机windows无法启动)

    电脑开机windows未能启动是怎么回事(电脑开机windows无法启动)

  • 微信收款码是什么(微信收款码怎么申请商家收款码)

    微信收款码是什么(微信收款码怎么申请商家收款码)

  • wps怎么做条形码(wps2016制作条形码)

    wps怎么做条形码(wps2016制作条形码)

  • 大众点评点赞如何删除(大众点评点赞如何取消)

    大众点评点赞如何删除(大众点评点赞如何取消)

  • 小米智能卡在哪打开(小米智能卡在哪里升级)

    小米智能卡在哪打开(小米智能卡在哪里升级)

  • qq号注销后好友还在吗(qq号注销后好友还能看到你么)

    qq号注销后好友还在吗(qq号注销后好友还能看到你么)

  • 抖音自己转发的在哪找(抖音自己转发的视频别人能看到吗)

    抖音自己转发的在哪找(抖音自己转发的视频别人能看到吗)

  • 腾讯围棋怎么改段位(腾讯围棋怎么改名字)

    腾讯围棋怎么改段位(腾讯围棋怎么改名字)

  • 手机最小宽度有什么用(手机最小宽度设置多多少合适)

    手机最小宽度有什么用(手机最小宽度设置多多少合适)

  • 小米卡丁车9和PRO区别(小米卡丁车pro21款)

    小米卡丁车9和PRO区别(小米卡丁车pro21款)

  • 手机淘宝授权怎么取消(手机淘宝授权在哪里)

    手机淘宝授权怎么取消(手机淘宝授权在哪里)

  • 荣耀20美颜怎么开(荣耀20美颜怎么设置)

    荣耀20美颜怎么开(荣耀20美颜怎么设置)

  • 美团怎么解绑实名认证(美团怎么解绑实名认证理由)

    美团怎么解绑实名认证(美团怎么解绑实名认证理由)

  • cad怎么新建空白图纸(cad怎么新建空白文件)

    cad怎么新建空白图纸(cad怎么新建空白文件)

  • 电脑快捷删除键(电脑快捷删除键在哪里)

    电脑快捷删除键(电脑快捷删除键在哪里)

  • 三星手机如何投屏到电视(三星手机如何投屏到ipad)

    三星手机如何投屏到电视(三星手机如何投屏到ipad)

  • 电脑excel在哪打开(电脑在哪里打表格)

    电脑excel在哪打开(电脑在哪里打表格)

  • iscsiadm命令  ISCSI服务管理工具(iscsiadm命令详解)

    iscsiadm命令 ISCSI服务管理工具(iscsiadm命令详解)

  • 前端(一)-Html(html前端开发教程)

    前端(一)-Html(html前端开发教程)

  • 国税如何零申报
  • 应付税费重分类如何做会计分录?
  • 记账凭证核算形式需要设置的凭证有
  • 公司会计日常工作内容
  • 电子发票会自动发送到邮箱吗
  • 部分红冲的发票怎么开
  • 房地产土地使用税已售面积如何减
  • 出售固定资产要交哪些税
  • 地税纳税人编码是什么
  • 增值税如何确认
  • 新疆税收扶持丝路古镇喀什重放异彩
  • 纳税人拒不缴滞纳金是否可单独强制执行
  • 经营性现金净流量是什么意思
  • 回盘的模板
  • 多交的增值税可以抵所得税吗?
  • 一般纳税人减免的增值税怎么记账
  • 政府会计财政拨款收入借贷方向
  • 腾讯手游助手好不好用
  • 付款给对方怎么做分录
  • 退休返聘人员的优点
  • 如何获取文件夹下所有文件
  • linux grep使用
  • linux如何放大字体
  • Content-Disposition使用方法和注意事项
  • 工伤个人承担的费用
  • 原生php写接口
  • mysql实现事务
  • element组件的二次封装注册
  • 池塘里的水结冰了
  • 南极岛在哪
  • 位于阿曼和迪拜的大学
  • php中实现文件上传需要用到哪几个函数
  • 自定义max函数
  • nginx配置文件格式
  • 基于opencv的人脸检测算法
  • php类的作用
  • 银行承兑是什么意思
  • 企业银行电子回单一般什么时候打印
  • C++ lower_bound/upper_bound用法解析
  • 补发工资个人所得税税
  • 不是公司员工差旅费可以入差旅费吗
  • 工伤医疗费必须要交吗
  • 耕地税税率是多少
  • 基本户变更经营范围需要什么材料
  • 企业开办期间账务处理
  • 资产处置收益的核算内容
  • 对公转账房租如何填写备注
  • 跨区域预缴税款流程
  • 低值易耗品的管理流程
  • 存货周期怎么计算
  • 进口报关费入什么科目
  • 冲减备用金什么意思
  • 公司基本户可以变更吗
  • 广告公司如何开展业务
  • 年初建账考虑要点有哪些
  • 用union怎么把结果加起来
  • firefox干啥的
  • win8.1安装过程
  • Mac上Parallels Desktop共享虚拟机怎么设置 Mac上Parallels Desktop共享虚拟机设置步
  • win7和xp文件共享
  • windows 10 mobile下载
  • OpenCV-2.4.3+VS2010+Win7(32位)安装与配置
  • python如何精确小数
  • JavaScript创建数量n由用户决定的数组
  • [置顶]游戏名 TentacleLocker
  • 选择照片的快捷键
  • 究竟什么是幸福
  • 百度地图给map添加
  • 二级联动什么意思
  • jquery给按钮添加事件
  • jquery设置滚动条高度
  • 个税申报系统如何增加新单位
  • 银行流水怎么查
  • 上海税务门户网站
  • 溧阳北站规划图
  • 发货确认收入还是以开票确认收入
  • 国家税务总局发票下载
  • 国税手工发票
  • 德税手卷烟海淘
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设