系统:Linux 7.8
措辞:PHP
框架:Laravel 5.8
紧张技能:JQuery、PHP、Cache
问题重现:当须要一个自然月客户只能订购一次产品时,客户重复点击提交按钮重复提交表单导致系统多次创建订单。
思路及步骤一上来我认为这个问题很大略,直接在用户单击提交【按钮】之后,直接禁用此按钮,代码如下:(图示代码为公共方法,想给所有具有提交的属性的按钮都加上[submit_btn]类)$(".submit_btn").click(function(){$(this).attr("disabled","true"); });
但是很快我就在测试环节创造了问题,这样写之后表单不能提交了,除非在后面添加一行JS提交表单的代码,但是由于是公共方法,遂放弃。
后来我接着考试测验在form表单上做文章,我考试测验用JQuery监听form表单提交,然后禁用[submit_btn]按钮。代码如下:
$(".click_loading_form").submit(function(){$('.submit_btn').attr("disabled","true"); //禁用按钮showLoading();//显示加载动画});
至此;这个问题算是暂时办理了。
但是过了几天还创造有重复的,我第一韶光想到可能是用户浏览器对付JQuery支持的问题,可能是JS代码没有实行。
连续,前端兼容一贯是我的痛,我只是个后端程序员,以是开始在后端掌握器想办法,于是想到利用缓存(Cache)。当用户提交之后设置一个30s自动过期的键值对,如果用户提交这个键值对存在的话,直接返回稍后提交,代码如下:公共方法PHP:Class GlobalApproachController
浸染:用户判断$key是否存在,存在返回true,不存在创建$key,30s过期开释并返回false
/ @description: 防止用户重复提交数据 @param String $key ------- 键 @return Boolean / public static function preventDuplicateSubmitData($key) { if (cache()->has($key)) { return true; } cache([$key => 1], Carbon::now()->addSeconds(30)); return false; }
掌握器业务方法:
if (GlobalApproachController::preventDuplicateSubmitData('orderMealCache')) {// 返回 请勿重复点击/订购}
至此,算是办理问题了。
第二种方法算是比较合理的方法,目前生产环境,方法一和二都在利用。
感激!
末了的话:
如果各位大佬有什么更好的方法,请评论或私信我,我会及时回答的,欢迎各位大佬一起来磋商技能。
如果各位觉得我的文章对您有帮助的话,请您不要吝啬您的点赞!
祝大家技能一节更比一节高!