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

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

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

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

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

三、解决的办法:

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>

<base href="<%=basePath%>">

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

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">

<!--

<link rel="stylesheet" type="text/css" href="styles.css">

-->

</head>

<body>

<form action="${pageContext.request.contextPath}/DoFormServlet" method="post">

<input type="hidden" name="token" value="${sessionToken}">

用户名:<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删除掉。通过这种方式就可以完美的解决分布式下面表单重复提交的问题了。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券