关于防止表单重复提交的方案

本文逻辑部分大多参考：https://blog.csdn.net/pengfudian1991/article/details/82560767
参考网上的一些资料：通过前端 + 后端 一起来阻止表单的重复提交

这边整理出2种 ，前端大家参考一下，我主要是用后端，跑一个demo实际的演示一下

源码我放到github上，欢迎大家下载：https://github.com/gitlyb2080/formSubmiitTest

后端方案： 主要是利用session，保存一个唯一的token标识，并且储存到session里在展示表单的时候，就把这个值放到表单上的一个隐藏域提交表单的时候，再一起提交回来，去验证这2个值是否相等，如果相等就让提交表单，这个时候并且把session里的值 给  remove掉，下次再进来就没值了，这样就不能继续提交表单了。

这里有个扩展方案：分布式的情况下，session不一致，如何保持一致？

          这里涉及到分布式的seesion问题（可以用redis解决分布式seesion一致的问题）
          抛开session，我们可否用redis来解决这个问题？每次请求进来生成一个key，然后把这个key，put到redis里，下次表单提交进来之后，根据这个key去redis里判断是否存在，存在则可以提交表单，并且提交表单之后把这个key给删了。

只有这个key同时存在表单里，和redis里，才可以提交表单，否则都是重复提交表单
该方案需要测试 demo来测试

启动项目之后：访问表单

 

我们访问该项目，可以看到一个表单项目，表单上的token是我用java的UUID，目前随便生成的，后期的大家可以考虑稍稍复杂点的生成策略，并且隐藏掉。点击提交。

 

这个时候， 我们点击浏览器左上角的  ，向左的按钮，回退一下，接着再提交，模拟重复提交的场景：

 

至此，后端验证表单重复提交的简单逻辑到此结束了。

源码我放到github上，