验证码的生成
开发工具与关键技术:VS、MVC
作者:黎官凤
撰写时间:2019/6/3
现在有很多的软件都涉及到验证码,验证码是用来保护用户信息的,防止机器登录用户个人信息泄露,验证码有很多有手机号验证、有动态的验证码、有滑动验证。
下面的验证码生成是其中一种。
在项目下新建一个目录,目录里面放一些工具类,公共静态你只需要知道类名直接调用方法
ValidCodeUtils 静态类 里面就写静态方法 调用就直接类名点方法调用,用公共静态方便调用如下:
第一个静态方法是生成随机字符串,括号里面是参数intLength长度,你要产生多少位的数字。
第二个静态方法就是根据上一个方法字符串创建验证码图片。公共静态文件创建完成要用的时候直接调用方法
在控制器下的视图里面写一些关于验证码的html
Img 里面的src是图片来源的路径,点击图片,图片就会切换代码为
//验证图片点击切换
$("#validCodeImg").click(function () {
$(this).prop("src", "/Main/CreateVaildCodeImage?r=" + new Date().getTime());
});
CreateVaildCodeImage 控制器方法名 Main 控制器名 后面加号是拼接了时间使得每次的路径都不一样
然后就写控制器的方法
公共静态在最前面用using引用
上面就是验证码在控制器的代码
效果如下
点击它可以切换图片。这样验证码就生成了。