美文网首页
聊一聊开发中如何防止表单重复提交(1)

聊一聊开发中如何防止表单重复提交(1)

作者: 朕後宮三千 | 来源:发表于2019-08-17 02:26 被阅读0次

    场景:在项目开发中,我们经常会听到测试人员抱怨,我提交表单,表单窗口没有及时关闭,没反应,又点击了一下提交,结果插入两条一模一样的数据。其实,我们遇到重复提交的场景大多数都是这种原因,今天我们就来聊一下,如何用最简单的方式处理它吧。

    分析原因:如上场景,可能就是网络原因或者其他XXX原因,后台数据没有及时返回,导致前端页面窗口没有关掉。

    处理方式1:  修改页面,给提交按钮加个禁用属性,亦或者是加个什么loading的样式啊,反正不允许用户重复点击(不推荐)

        具体实现:用户一点提交,我就通过js禁用掉该按钮不能操作,ajax请求响应了,再把禁用打开,用户(正常用户,不包括那种直接通过浏览器url来攻击你服务器的用户)讲道理不可能重复提交。呵呵,就是这样,我后台不需要改任何代码,分分钟搞定。我定义为最简单的方式,有时候应急这样做也是可以的嘛。

    优点:简单,快速,高效,应急

    缺点:1,在页面上做的这些验证啊,操作啊,大家懂得,不安全。

                2,别人太容易攻击你的网站了,别人就一直用工具给你重复提交,不就完了吗。

    处理方式2: 数据库唯一索引控制(推荐,简单,可以不用考虑什么分布式啊,集群啊,不同用户并发操作啊,因为直接在数据库做验证)

    具体实现:既然你要插入重复数据,好吧,我加个唯一索引,数据库插入报错,提示 “重复提交”不就行了吗。新建一个字段来处理,这个字段就把它作为唯一索引,UUID或者时间戳都是可以的。那我们可以每次在弹出提交页面表单的时候,在后台生成一个唯一索引比如UUID,传给前端,前端提交带上UUID,我们直接在数据库保存即可,试想,你不刷新页面,猛点提交按钮的情况下,每次传到后台的UUID都是同一个,直接存数据库,报错,提示就完了。

            优点:还是简单,快速,高效,应急(不需要引进其他任何技术,后台代码也只是加个try catch而已)

            缺点:1,狂点按钮,增加数据库压力,还有处理方式1的第三个缺点

                        2,系统中有很多表单提交按钮,我都需要去加个莫须有的字段(当然,你要是比较勤奋,可以忽略,但是我觉得这点是比较烦人的,数据库侵入性高)

                        3,数据库要是由于各种原因响应慢,用户确得不到任何提示(当然,这点我认为不重要)

                        4,通过数据库验证,在性能,速度上都不是最优的,比如你连续点两次提交,可能不会及时响应提示,但是至少数据不会出问题(这个缺点,看项目情况吧,我觉得还OK)

    总结:我个人不建议使用第一种方式,建议使用第二种方式,更建议使用第一种+第二种的组合方式,组合方式有个好处就是,用户不可能出现狂点按钮的操作,也就不可能给数据库造成太大的压力,综上,还是要根据自己项目的实际业务场景来做出最优选择。一般用户量不大,并发不高的系统,推荐组合使用。当然并发高,两种方式我都不建议使用,毕竟第二种是直接操作数据库,压力大,还可能不能及时响应给用户。

    综上,并发小,用户量小,(还要根据实际业务场景)推荐使用组合方式,因为简单啊,思路简单明了,第二种方式直接操作数据库,说白了就是个悲观锁(当然并不是锁,只是比喻),不管你是集群还是分布式,都是OK的,推荐!

    好了,今天简单方式解决防重复提交介绍到这,其实我觉得一般项目就用组合方式很OK的,后期文章还会介绍其他方式,敬请期待。。。

    相关文章

      网友评论

          本文标题:聊一聊开发中如何防止表单重复提交(1)

          本文链接:https://www.haomeiwen.com/subject/ghacsctx.html