本篇文章為大家展示了短信驗證碼校驗功能如何利用SpringBoot實現(xiàn),內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、網(wǎng)站制作服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)霞山免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了上1000家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。思路
用戶輸入手機號后,點擊按鈕獲取驗證碼。并設(shè)置冷卻時間,防止用戶頻繁點擊。
后臺生成驗證碼并發(fā)送到用戶手機上,根據(jù)驗證碼、時間及一串自定義秘鑰生成MD5值,并將時間也傳回到前端。
用戶輸入驗證碼后,將驗證碼和時間傳到后臺。后臺先用當前時間減去前臺傳過來的時間驗證是否超時。如果沒有超時,就用用戶輸入的驗證碼 + 時間 + 自定義秘鑰生成MD5值與之前的MD5值比較,如果相等則驗證碼校驗通過,如果不等則說明驗證碼輸入錯誤校驗失敗。
原理有點像解方程:
xyz經(jīng)過一種不可逆運算得到A,將y和A傳給用戶,z后臺保留,用戶填寫x1后,將x1 y A傳回后臺,后臺再用x1 y z經(jīng)過不可逆運算得到A1,如果A1和A相等,則驗證碼校驗通過。
前端的實現(xiàn)
本例基于BootStrap,html代碼中有BootStrap樣式。如果你不想用BootStrap,可以將class樣式去掉。效果如圖所示。
html代碼如下: