點(diǎn)擊上方藍(lán)字關(guān)注我們
我們?cè)谑褂孟到y(tǒng)過(guò)程中,經(jīng)常碰到這種情況:網(wǎng)頁(yè)響應(yīng)很慢,提交請(qǐng)求后發(fā)現(xiàn)沒(méi)反應(yīng),然后就會(huì)反復(fù)點(diǎn)擊提交按鈕。查看后臺(tái)日志后發(fā)現(xiàn)一個(gè)同樣的請(qǐng)求提交了多次,后果就是輕則導(dǎo)致產(chǎn)生多條重復(fù)數(shù)據(jù),重則直接導(dǎo)致程序異常。那么,有沒(méi)有什么辦法可以避免這種問(wèn)題呢?
導(dǎo)致重復(fù)請(qǐng)求的原因很多,大體為以下幾種:
多次點(diǎn)擊提交按鈕
反復(fù)刷新頁(yè)面
點(diǎn)擊瀏覽器后退按鈕,導(dǎo)致重復(fù)提交表單
瀏覽器重復(fù)的HTTP請(qǐng)求
Nginx重發(fā)等
1、前端控制
前端提交請(qǐng)求后,在等待結(jié)果返回前將提交按鈕禁用,可以阻止人為的反復(fù)點(diǎn)擊操作。但是這種方式只能控制頁(yè)面,如果通過(guò)工具多次提交請(qǐng)求,那就只能通過(guò)后端來(lái)實(shí)現(xiàn)限制了。
2、借助本地鎖實(shí)現(xiàn)
這種方式主要通過(guò)自定義注解、springaop、guavacache來(lái)生成本地鎖,達(dá)到防止重復(fù)提交的效果。
接下來(lái)介紹下具體實(shí)現(xiàn):
引入guava依賴
Guava是谷歌開(kāi)源的Java庫(kù),這個(gè)庫(kù)提供用于集合,緩存,支持原語(yǔ),并發(fā)性,常見(jiàn)注解,字符串處理,I/O和驗(yàn)證的實(shí)用方法,對(duì)JDK工具做了很好擴(kuò)展。
自定義LocalLock注解
編寫自定義注解,用于需要控制重復(fù)提交的方法上。
自定義注解切面
編寫自定義注解的aop攔截器具體實(shí)現(xiàn),讀取有LocalLock注解的方法,解析注解中定義的key值在本地緩存中是否存在,若存在則提示重復(fù)請(qǐng)求,若為第一次請(qǐng)求則將key存入本地緩存中。
控制層實(shí)現(xiàn)
在需要限制重復(fù)提交的方法上加入@LocalLock注解,其中key值為自定義的存入緩存中的key。
效果展示
啟動(dòng)應(yīng)用,訪問(wèn)上面的/query請(qǐng)求查看效果。
正常訪問(wèn)一下,結(jié)果如下:
接下來(lái),在正常訪問(wèn)過(guò)程中,重復(fù)點(diǎn)擊提交,可以看到已達(dá)到限制效果。
對(duì)于重復(fù)提交請(qǐng)求的問(wèn)題,我們單純的只從前端或后端控制,帶來(lái)的用戶體驗(yàn)都不是最好的。只有兩者結(jié)合起來(lái),才能在確保功能正常的前提下,保證用戶體驗(yàn)效果。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/130024.html
摘要:注意設(shè)計(jì)模式并不適用所有的重復(fù)提交情況,比如由于服務(wù)器響應(yīng)緩慢,用戶刷新提交請(qǐng)求造成的重復(fù)提交。用戶惡意避開(kāi)客戶端預(yù)防多次提交手段,進(jìn)行重復(fù)數(shù)據(jù)提交。 表單重復(fù)提交的常見(jiàn)應(yīng)用場(chǎng)景?1、在網(wǎng)絡(luò)延遲的情況下讓用戶又是加你點(diǎn)擊多次submit按鈕導(dǎo)致?2、表單提交后用戶點(diǎn)擊刷新按鈕導(dǎo)致表單重復(fù)提交?3、用戶表單提交后,點(diǎn)擊瀏覽器后退按鈕退回表單頁(yè)面后進(jìn)行再次提交 很多情況下,重復(fù)提交的數(shù)據(jù),...
摘要:注意設(shè)計(jì)模式并不適用所有的重復(fù)提交情況,比如由于服務(wù)器響應(yīng)緩慢,用戶刷新提交請(qǐng)求造成的重復(fù)提交。用戶惡意避開(kāi)客戶端預(yù)防多次提交手段,進(jìn)行重復(fù)數(shù)據(jù)提交。 表單重復(fù)提交的常見(jiàn)應(yīng)用場(chǎng)景?1、在網(wǎng)絡(luò)延遲的情況下讓用戶又是加你點(diǎn)擊多次submit按鈕導(dǎo)致?2、表單提交后用戶點(diǎn)擊刷新按鈕導(dǎo)致表單重復(fù)提交?3、用戶表單提交后,點(diǎn)擊瀏覽器后退按鈕退回表單頁(yè)面后進(jìn)行再次提交 很多情況下,重復(fù)提交的數(shù)據(jù),...
摘要:是的簡(jiǎn)稱,運(yùn)行環(huán)境,為的運(yùn)行提供了所需的環(huán)境。分割字符串,返回分割后的字符串?dāng)?shù)組。當(dāng)計(jì)算的值相同時(shí),我們稱之為沖突,的做法是用鏈表和紅黑樹(shù)存儲(chǔ)相同的值的。迭代器取代了集合框架中的,迭代器允許調(diào)用者在迭代過(guò)程中移除元素。 Java基礎(chǔ)1.JDK和JRE有什么區(qū)別? JDK 是java development kit的簡(jiǎn)稱,java開(kāi)發(fā)工具包,提供java的開(kāi)發(fā)環(huán)境和運(yùn)行環(huán)境。JRE 是j...
摘要:學(xué)習(xí)筆記使用一個(gè)叫的文學(xué)家的名字用來(lái)命名的。引入,正式升級(jí)為分布式流處理平臺(tái)。主要還是針對(duì)組成員數(shù)量減少的情況。當(dāng)所有成員都退出組后,消費(fèi)者組狀態(tài)變更為。自動(dòng)定期刪除過(guò)期位移的條件就是,組要處于狀態(tài)。減少下游系統(tǒng)一次性消費(fèi)的消息總數(shù)。 Kafka 學(xué)習(xí)筆記 Kafka使用一個(gè)叫Franz Kafka的文學(xué)家的名字用來(lái)命名的。 Kafka是一款開(kāi)源的消息引擎系統(tǒng)。也是一個(gè)分布式流處理平臺(tái)...
摘要:去美團(tuán)面試,問(wèn)到了什么是線程池,如何使用,為什么要用以下做個(gè)總結(jié)。二線程池線程池的作用線程池作用就是限制系統(tǒng)中執(zhí)行線程的數(shù)量。真正的線程池接口是。創(chuàng)建固定大小的線程池。此線程池支持定時(shí)以及周期性執(zhí)行任務(wù)的需求。 去美團(tuán)面試,問(wèn)到了什么是線程池,如何使用,為什么要用,以下做個(gè)總結(jié)。關(guān)于線程之前也寫過(guò)一篇文章《高級(jí)面試題總結(jié)—線程池還能這么玩?》 1、什么是線程池:? java.util...
摘要:去美團(tuán)面試,問(wèn)到了什么是線程池,如何使用,為什么要用以下做個(gè)總結(jié)。二線程池線程池的作用線程池作用就是限制系統(tǒng)中執(zhí)行線程的數(shù)量。真正的線程池接口是。創(chuàng)建固定大小的線程池。此線程池支持定時(shí)以及周期性執(zhí)行任務(wù)的需求。 去美團(tuán)面試,問(wèn)到了什么是線程池,如何使用,為什么要用,以下做個(gè)總結(jié)。關(guān)于線程之前也寫過(guò)一篇文章《高級(jí)面試題總結(jié)—線程池還能這么玩?》 1、什么是線程池:? java.util...
閱讀 1346·2023-01-11 13:20
閱讀 1684·2023-01-11 13:20
閱讀 1132·2023-01-11 13:20
閱讀 1858·2023-01-11 13:20
閱讀 4100·2023-01-11 13:20
閱讀 2704·2023-01-11 13:20
閱讀 1385·2023-01-11 13:20
閱讀 3597·2023-01-11 13:20