ExtJS 6+Struts2滑动验证码实现

ExtJs6+Struts2 的拖动图片验证码,改得挺顺手,整体逻辑也清晰。源码是从一个老的 JQuery 版改过来的,逻辑你应该一眼就能看懂。嗯,直接导进 MyEclipse 就能跑,就是 jar 包要你自己去下,记得看下/webroot/所需 jar 包列表.jpg,都标好了。

验证码用的是滑块拖动的方式,体验比较友好,尤其适合移动端或者表单交互比较频繁的场景。相比传统数字验证码,用户的成功率高了不少,误判少,响应也快。

你如果之前写过 Struts2 的项目,那接这套代码应该毫无压力。拦截器action这些结构都在。配合 ExtJs6 的 UI,交互还挺顺滑。前端那块主要是用Ext.PanelExt.Img拼起来的,事件绑定用的是标准listeners配置。

建议你搭环境的时候先把项目跑起来,确认验证码逻辑没问题再调样式。不然有时候是后台接口没通,页面上啥都不显示,看着挺懵。

相关的思路你也可以参考这些:

如果你想给旧项目加个更友好的验证码功能,这个方案还挺值得一试的。

rar 文件大小:34.71MB