12306相信對不少小夥伴都不陌生,假如問你對這個網站的印象的時候,你不是會當即想起那個坑爹的驗證碼,而正是這個驗證碼,也一時間成爲小夥伴們討論的話題,今天思夢PHP就給你們帶來他的實現辦法,純屬技術交流,有什麼問題也歡迎前來探討,固然了,12306還要承受億級數據的併發,代碼確定也要高明的多,可是效果咱們能夠發揮咱們的想象力有不少的實現方法,小編的只是其中的一種!
前端
思路:數據庫
隨機性,咱們能夠講驗證碼劃分幾個類,而後隨機挑選一個分類,以後建立一個分類的圖片的數據表,提供分類下面有哪些圖片展現,而後講隨機的分類的圖片的id保存在session,以後把隨機出來的分類的圖片加上幾個混淆的分類的圖,展現用戶以備選擇,以後用js,獲取拼接傳給後臺進行驗證!session
下面就你們講解代碼!數據結構
首先呢,作開發都離不開數據庫,咱們的數據結構以下:併發
(1)分類表:記錄圖片都有哪些分類,而後以備提示用戶要選擇哪些分類才能進行驗證碼的驗證!ide
記錄咱們有哪些分類的圖片,提供用戶選擇和後臺進行交互,驗證爭取性!網站
(2)以後隨機數據顯示在頁面blog
(3)前端頁面的顯示效果圖片
(4)經過js拼接id開發
(5)後臺進行驗證
就是這樣的簡單的五部就能夠完成了這個效果了,小夥伴們趕忙去嘗試一下吧!