解决分布式表单重复提交问题

本是古典何须时尚 2022-05-20 03:39 231阅读 0赞

今天检查数据时候，发现有重复数据，意识到接口发生表单重复提交的问题了。吓得我赶紧学习一下怎么解决表单重复提交的办法，最后发现下面的这篇博客。 **博客地址**： [https://blog.csdn.net/zwb19940216/article/details/78151899][https_blog.csdn.net_zwb19940216_article_details_78151899]

**一、为什么会出现重复提交？**

主要是由于网络的延迟问题以及页面刷新的操作。

**二、表单的重复提交会导致的问题？**

主要能够造成很多脏数据。

**三、解决的办法：**

**3.1 前端解决办法：**通过前端的方法将提交按钮变灰。对于前端的办法这里就不做演示了，因为前端的控制虽然能够防止数据的重复提交但是治标不治本。这里主要介绍第二种方法。

**3.2 后端解决：** 思路：主要是利用唯一Token值与提交参数相匹配验证。

后端解决的代码示例：

1.前端页面

<%@ page language="java" import="java.util.\*" pageEncoding="utf-8"%>

String path = request.getContextPath();

String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()

\+ path + "/";

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>My JSP 'index.jsp' starting page</title>

<!--

\-->

</head>

<body>

用户名：<input type="text" name="userName"> <input type="submit"

value="提交" id="submit">

</form>

</body>

</html>

2.发送Token值去前端页面代码：

package session;

import java.io.IOException;

import java.util.UUID;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

@WebServlet("/SendTokenToForm")

public class SendTokenToForm extends HttpServlet \{

/\*\*

\*/

private static final long serialVersionUID = 5841829906440324978L;

@Override

protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException \{

req.getSession().setAttribute("sessionToken", UUID.randomUUID().toString());

req.getRequestDispatcher("/index.jsp").forward(req, resp);

3.具体解决重复提交核心代码：

package session;

import java.io.IOException;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

@WebServlet("/DoFormServlet")

public class DoFormServlet extends HttpServlet \{

/\*\*

\*/

private static final long serialVersionUID = 82128771669092572L;

@Override

protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException \{

if (!isSubmit(req)) \{

resp.getWriter().write("数据已提交");

System.out.println("数据已提交");

//让线程休眠0.9秒，方便测试

try \{

Thread.sleep(900);

\} catch (InterruptedException e) \{

e.printStackTrace();

String userName = req.getParameter("userName");

System.out.println("正在往数据库插入数据"+userName);

resp.getWriter().write("success");

/\*\*

\* @Title: isSubmit

\* @Description: 判断token值是否相同以及是否有伪token值得传入

\* @author 西安工业大学-查文彬

\* @time 2017年10月2日 下午5:53:41

\* @param request

\* @return

\* boolean

\*/

public boolean isSubmit(HttpServletRequest request)\{

String sessionToken = (String) request.getSession().getAttribute("sessionToken");

String parameter = request.getParameter("token");

if (!(sessionToken.equals(parameter))) \{

return false;

request.getSession().removeAttribute("sessionToken");

return true;

这篇博客利用session结合token来解决表单重复提交的问题。但是对于分布式项目而言，还是没有解决分布式下面的表单重复提交问题。所以我对基于session的表单验证，做了一些优化，采用redis+totekn的方式来解决分布式下面表单重复提交的问题。前端app处理和上面的一样，点击之后按钮马上变为灰色。后端进行了一些修改。

**修改内容：**

用户在进入表单页面的时候会生成一个token，返回给前端。然后后端也会将这个token保留在redis中，通过：token+用户id作为key，token值作为value来存储这个token值。用户每次提交表单的时候都会将redis中用户所对应的key删除掉。通过这种方式就可以完美的解决分布式下面表单重复提交的问题了。

**总结：**

今天也是遇到这个问题，才意识到这个接口存在这样的漏洞。所以好多时候，如果我们一味的实现业务逻辑，往往会忽略一些我们所不知道的东西。细节决定成败，希望大家以后遇到同样的问题可以避免踩坑。

想要更多干货、技术猛料的孩子，快点拿起手机扫码关注我，我在这里等你哦~

![70][]

[https_blog.csdn.net_zwb19940216_article_details_78151899]: https://blog.csdn.net/zwb19940216/article/details/78151899
[70]: /images/20220520/afd5735c9fc1462586ff568360816fcf.png