1. 程式人生 > >手把手教你玩轉12306驗證碼的秘密!

手把手教你玩轉12306驗證碼的秘密!

這樣的 隨機數 結構 實現 把手 session 劃分 技術交流 簡單的

12306相信對很多小夥伴都不陌生,假如問你對這個網站的印象的時候,你不是會立即想起那個坑爹的驗證碼,而正是這個驗證碼,也一時間成為小夥伴們討論的話題,今天思夢PHP就給大家帶來他的實現辦法,純屬技術交流,有什麽問題也歡迎前來探討,當然了,12306還要承受億級數據的並發,代碼肯定也要高明的多,但是效果我們可以發揮我們的想象力有很多的實現方法,小編的只是其中的一種!

思路:

隨機性,我們可以講驗證碼劃分幾個類,然後隨機挑選一個分類,之後創建一個分類的圖片的數據表,提供分類下面有哪些圖片展示,然後講隨機的分類的圖片的id保存在session,之後把隨機出來的分類的圖片加上幾個混淆的分類的圖,展示用戶以備選擇,之後用js,獲取拼接傳給後臺進行驗證!

下面就大家講解代碼!

首先呢,做開發都離不開數據庫,我們的數據結構如下:

(1)分類表:記錄圖片都有哪些分類,然後以備提示用戶要選擇哪些分類才能進行驗證碼的驗證!

技術分享圖片

記錄我們有哪些分類的圖片,提供用戶選擇和後臺進行交互,驗證爭取性!

技術分享圖片

(2)之後隨機數據顯示在頁面

技術分享圖片

(3)前端頁面的顯示效果

技術分享圖片

(4)通過js拼接id

技術分享圖片

(5)後臺進行驗證

技術分享圖片

就是這樣的簡單的五部就可以完成了這個效果了,小夥伴們趕緊去嘗試一下吧!


手把手教你玩轉12306驗證碼的秘密!