最简单的6种防止数据重复提交的方法!(干货)上

简介: 最简单的6种防止数据重复提交的方法!(干货)

有位朋友,某天突然问磊哥:在 Java 中,防止重复提交最简单的方案是什么


这句话中包含了两个关键信息,第一:防止重复提交;第二:最简单


于是磊哥问他,是单机环境还是分布式环境?


得到的反馈是单机环境,那就简单了,于是磊哥就开始装*了。


话不多说,我们先来复现这个问题。


模拟用户场景


根据朋友的反馈,大致的场景是这样的,如下图所示:


微信图片_20220118170106.gif


简化的模拟代码如下(基于 Spring Boot):


import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
@RequestMapping("/user")
@RestController
public class UserController {
   /**
     * 被重复请求的方法
     */
    @RequestMapping("/add")
    public String addUser(String id) {
        // 业务代码...
        System.out.println("添加用户ID:" + id);
        return "执行成功!";
    }
}


于是磊哥就想到:通过前、后端分别拦截的方式来解决数据重复提交的问题。


前端拦截


前端拦截是指通过 HTML 页面来拦截重复请求,比如在用户点击完“提交”按钮后,我们可以把按钮设置为不可用或者隐藏状态。


执行效果如下图所示:


微信图片_20220118170146.gif


前端拦截的实现代码:


<html>
<script>
    function subCli(){
        // 按钮设置为不可用
        document.getElementById("btn_sub").disabled="disabled";
        document.getElementById("dv1").innerText = "按钮被点击了~";
    }
</script>
<body style="margin-top: 100px;margin-left: 100px;">
    <input id="btn_sub" type="button"  value=" 提 交 "  onclick="subCli()">
    <div id="dv1" style="margin-top: 80px;"></div>
</body>
</html>


但前端拦截有一个致命的问题,如果是懂行的程序员或非法用户可以直接绕过前端页面,通过模拟请求来重复提交请求,比如充值了 100 元,重复提交了 10 次变成了 1000 元(瞬间发现了一个致富的好办法)。


所以除了前端拦截一部分正常的误操作之外,后端的拦截也是必不可少。


后端拦截


后端拦截的实现思路是在方法执行之前,先判断此业务是否已经执行过,如果执行过则不再执行,否则就正常执行。


我们将请求的业务 ID 存储在内存中,并且通过添加互斥锁来保证多线程下的程序执行安全,大体实现思路如下图所示:


image.png


然而,将数据存储在内存中,最简单的方法就是使用 HashMap 存储,或者是使用 Guava Cache 也是同样的效果,但很显然 HashMap 可以更快的实现功能,所以我们先来实现一个 HashMap 的防重(防止重复)版本。


1.基础版——HashMap


import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.HashMap;
import java.util.Map;
/**
 * 普通 Map 版本
 */
@RequestMapping("/user")
@RestController
public class UserController3 {
    // 缓存 ID 集合
    private Map<String, Integer> reqCache = new HashMap<>();
    @RequestMapping("/add")
    public String addUser(String id) {
        // 非空判断(忽略)...
        synchronized (this.getClass()) {
            // 重复请求判断
            if (reqCache.containsKey(id)) {
                // 重复请求
                System.out.println("请勿重复提交!!!" + id);
                return "执行失败";
            }
            // 存储请求 ID
            reqCache.put(id, 1);
        }
        // 业务代码...
        System.out.println("添加用户ID:" + id);
        return "执行成功!";
    }
}


实现效果如下图所示:


微信图片_20220118170325.gif


存在的问题:此实现方式有一个致命的问题,因为 HashMap 是无限增长的,因此它会占用越来越多的内存,并且随着 HashMap 数量的增加查找的速度也会降低,所以我们需要实现一个可以自动“清除”过期数据的实现方案。

相关文章
|
15天前
|
JSON JavaScript 中间件
POST 请求如何处理表单数据?
【10月更文挑战第24天】POST请求处理表单数据需要客户端和服务器端的协同工作,客户端负责将表单数据正确地编码并发送给服务器,服务器端则需要准确地接收、验证和处理数据,并向客户端返回合适的响应。
41 1
|
5月前
|
前端开发 JavaScript UED
如何防止接口重复提交?
本文讨论了前端如何防止接口重复提交的问题。主要方法包括:1) 禁用提交按钮,用户点击后立即禁用并显示加载状态,请求完成后恢复;2) 使用防抖或节流技术限制请求发送的频率;3) 生成请求标识符,后端检查已处理过的请求;4) 利用状态管理库(如Redux, Vuex)跟踪请求状态,避免重复提交;5) 接口锁定,通过变量记录请求状态,防止并发请求。这些策略可单独或组合使用,以确保请求的准确性和系统稳定性。
|
缓存 NoSQL JavaScript
8 种方案解决重复提交问题,还怕没有适合你的?
8 种方案解决重复提交问题,还怕没有适合你的?
|
设计模式 JavaScript 数据库
表单防止重复提交的四种方式
表单防止重复提交的四种方式
267 0
|
缓存 弹性计算 负载均衡
11. 分布式系统接口,如何避免表单的重复提交?
11. 分布式系统接口,如何避免表单的重复提交?
219 0
|
缓存 NoSQL 安全
8种幂等解决重复提交方案(下)
8种幂等解决重复提交方案
164 0
8种幂等解决重复提交方案(下)
|
缓存 应用服务中间件 数据库
8种幂等解决重复提交方案(上)
8种幂等解决重复提交方案
295 0
8种幂等解决重复提交方案(上)
|
Java 应用服务中间件
想知道如何正确地保证表单提交的幂等性吗?(一)
哈喽,大家好,我是指北君。 关于表单的提交相信作为一个后端开发接触过不少,本文将介绍如何解决表单重复提交的问题。
想知道如何正确地保证表单提交的幂等性吗?(一)
|
存储 前端开发
想知道如何正确地保证表单提交的幂等性吗?(二)
哈喽,大家好,我是指北君。 关于表单的提交相信作为一个后端开发接触过不少,本文将介绍如何解决表单重复提交的问题。
想知道如何正确地保证表单提交的幂等性吗?(二)
|
存储 缓存 NoSQL
想知道如何正确地保证表单提交的幂等性吗?(三)
哈喽,大家好,我是指北君。 关于表单的提交相信作为一个后端开发接触过不少,本文将介绍如何解决表单重复提交的问题。
想知道如何正确地保证表单提交的幂等性吗?(三)