如何防止页面重复提交，经典问题之一

前言 ：

先列出部分场景需要用到防止表单重复提交的，一直该场景针对有对数据库进行修改/添加操作的请求，对查询请求也进行防止重复提交也可以起到保护链接数据库的作用。

面临场景 ：

金融项目的扣款场景，如果用户购买某支基金，在页面双击或者疯狂点击购买，按照正常的逻辑来说应该只生成一次购买请求，应该在前端/后端把它重复的请求过滤掉，
这样的场景下可以只做前端或者后端或者前后端结合的过滤，但是比如，面对电商平台购买秒杀商品的场景，用户不断的发送秒杀请求，但是最终只要生成一次用户的订单，这时就只能用后端来处理防止重复生成订单了
再比如下单寄快递，如果一个寄一个物件因为用户重复提交订单页面导致生成很多订单号这也是不合理的
总之，防止页面重复提交所对应的场景对于金融，和金钱有关的，像开发票，饭店小程序下单等很多场景，如果做不到防止重复提交那在线下使用的时候一定会出现很多棘手的问题，所以说在开发过程中前后端一起结合才能有效起到真正的防止重复提交的作用，至于为什么，具体讲解使用方式时候会再详细分析。

使用方式

第一种 ： 用户点击一次之后直接禁用页面的按钮
用Vue举个例子，只要加上disabled属性就可以禁用按钮
好处 ： 在前端可以友好的防止用户重新提交请