继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

手把手教你玩转12306验证码的秘密!

思梦PHP
关注TA
已关注
手记 40
粉丝 85
获赞 1150

12306相信对很多小伙伴都不陌生,假如问你对这个网站的印象的时候,你不是会立即想起那个坑爹的验证码,而正是这个验证码,也一时间成为小伙伴们讨论的话题,今天就给大家带来他的实现办法,纯属技术交流,有什么问题也欢迎前来探讨,当然了,12306还要承受亿级数据的并发,代码肯定也要高明的多,但是效果我们可以发挥我们的想象力有很多的实现方法,小编的只是其中的一种!
思路:
随机性,我们可以讲验证码划分几个类,然后随机挑选一个分类,之后创建一个分类的图片的数据表,提供分类下面有哪些图片展示,然后讲随机的分类的图片的id保存在session,之后把随机出来的分类的图片加上几个混淆的分类的图,展示用户以备选择,之后用js,获取拼接传给后台进行验证!
下面就大家讲解代码!
首先呢,做开发都离不开数据库,我们的数据结构如下:

(1)分类表:记录图片都有哪些分类,然后以备提示用户要选择哪些分类才能进行验证码的验证!
图片描述
记录我们有哪些分类的图片,提供用户选择和后台进行交互,验证争取性!
图片描述
(2)之后随机数据显示在页面
图片描述
(3)前端页面的显示效果
图片描述

(4)通过js拼接id
图片描述

(5)后台进行验证

![![图片描述][6]][6]
就是这样的简单的五部就可以完成了这个效果了,小伙伴们赶紧去尝试一下吧!

打开App,阅读手记
5人推荐
发表评论
随时随地看视频慕课网APP