1 项目介绍
此次针对登录网站验证码的生成和识别主要利用了Python技术来实现,开发设计了两种验证码模式:图形验证码以及滑动验证码,图形验证码主要通过动态的图形内容来验证,滑动验证码通过滑动交互的方式来实现拼图缺口的填入,在登录验证的过程中需要确保验证信息的准确性,一旦发生验证错误后台会自动刷新函数来确保验证码的随机性,同时如同一IP验证失败超过最大次数平台会自动锁定冻结账号信息,验证码可以帮助提升系统平台登录的安全性,防止暴力破解账户信息的情况发生。
2、项目技术
项目后端框架:Java+ssm
项目前端框架:vue2,ssm
3、开发环境
后端:开发语言:python
框架:python,django
python版本:python3.6.8版本向上兼容
数据库:mysql5.7+
数据库工具:Navicat11+
开发软件:pycharm
前端:nodejs,vue,html
数据库:mysql
4 系统特点
综合来看此次验证码生成及识别的系统平台所采用的应用技术均是相对稳定且开源的,同时模块化的框架结构进一步确保了整体系统开发的效率,从技术层面来看是可行的。
第5章 系统实现
5.1文字验证码登录界面
本次设计的验证码登录的网站首页如下,从页面中可以看到有验证码的校验框,分为文本框以及验证码的显示框,具体界面呈现如下图:
图5.1验证码校验登录界面
5. 2输入错误的验证码界面
当用户未按照验证码中的正确内容来进行验证码的输入时,当点击登录按钮后,系统会进行验证码的校验,在校验完毕后会弹出对话框提示用户验证码输入不正确,与此同时后台也会对登录的IP进行登记,如下图所示:
图5.2 错误的验证码输入界面
5.3图像验证码登录界面
此次设计的图像验证码的登录界面展示如下,在验证码的验证中是以图片作为验证的方式,拖动图块至正确的位置来进行验证,图像验证码的登录首页展示如下:
图5.3新增二维码界面
5.4图像验证码拖动错误界面
当没有按照指定的要求将图块拖动至指定的位置,则系统会根据拖动的距离等信息来进行函数的判断,从而认定验证码校验未通过,当出现该情况时,系统会提示验证失败,具体界面呈现如下图所示:
图5.4图像验证码验证错误界面
5.5后台管理系统界面
当管理员完成了系统登录之后,能够在后台的管理界面汇总来查看到当前的用户数量、用户登录的异常情况统计数据等信息,主页的显示内容如下所示:
图5.5后台管理系统主界面
5.6校验列表界面
在校验列表中,能够看到有访问的IP地址的访问时间记录,有被限制访问的IP地址的限制时间记录等,能够对IP的访问进行有效的控制,校验列表界面如下所示:
图5.6校验列表界面