防抖、防止频繁请求(重复提交相同数据)

╰半夏微凉° 2024-03-25 09:56 193阅读 0赞

这篇文章将介绍如何在 java中不依赖数据库完成防抖、防止重复提交相同数据

防止重复提交的方式很多，这里就介绍不依赖Mysql以及Redis数据库的实现方案。

本文基于RuoYi实现防抖业务,只有当URI和参数都相同时才会触发防抖

文章目录

  • 一、防抖简介
  • 二、都有哪些实现方式
  • 三、本文实现方案
  • 四、 使用步骤
    • 1.自定义注解
    • 2.拦截器(抽象类)
    • 3.拦截器实现
    • 4.测试使用
  • 五、总结

一、防抖简介

连续点击提交按钮，理论上来说这是同一条数据，数据库应该只能存入一条，而实际上存放了多条，这就违反了幂等性。因此我们就需要做一些处理，来保证连续点击提交按钮后，数据库只能存入一条数据。

幂等性就是说无论你执行几次请求，其结果是一样的。

防抖就是避免用户在使用时不小心多次点击提交导致 数据库存在多条相同数据,说到防抖,其实也就是多次提交数据一致性问题。

二、都有哪些实现方式

防止重复提交的方式很多，这里简单介绍都有哪些实现方式:

前端方案:

1. 按钮只能单击一次，加上confirm确认框
2. 按钮点击后，加入 loading 效果，提交之后进入成功或失败环节
3. 用户点击后，进行跳转。不给多次点击的机会

后端方案:

1. 通过redis等缓存服务缓存(userId + 接口 + 参数) 做为key，且对应的过期时间为3秒，当在3秒内接收到的同一个key的请求视为相同请求，直接返回”请勿点击过快或请稍后再试”等提示信息
2. 给数据库增加唯一键约束:在数据库建表的时候在ID字段添加主键约束，用户名、邮箱、电话等字段加唯一性约束。确保数据库只可以添加一条数据。
3. 利用Session防止表单重复提交（推荐）

三、本文实现方案

通过Session机制,自定义注解加拦截器实现,只有当URI和参数都相同时才会触发防抖

我们通过获取用户URI及提交内容来判断他是否重复提交，假如这个URI在一段时间内容多次访问这个接口，我们则认为是重复提交，我们将重复提交的请求直接返回，给出提示即可。

四、 使用步骤

1.自定义注解

  1. /**
  2.  * 自定义注解防止表单重复提交
  3.  */
  4. @Target(ElementType.METHOD)
  5. @Retention(RetentionPolicy.RUNTIME)
  6. @Documented
  7. public @interface RepeatSubmit {
  9.     /**
  10.      * 间隔时间(ms)，小于此时间视为重复提交
  11.      */
  12.     public int interval() default 5000;
  14.     /**
  15.      * 提示消息
  16.      */
  17.     public String message() default "不允许重复提交，请稍后再试";
  18. }

2.拦截器(抽象类)

  1. /**
  2.  * 防止重复提交拦截器
  3.  */
  4. @Component
  5. public abstract class RepeatSubmitInterceptor implements HandlerInterceptor {
  7.     @Override
  8.     public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
  10.         if (handler instanceof HandlerMethod) {
  12.             HandlerMethod handlerMethod = (HandlerMethod) handler;
  13.             Method method = handlerMethod.getMethod();
  14.             RepeatSubmit annotation = method.getAnnotation(RepeatSubmit.class);
  15.             if (annotation != null) {
  17.                 if (this.isRepeatSubmit(request, annotation)) {
  19.                     throw new BizException(annotation.message());
  20.                 }
  21.             }
  22.             return true;
  23.         } else {
  25.             return true;
  26.         }
  27.     }
  29.     /**
  30.      * 验证是否重复提交由子类实现具体的防重复提交的规则
  31.      *
  32.      * @param request    请求对象
  33.      * @param annotation 防复注解
  34.      * @return 结果
  35.      */
  36.     public abstract boolean isRepeatSubmit(HttpServletRequest request, RepeatSubmit annotation) throws Exception;
  37. }

3.拦截器实现

  1. /**
  2.  * 判断请求url和数据是否和上一次相同，
  3.  * 如果和上次相同，则是重复提交。
  4.  */
  5. @Component
  6. public class SameUrlDataInterceptor extends RepeatSubmitInterceptor {
  8.     public final String REPEAT_PARAMS = "repeatParams";
  10.     public final String REPEAT_TIME = "repeatTime";
  12.     public final String SESSION_REPEAT_KEY = "repeatData";
  14.     @SuppressWarnings("unchecked")
  15.     @Override
  16.     public boolean isRepeatSubmit(HttpServletRequest request, RepeatSubmit annotation) throws Exception {
  18.         // 本次参数及系统时间
  19.         String nowParams = JSONUtil.toJsonStr(request.getParameterMap());
  20.         Map<String, Object> nowDataMap = new HashMap<String, Object>();
  21.         nowDataMap.put(REPEAT_PARAMS, nowParams);
  22.         nowDataMap.put(REPEAT_TIME, System.currentTimeMillis());
  24.         // 请求地址（作为存放session的key值）
  25.         String url = request.getRequestURI();
  27.         HttpSession session = request.getSession();
  28.         Object sessionObj = session.getAttribute(SESSION_REPEAT_KEY);
  29.         if (sessionObj != null) {
  31.             Map<String, Object> sessionMap = (Map<String, Object>) sessionObj;
  32.             if (sessionMap.containsKey(url)) {
  34.                 Map<String, Object> preDataMap = (Map<String, Object>) sessionMap.get(url);
  35.                 if (compareParams(nowDataMap, preDataMap) && compareTime(nowDataMap, preDataMap, annotation.interval())) {
  37.                     return true;
  38.                 }
  39.             }
  40.         }
  41.         Map<String, Object> sessionMap = new HashMap<String, Object>();
  42.         sessionMap.put(url, nowDataMap);
  43.         session.setAttribute(SESSION_REPEAT_KEY, sessionMap);
  44.         return false;
  45.     }
  47.     /**
  48.      * 判断参数是否相同
  49.      */
  50.     private boolean compareParams(Map<String, Object> nowMap, Map<String, Object> preMap) {
  52.         String nowParams = (String) nowMap.get(REPEAT_PARAMS);
  53.         String preParams = (String) preMap.get(REPEAT_PARAMS);
  54.         return nowParams.equals(preParams);
  55.     }
  57.     /**
  58.      * 判断两次间隔时间
  59.      */
  60.     private boolean compareTime(Map<String, Object> nowMap, Map<String, Object> preMap, int interval) {
  62.         long time1 = (Long) nowMap.get(REPEAT_TIME);
  63.         long time2 = (Long) preMap.get(REPEAT_TIME);
  64.         if ((time1 - time2) < interval) {
  66.             return true;
  67.         }
  68.         return false;
  69.     }
  70. }

4.测试使用

  1. @RepeatSubmit
  2.     @Operation(summary = "新增测试内容")
  3.     @PostMapping("/add")
  4.     public ActionResult addTestContent(@RequestBody TestConTentDTO dto) {
  6.         return ActionResult.success(testConcentService.addTestContent(dto));
  7.     }

当然时间可以自行根据实际设定

  1. @RepeatSubmit(interval = 3000,message = "重复提交")

正常提交
在这里插入图片描述

重复提交
在这里插入图片描述

测试成功

五、总结

实现的方案有很多,可根据业务自行判断使用那种

发表评论

表情：
评论列表 （有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

    相关 若依RuoYi防止请求重复提交

    一、前言 在某些情况下，由于网络不佳，用户操作有误（连续点击两下提交按钮），页面卡顿等原因，可能会出现请求重复提交，造成数据库保存多条重复数据。 > 那么如何防止请求重

    小鱼儿小鱼儿/ 0 赞/ 200 阅读

    相关 springboot防重复提交

    1、场景 网页卡顿的时候，用户点击会造成重复操作\\n\\n如果前端不做防重复操作。会导致重复提交，重复下单等意外操作。而且对于系统资源来说也是一种浪费常规的解决方法是让前端

    冷不防冷不防/ 0 赞/ 181 阅读