使用切面实现前端重复提交(防抖)

使用切面实现前端重复提交(防抖)

  • 代码结构
  • 定义注解
  • 请求锁切面处理器
  • 入参对象
  • 使用注解

代码结构

在这里插入图片描述

原理:
1、前端提交保存操作;
2、后端通过注解指定重复提交的关键字段进行识别,可以有多个;
3、拼接关键字段,缓存到redis中,设置到期时间(默认3秒);
4、命中缓存则进行防抖处理,否则进行正常业务。

定义注解

/**
 * @description 请求防抖锁,用于防止前端重复提交导致的错误
 */
@Target(ElementType.METHOD)
@Retention(RetentionPolicy.RUNTIME)
@Documented
@Inherited
public @interface RequestLock {
	/**redis 锁前缀 */
	String prefix() default "";
	/**redis 锁过期时间, 默认3秒 */
	int expire() default 3;
	/** redis 锁过期时间单位,默认单位为秒 */
	TimeUnit timeUnit() default TimeUnit.SECONDS;
	/** redis key分隔符, 分隔符 */
	String delimiter() default ":";
	/** 防抖关键标识,使用spring el 表达式<br>
	 * 例子:<br>
	 * 第一个参数(对象)中的一个属性(电话号码) : params[0].phone<br>
	 * 第一个参数(Map)中的键值对(电话号码) : params[0]['phone']<br>
	 */
	String[] keys();
}

请求锁切面处理器

/**
 * @description 请求锁切面处理器
 */
@Aspect
@Configuration
public class RequestLockAspect {
	@Autowired
	StringRedisTemplate stringRedisTemplate;

	/** 切入点声明 */
	@Pointcut("execution(public * * (..)) && @annotation(zzc.learn.springboot.demo.repeatsubmit.annotation.RequestLock)")
	public void pointcut() {
		// do nothing
	}

	/** 定义切面:环绕通知  */
	@Around("pointcut()")
	public Object interceptor(ProceedingJoinPoint joinPoint) {
		MethodSignature methodSignature = (MethodSignature) joinPoint.getSignature();
		Method method = methodSignature.getMethod();
		RequestLock requestLock = method.getAnnotation(RequestLock.class);
		if (StringUtils.isEmpty(requestLock.prefix())) {
			//            throw new RuntimeException("重复提交前缀不能为空");
			return "重复提交前缀不能为空";
		}
		//获取自定义key
		final String lockKey = _getLockKey(joinPoint);
		final Boolean success = stringRedisTemplate.execute(
				(RedisCallback<Boolean>) connection -> connection.set(lockKey.getBytes(), new byte[0], Expiration.from(requestLock.expire(), requestLock.timeUnit())
						, RedisStringCommands.SetOption.SET_IF_ABSENT));
		if (!success) {
			//            throw new RuntimeException("您的操作太快了,请稍后重试");
			return "您的操作太快了,请稍后重试";
		}
		try {
			return joinPoint.proceed();
		} catch (Throwable throwable) {
			//            throw new RuntimeException("系统异常");
			return "系统异常";
		}
	}

	/** 获取防抖提交对应的rediss的key */
	private String _getLockKey(ProceedingJoinPoint joinPoint) {
		//获取连接点的方法签名对象
		MethodSignature methodSignature = (MethodSignature) joinPoint.getSignature();
		//Method对象
		Method method = methodSignature.getMethod();
		//获取Method对象上的注解对象
		RequestLock requestLock = method.getAnnotation(RequestLock.class);
		//获取方法参数
		List<Object> spelValueist = _getSpelValueList(requestLock, joinPoint.getArgs());

		StringBuilder sb = new StringBuilder();
		for (Object object : spelValueist) {
			sb.append(requestLock.delimiter()).append(object);
		}
		//返回指定前缀的key
		return requestLock.prefix() + sb;
	}

	/** 根据spel表达式读取对应参数的值 */
	private List<Object> _getSpelValueList(RequestLock requestLock, final Object[] args) {
		List<Object> spelValueist = new ArrayList<>();
		ExpressionParser parser = new SpelExpressionParser();
		EvaluationContext context = new StandardEvaluationContext();
		context.setVariable("params", args);
		String[] spelArr = requestLock.keys();
		for (int i = 0; i < spelArr.length; i++) {
			String expressionString = spelArr[i];
			if(StringUtils.isBlank(expressionString)) {
				continue;
			}
			Expression expression = parser.parseExpression(expressionString);
			spelValueist.add(expression.getValue(context));
		}
		return spelValueist;
	}
}

入参对象

@Data
public class User {
	private String name;
	private Integer age;
	private String phone;
}

使用注解

@Api(value = "重复提交测试", tags = {"重复提交测试"})
@RestController
@RequestMapping("/repeatsubmit/user")
public class UserController {

	@ApiOperation(value = "增加用户(不限制重复提交)", notes = "增加用户1")
	@PostMapping("/addUser1")
	public String addUser1(@RequestBody User user) {
		System.out.println("不做任何处理" + user);
		return "添加成功";
	}

	@ApiOperation(value = "增加对象类型用户(限制重复提交)", notes = "增加用户2")
	@PostMapping("/addUser2")
	@RequestLock(prefix = "addUser", keys= {"#params[0].name","#params[0].phone"})
	public String addUser2(@RequestBody User user, @RequestParam String name) {
		System.out.println("防重提交" + user);
		return "添加成功";
	}

	@ApiOperation(value = "增加Map类型用户(限制重复提交)", notes = "增加用户3")
	@PostMapping("/addUser3")
	@RequestLock(prefix = "addUser", keys = {"#params[0]['phone']"})
	public String addUser3(@RequestBody Map<String, Object> paramMap, @RequestParam String name) {
		System.out.println("防重提交" + paramMap);
		return "添加成功";
	}
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/126778.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

C#医学检验室(LIS)信息管理系统源码

LIS:实验室信息管理系统 (Laboratory Information Management System简称:LIS)。 LIS 是面向医院检验科、检验中心、动物实验所、生物医疗研究所等科研单位研发的集数据采集、传输、存储、分析、处理、发布等功能于一体的信息管理系统。 一、完善的质控&#xff1a; 从样本管理…

python实现微信新版v3的jsapi支付

python实现微信新版v3的jsapi支付 1、需要从公众号、商户号获取的信息 注意&#xff1a;在商户号的支付授权目录中需要设置好发起支付的界面url&#xff0c;比如我的&#xff1a; http://xxx/paypage/# 商户证书私钥&#xff0c;此文件不要放置在下面设置的CERT_DIR目录里。…

excel中超级表和普通表的相互转换

1、普通表转换为超级表 选中表内任一单元格&#xff0c;然后按CtrlT&#xff0c;确认即可。 2、超级表转换为普通表 选中超级表内任一单元格&#xff0c;右键&#xff0c;表格&#xff0c;转换为区域&#xff0c;确定即可。 这时虽然已经变成了普通表&#xff0c;但样式没有…

【机器学习】七、降维与度量学习

1. 维数灾难 样本的特征数称为维数&#xff08;dimensionality&#xff09;&#xff0c;当维数非常大时&#xff0c;也就是现在所说的维数灾难。 维数灾难具体表现在&#xff1a;在高维情形下&#xff0c;数据样本将变得十分稀疏&#xff0c;因为此时要满足训练样本为“密采样…

如何设计开发一对一交友App吸引更多活跃用户

在当今社交媒体时代&#xff0c;一对一交友App开发正日渐成为发展热点。如何吸引更多活跃用户成为开发者们的首要任务。通过本文&#xff0c;我们将探讨一系列方法&#xff0c;助您设计开发一对一交友App&#xff0c;吸引更多用户的关注和参与&#xff0c;提升App的活跃度。 了…

《012.SpringBoot+vue之在线考试系统》【前后端分离有开发文档】

《012.SpringBootvue之在线考试系统》【前后端分离&有开发文档】 项目简介 [1]本系统涉及到的技术主要如下&#xff1a; 推荐环境配置&#xff1a;idea jdk1.8 maven MySQL 前后端分离; 后台&#xff1a;SpringBootMybatisMySQL; 前台&#xff1a;Vue; [2]功能模块展示&…

2024上海智博会,上海国际智慧城市,物联网,大数据展会(世亚智博会)

中国国际智慧城市,物联网,大数据博览会&#xff08;简称:世亚智博会&#xff09;自2010年创办以来&#xff0c;至今已成功举办十多届。世亚智博会是中国较高、规模较大、影响力较广的展会&#xff1b;是被国际业界公认的不可错过的名展之一。随着世亚智博会的国际地位和影响不断…

NFT数字藏品(交易平台)系统开发

随着数字技术和区块链技术的发展&#xff0c;NFT数字藏品交易平台系统开发逐渐成为了一个热门话题。NFT&#xff0c;即非同质化代币&#xff0c;可以用来代表独一无二的数字资产&#xff0c;如图片、音频、视频等&#xff0c;在数字世界中具有极高的价值。本文将介绍NFT数字藏品…

拆分代码 + 动态加载 + 预加载,减少首屏资源,提升首屏性能及应用体验

github 原文地址 我们看一些针对《如何提升应用首屏加载体验》的文章&#xff0c;提到的必不可少的措施&#xff0c;便是减少首屏幕加载资源的大小&#xff0c;而减少资源大小必然会想到按需加载措施。本文提到的便是一个基于webpack 插件与 react 组件实现的一套研发高度自定…

AI 时代的企业级安全合规策略

目录 漏洞分类管理的流程 安全策略管理 在扫描结果策略中定义细粒度的规则 有效考虑整个组织中的关键漏洞 确保职责分离 尝试组合拳 本文来源&#xff1a;about.gitlab.com 作者&#xff1a;Grant Hickman 在应用程序敏捷研发、敏捷交付的今天&#xff0c;让安全人员跟上…

【亚马逊云科技产品测评】活动征文|AWS EC2 部署Echarts大屏展示项目

前言 Echarts简介 ECharts是一个使用JavaScript开发的&#xff0c;开源的可视化库。它可以让数据变得生动起来&#xff0c;提供直观&#xff0c;交互性强&#xff0c;可高度个性化定制的数据可视化图表。ECharts支持大部分的浏览器&#xff0c;如IE6、Chrome、Firefox、Safari等…

不用开会员就能在线编辑、管理及分享各类地理空间数据!

「四维轻云」作为一款地理空间数据云管理平台&#xff0c;具有三维模型、正射影像、激光点云、数字高程模型、人工模型和矢量数据等地理空间数据的在线管理、浏览及分享等功能&#xff0c;致力于为用户提供更加方便、快捷的地理空间数据解决方案。 一、发布、管理超大空间数据…

韩语图片文字如何转为纯文本?

如何将上图为韩语的图片转为文本文件&#xff1f;这个需要用到OCR程序&#xff0c;操作方法如下&#xff1a; 一、打开金鸣识别网站。 二、点击“点击添加图片/PDF”&#xff0c;将待识别的图片添加到列表。 三、识别模块点选“通用文字”&#xff0c;输出格式选择“纯文本输…

Python3 API 的封装及调用

一、API 的封装 API&#xff08;Application Programming Interface&#xff0c;应用程序编程接口&#xff09;是一些预先定义的函数&#xff0c;目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力&#xff0c;而又无需访问源码&#xff0c;或理解内部工作…

【Node.js入门】1.3 开始开发Node.js应用程序

1.3 开始开发Node.js应用程序 学习目标 &#xff08;1&#xff09;熟悉开发工具Visual Studio Code的基本使用&#xff1b; &#xff08;2&#xff09;掌握Node.js应用程序的编写、运行和调试的基本方法。 构建第一个 Node.js应用程序 代码 const http require("htt…

前端js实现将数组对象组装成自己需要的属性,或者去掉对象中不必要的属性

前言 提示&#xff1a;这里可以添加本文要记录的大概内容&#xff1a; 需求&#xff1a;前端js实现将数组对象组装成自己需要的属性&#xff0c;或者前端js实现去掉对象中不必要的属性 提示&#xff1a;以下是本篇文章正文内容&#xff0c;下面案例可供参考 一、示例数组对象…

浅谈多回路电表在荷兰光伏系统配电项目中的应用

1.背景信息 Background&#xff1a; 随着全球化石能源&#xff08;石油&#xff0c;煤炭&#xff09;越来越接近枯竭&#xff0c;污染日趋严重&#xff0c;气候日益变暖等问题&#xff0c;全球多个国家和地区相继出台了法规政策&#xff0c;推动了光伏产业的发展。但是现有的光…

vioovi的ECRS工时分析软件:食品加工行业的生产效率提升利器

在食品加工行业&#xff0c;提高生产效率、降低成本、优化资源配置是至关重要的。随着科技的不断发展&#xff0c;越来越多的企业开始借助先进的软件工具来助力生产管理。本文将介绍一款备受食品加工企业青睐的工业工程软件——vioovi的ECRS工时分析软件&#xff0c;并探讨其如…

PR如何开启GPU加速

1.首先在 NCIDIA控制面板 找到 管理3D设置 &#xff08;记得前提是你的显卡驱动程序是最新的或者已经安装了显卡驱动程序&#xff09; 2.在管理3D设置里面 找到程序设置 自定义程序&#xff1a; Adobe premiere 里面的 CUDA - GPUs 改成 使用全局设置 &#xff08;如果还有…

面试题:在 Java 中 new 一个对象的流程是怎样的?彻底被问懵了。。

文章目录 前言JVM内存JVM生成.class文件类加载器加载.class文件知识扩展&#xff1a;Class对象首先搞清楚 newInstance 两种方法区别&#xff1a; 连接和初始化创建实例 前言 对象怎么创建&#xff0c;这个太熟悉了&#xff0c;new一下(其实还有很多途径&#xff0c;比如反射、…