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