怎样快速的创建验证码

各位读者大家好,今天我要讲的内容是如何用VS快速的创建验证码。首先打开我们的开发工具。创建一个控制器,我们先把验证码的代码写一下,代码如下:
在这里插入图片描述
实现的效果如下:
在这里插入图片描述
上面是我做好的样式,现在我要教大家是这么做出来的。在上面代码中,我给了一个input标签,还有一个img标签,那个链接本来是没有的,我们先把生成验证码的图片写一下,在写验证码图片的时候,我们要先引入两个类,我们创建一个文件夹为Common,在里面引入一个叫ValidCodeUtils的类和AESEncryptHelper的类,第一个是验证码的,第二个类是密码的,如果你复制过来的时候报错,你就去到报错那里,看看有没有解决方案。那里报错,你就去那里找解决的方法。引进来之后,我们就可以开始写代码了。下面是在控制
器里面写的生成二维码图片的方法:
在这里插入图片描述
首先我们生成验证码的长度,在上面我声明一个长度为5的验证码字符串,调用了ValidCodeUtils里面的GetRandomCode方法;然后在根据生成的验证码字符串生成验证码图片,一样是调用ValidCodeUtils里面的方法,上面的第三步可以先不用写,只要是为下面的session机制;第四步就是把图片返回到视图。然后我们把这个方法,放到img里面的src那里。这样二维码就可以生成了,但是呢,里面的图片还不能切换,我们一般是点击一下二维码就可以切换一张验证码。这样我们要这么做呢?我们来到登录页面那里,把可以切换二维码的方法写一下。代码如下:
$(function () {
$("#validCodeImg").click(function () {
$(this).prop(“src”, “/Mian/CreateValidCodeImage?t=” + new Date().getTime());

//$("#validCodeImg").attr("src","/Mian/CreateValidCodeImage?t="+newDate().getTime());
    });

});
我们可以有两个方法切换验证码。这样我们就可以快速的创建出验证码来了。
学习总结:通过这次学习,我学会了如何快速的创建出验证码了。希望大家能看的懂里面的内容,我还会写更多文献供大家学习,如果你们的验证码生成不了,可以找我来帮忙一下。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值