JAVA_OA(十四)番外:JAVAWEB防止表单重复提交的方法整合(包括集群部署)
因?yàn)樽约阂?所以查找了網(wǎng)絡(luò)上javaweb項(xiàng)目防止表單重復(fù)提交的方法,有些部分不太好找,所以整合后貼出來,首先是孤傲蒼狼的一部分博客文章,集群部署的解決方案在后面(注意大紅字)
原文出處:孤傲蒼狼的博客
在平時(shí)開發(fā)中，如果網(wǎng)速比較慢的情況下，用戶提交表單后，發(fā)現(xiàn)服務(wù)器半天都沒有響應(yīng)，那么用戶可能會以為是自己沒有提交表單，就會再點(diǎn)擊提交按鈕重復(fù)提交表單，我們在開發(fā)中必須防止表單重復(fù)提交。
一、表單重復(fù)提交的常見應(yīng)用場景
有如下的form.jsp頁面
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <!DOCTYPE HTML> 3 <html> 4 <head> 5 <title>Form表單</title> 6 </head> 7 8 <body> 9 <form action="${pageContext.request.contextPath}/servlet/DoFormServlet" method="post"> 10 用戶名：<input type="text" name="username"> 11 <input type="submit" value="提交" id="submit"> 12 </form> 13 </body> 14 </html>form表單提交到DoFormServlet進(jìn)行處理
1 package xdp.gacl.session; 2 3 import java.io.IOException; 4 import javax.servlet.ServletException; 5 import javax.servlet.http.HttpServlet; 6 import javax.servlet.http.HttpServletRequest; 7 import javax.servlet.http.HttpServletResponse; 8 9 public class DoFormServlet extends HttpServlet { 10 11 public void doGet(HttpServletRequest request, HttpServletResponse response) 12 throws ServletException, IOException { 13 //客戶端是以UTF-8編碼傳輸數(shù)據(jù)到服務(wù)器端的，所以需要設(shè)置服務(wù)器端以UTF-8的編碼進(jìn)行接收，否則對于中文數(shù)據(jù)就會產(chǎn)生亂碼 14 request.setCharacterEncoding("UTF-8"); 15 String userName = request.getParameter("username"); 16 try { 17 //讓當(dāng)前的線程睡眠3秒鐘，模擬網(wǎng)絡(luò)延遲而導(dǎo)致表單重復(fù)提交的現(xiàn)象 18 Thread.sleep(3*1000); 19 } catch (InterruptedException e) { 20 e.printStackTrace(); 21 } 22 System.out.println("向數(shù)據(jù)庫中插入數(shù)據(jù)："+userName); 23 } 24 25 public void doPost(HttpServletRequest request, HttpServletResponse response) 26 throws ServletException, IOException { 27 doGet(request, response); 28 } 29 30 }如果沒有進(jìn)行form表單重復(fù)提交處理，那么在網(wǎng)絡(luò)延遲的情況下下面的操作將會導(dǎo)致form表單重復(fù)提交多次
1.1、場景一：在網(wǎng)絡(luò)延遲的情況下讓用戶有時(shí)間點(diǎn)擊多次submit按鈕導(dǎo)致表單重復(fù)提交
演示動畫如下所示：
?1.2、場景二：表單提交后用戶點(diǎn)擊【刷新】按鈕導(dǎo)致表單重復(fù)提交
演示動畫如下所示：
點(diǎn)擊瀏覽器的刷新按鈕，就是把瀏覽器上次做的事情再做一次，因?yàn)檫@樣也會導(dǎo)致表單重復(fù)提交。
1.3、場景三：用戶提交表單后，點(diǎn)擊瀏覽器的【后退】按鈕回退到表單頁面后進(jìn)行再次提交
演示動畫如下所示：
二、利用JavaScript防止表單重復(fù)提交
既然存在上述所說的表單重復(fù)提交問題，那么我們就要想辦法解決，比較常用的方法是采用JavaScript來防止表單重復(fù)提交，具體做法如下：
修改form.jsp頁面，添加如下的JavaScript代碼來防止表單重復(fù)提交
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <!DOCTYPE HTML> 3 <html> 4 <head> 5 <title>Form表單</title> 6 <script type="text/javascript"> 7 var isCommitted = false;//表單是否已經(jīng)提交標(biāo)識，默認(rèn)為false 8 function dosubmit(){ 9 if(isCommitted==false){ 10 isCommitted = true;//提交表單后，將表單是否已經(jīng)提交標(biāo)識設(shè)置為true 11 return true;//返回true讓表單正常提交 12 }else{ 13 return false;//返回false那么表單將不提交 14 } 15 } 16 </script> 17 </head> 18 19 <body> 20 <form action="${pageContext.request.contextPath}/servlet/DoFormServlet" onsubmit="return dosubmit()" method="post"> 21 用戶名：<input type="text" name="username"> 22 <input type="submit" value="提交" id="submit"> 23 </form> 24 </body> 25 </html>我們看看使用了JavaScript來防止表單提交重復(fù)是否可以成功，運(yùn)行效果如下：
可以看到，針對"在網(wǎng)絡(luò)延遲的情況下讓用戶有時(shí)間點(diǎn)擊多次submit按鈕導(dǎo)致表單重復(fù)提交"這個(gè)應(yīng)用場景，使用JavaScript是可以解決這個(gè)問題的，解決的做法就是"用JavaScript控制Form表單只能提交一次"。
除了用這種方式之外，經(jīng)常見的另一種方式就是表單提交之后，將提交按鈕設(shè)置為不可用，讓用戶沒有機(jī)會點(diǎn)擊第二次提交按鈕，代碼如下：
1 function dosubmit(){ 2 //獲取表單提交按鈕 3 var btnSubmit = document.getElementById("submit"); 4 //將表單提交按鈕設(shè)置為不可用，這樣就可以避免用戶再次點(diǎn)擊提交按鈕 5 btnSubmit.disabled= "disabled"; 6 //返回true讓表單可以正常提交 7 return true; 8 }運(yùn)行效果如下：
? 另外還有一種做法就是提交表單后，將提交按鈕隱藏起來，這種做法和將提交按鈕設(shè)置為不可用是差不多的，個(gè)人覺得將提交按鈕隱藏影響到頁面布局的美觀，并且可能會讓用戶誤以為是bug(怎么我一點(diǎn)擊按鈕，按鈕就不見了呢？用戶可能會有這樣的疑問)，我個(gè)人在開發(fā)中用得比較多的是表單提交后，將提交按鈕設(shè)置為不可用，反正使用JavaScript防止表單重復(fù)提交的做法都是差不多的，目的都是讓表單只能提交一次，這樣就可以做到表單不重復(fù)提交了。
使用JavaScript防止表單重復(fù)提交的做法只對上述提交到導(dǎo)致表單重復(fù)提交的三種場景中的【場景一】有效，而對于【場景二】和【場景三】是沒有用，依然無法解決表單重復(fù)提交問題。
三、利用Session防止表單重復(fù)提交
對于【場景二】和【場景三】導(dǎo)致表單重復(fù)提交的問題，既然客戶端無法解決，那么就在服務(wù)器端解決，在服務(wù)器端解決就需要用到session了。
具體的做法：在服務(wù)器端生成一個(gè)唯一的隨機(jī)標(biāo)識號，專業(yè)術(shù)語稱為Token(令牌)，同時(shí)在當(dāng)前用戶的Session域中保存這個(gè)Token。然后將Token發(fā)送到客戶端的Form表單中，在Form表單中使用隱藏域來存儲這個(gè)Token，表單提交的時(shí)候連同這個(gè)Token一起提交到服務(wù)器端，然后在服務(wù)器端判斷客戶端提交上來的Token與服務(wù)器端生成的Token是否一致，如果不一致，那就是重復(fù)提交了，此時(shí)服務(wù)器端就可以不處理重復(fù)提交的表單。如果相同則處理表單提交，處理完后清除當(dāng)前用戶的Session域中存儲的標(biāo)識號。
在下列情況下，服務(wù)器程序?qū)⒕芙^處理用戶提交的表單請求：
看具體的范例：
1.創(chuàng)建FormServlet，用于生成Token(令牌)和跳轉(zhuǎn)到form.jsp頁面
1 package xdp.gacl.session; 2 3 import java.io.IOException; 4 import javax.servlet.ServletException; 5 import javax.servlet.http.HttpServlet; 6 import javax.servlet.http.HttpServletRequest; 7 import javax.servlet.http.HttpServletResponse; 8 9 public class FormServlet extends HttpServlet { 10 private static final long serialVersionUID = -884689940866074733L; 11 12 public void doGet(HttpServletRequest request, HttpServletResponse response) 13 throws ServletException, IOException { 14 15 String token = TokenProccessor.getInstance().makeToken();//創(chuàng)建令牌 16 System.out.println("在FormServlet中生成的token："+token); 17 request.getSession().setAttribute("token", token); //在服務(wù)器使用session保存token(令牌) 18 request.getRequestDispatcher("/form.jsp").forward(request, response);//跳轉(zhuǎn)到form.jsp頁面 19 } 20 21 public void doPost(HttpServletRequest request, HttpServletResponse response) 22 throws ServletException, IOException { 23 doGet(request, response); 24 } 25 26 }2.在form.jsp中使用隱藏域來存儲Token(令牌)
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <title>form表單</title> 6 </head> 7 8 <body> 9 <form action="${pageContext.request.contextPath}/servlet/DoFormServlet" method="post"> 10 <%--使用隱藏域存儲生成的token--%> 11 <%-- 12 <input type="hidden" name="token" value="<%=session.getAttribute("token") %>"> 13 --%> 14 <%--使用EL表達(dá)式取出存儲在session中的token--%> 15 <input type="hidden" name="token" value="${token}"/> 16 用戶名：<input type="text" name="username"> 17 <input type="submit" value="提交"> 18 </form> 19 </body> 20 </html>3.DoFormServlet處理表單提交
1 package xdp.gacl.session; 2 3 import java.io.IOException; 4 import javax.servlet.ServletException; 5 import javax.servlet.http.HttpServlet; 6 import javax.servlet.http.HttpServletRequest; 7 import javax.servlet.http.HttpServletResponse; 8 9 public class DoFormServlet extends HttpServlet { 10 11 public void doGet(HttpServletRequest request, HttpServletResponse response) 12 throws ServletException, IOException { 13 14 boolean b = isRepeatSubmit(request);//判斷用戶是否是重復(fù)提交 15 if(b==true){ 16 System.out.println("請不要重復(fù)提交"); 17 return; 18 } 19 request.getSession().removeAttribute("token");//移除session中的token 20 System.out.println("處理用戶提交請求！！"); 21 } 22 23 /** 24 * 判斷客戶端提交上來的令牌和服務(wù)器端生成的令牌是否一致 25 * @param request 26 * @return 27 * true 用戶重復(fù)提交了表單 28 * false 用戶沒有重復(fù)提交表單 29 */ 30 private boolean isRepeatSubmit(HttpServletRequest request) { 31 String client_token = request.getParameter("token"); 32 //1、如果用戶提交的表單數(shù)據(jù)中沒有token，則用戶是重復(fù)提交了表單 33 if(client_token==null){ 34 return true; 35 } 36 //取出存儲在Session中的token 37 String server_token = (String) request.getSession().getAttribute("token"); 38 //2、如果當(dāng)前用戶的Session中不存在Token(令牌)，則用戶是重復(fù)提交了表單 39 if(server_token==null){ 40 return true; 41 } 42 //3、存儲在Session中的Token(令牌)與表單提交的Token(令牌)不同，則用戶是重復(fù)提交了表單 43 if(!client_token.equals(server_token)){ 44 return true; 45 } 46 47 return false; 48 } 49 50 public void doPost(HttpServletRequest request, HttpServletResponse response) 51 throws ServletException, IOException { 52 doGet(request, response); 53 } 54 55 }生成Token的工具類TokenProccessor
1 package xdp.gacl.session; 2 3 import java.security.MessageDigest; 4 import java.security.NoSuchAlgorithmException; 5 import java.util.Random; 6 import sun.misc.BASE64Encoder; 7 8 public class TokenProccessor { 9 10 /* 11 *單例設(shè)計(jì)模式（保證類的對象在內(nèi)存中只有一個(gè)） 12 *1、把類的構(gòu)造函數(shù)私有 13 *2、自己創(chuàng)建一個(gè)類的對象 14 *3、對外提供一個(gè)公共的方法，返回類的對象 15 */ 16 private TokenProccessor(){} 17 18 private static final TokenProccessor instance = new TokenProccessor(); 19 20 /** 21 * 返回類的對象 22 * @return 23 */ 24 public static TokenProccessor getInstance(){ 25 return instance; 26 } 27 28 /** 29 * 生成Token 30 * Token：Nv6RRuGEVvmGjB+jimI/gw== 31 * @return 32 */ 33 public String makeToken(){ //checkException 34 // 7346734837483 834u938493493849384 43434384 35 String token = (System.currentTimeMillis() + new Random().nextInt(999999999)) + ""; 36 //數(shù)據(jù)指紋 128位長 16個(gè)字節(jié) md5 37 try { 38 MessageDigest md = MessageDigest.getInstance("md5"); 39 byte md5[] = md.digest(token.getBytes()); 40 //base64編碼--任意二進(jìn)制編碼明文字符 adfsdfsdfsf 41 BASE64Encoder encoder = new BASE64Encoder(); 42 return encoder.encode(md5); 43 } catch (NoSuchAlgorithmException e) { 44 throw new RuntimeException(e); 45 } 46 } 47 }首先訪問FormServlet，在FormServlet中生成Token之后再重定向到form.jsp頁面，這次是在服務(wù)器端處理表單重復(fù)提交的，運(yùn)行效果如下：
從運(yùn)行效果中可以看到，通過這種方式處理表單重復(fù)提交，可以解決上述的場景二和場景三中出現(xiàn)的表單重復(fù)提交問題。
四、SpringMVC攔截器+注解方式防止表單重復(fù)提交
原理：在新建頁面中Session保存token隨機(jī)碼，當(dāng)保存時(shí)驗(yàn)證，通過后刪除，當(dāng)再次點(diǎn)擊保存時(shí)由于服務(wù)器端的Session中已經(jīng)不存在了，所有無法驗(yàn)證通過。
注，如果是集群的方式，則需要將token放入到緩存中即可。
注解Token代碼：
@Target(ElementType.METHOD) @Retention?(RetentionPolicy.RUNTIME) public?@interface?Token?{boolean?needSaveToken?()?default?false?;boolean?needRemoveToken?()?default?false?; }攔截器TokenInterceptor代碼：
public?class?TokenInterceptor?extends?HandlerInterceptorAdapter?{public?boolean?preHandle(HttpServletRequest?request,?HttpServletResponse?response,?Object?handler)?throwsException?{if?(handler?instanceof?HandlerMethod)?{HandlerMethod?handlerMethod?=?(HandlerMethod)?handler;Method?method?=?handlerMethod.getMethod();Token?annotation?=?method.getAnnotation(Token.?class?);if?(annotation?!=?null?)?{boolean?needSaveSession?=?annotation.save();if?(needSaveSession)?{request.getSession(?false?).setAttribute(?"token"?,?UUID.randomUUID().toString());}boolean?needRemoveSession?=?annotation.remove();if?(needRemoveSession)?{if?(isRepeatSubmit(request))?{return?false?;}request.getSession(?false?).removeAttribute(?"token"?);}}return?true?;}?else?{return?super?.preHandle(request,?response,?handler);}}private?boolean?isRepeatSubmit(HttpServletRequest?request)?{String?serverToken?=?(String)?request.getSession(?false?).getAttribute(?"token"?);if?(serverToken?==?null?)?{return?true?;}String?clinetToken?=?request.getParameter(?"token"?);if?(clinetToken?==?null?)?{return?true?;}if?(!serverToken.equals(clinetToken))?{return?true?;}return?false?;} }然后在Spring MVC的配置文件里加入：
<!--?攔截器配置?--> <?mvc:interceptors?><!--?配置Shiro攔截器，實(shí)現(xiàn)注冊用戶的注入?--><?mvc:interceptor?><?mvc:mapping?path?=?"/**"?/><?bean?class?=?"com.storezhang.video.shiro.ShiroInterceptor"?/></?mvc:interceptor?><!--?配置Token攔截器，防止用戶重復(fù)提交數(shù)據(jù)?--><?mvc:interceptor?><?mvc:mapping?path?=?"/**"?/><?bean?class?=?"com.storezhang.web.spring.TokenInterceptor"?/></?mvc:interceptor?> </?mvc:interceptors?>相關(guān)代碼已經(jīng)注釋，相信你能看懂。
關(guān)于這個(gè)方法的用法是：在需要生成token的controller上增加@Token(save=true)，而在需要檢查重復(fù)提交的controller上添加@Token(remove=true)就可以了。
另外，你需要在view里在form里增加下面代碼：
在相關(guān)方法中加入注解
@RequestMapping("/save")@AvoidDuplicateSubmission(needRemoveToken?=?true)public?synchronized?ModelAndView?save(ExecutionUnit?unit,?HttpServletRequest?request,?HttpServletResponse?response)throws?Exception?{@RequestMapping("/edit")@AvoidDuplicateSubmission(needSaveToken?=?true)public?ModelAndView?edit(Integer?id,?HttpServletRequest?request)?throws?Exception?{
已經(jīng)完成了，去試試看你的數(shù)據(jù)還能重復(fù)提交了吧。
四--->部分的原文地址： http://my.oschina.net/u/273598/blog/191666總結(jié)
以上是生活随笔為你收集整理的JAVA_OA(十四)番外:JAVAWEB防止表单重复提交的方法整合(包括集群部署)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JAVA_OA(十四):SSM练手项目b
- 下一篇： CSDNmarkdown编辑器直接写代码