随机验证码实现案例

简介: 众所周知,验证码在我们的生活中都是非常常见的,很多公司都在各种折腾各种各样的验证码,这里简要的用一个小案例来实现验证码的功能(ps:其实我挺讨厌验证码这个东西的)。    建立一个javaweb工程,新建login.html,在里面主要是写界面,代码实现如下,写在body区就可以了,来一个表单验证 <body> <form action="">

众所周知,验证码在我们的生活中都是非常常见的,很多公司都在各种折腾各种各样的验证码,这里简要的用一个小案例来实现验证码的功能(ps:其实我挺讨厌验证码这个东西的)。

   建立一个javaweb工程,新建login.html,在里面主要是写界面,代码实现如下,写在body区就可以了,来一个表单验证

<body>
    <form action="">
    	username:<input/><br/>
    	password:<input/><br/>
    	验证码:<input name="code"/><img id="image1" src="/day08_response/servlet/responseDemo4"/>
    		<input type="button" value="看不清,换一张" onclick="change()"/>
    	<br/>
    	<input type="submit" value="登陆"/>
    </form>
    <script type="text/javascript">
    	function change(){
    		var imageObj = document.getElementById("image1");
    		//地址一样,浏览器不会发出请求
    		imageObj.src="/day08_response/servlet/responseDemo4?time="+new Date().getTime();
    	}
    </script>
  </body>


然后我们需要新建一个servlet类,实现验证码我们可以有两种方式,一种是自己写,如下:颜色可以直接配置就好,好吧,鉴于我的审美观有限,貌似这种颜色搭配起来挺丑的。

private void test1(HttpServletResponse response) throws IOException {
		int width=110;
		int height=25;
		//1构建一幅内存图片BufferedImage
		BufferedImage bi=new BufferedImage(width, height, BufferedImage.TYPE_INT_BGR);
		
		//3.图片上的画笔
		Graphics g=bi.getGraphics();
		g.setColor(Color.green);
		g.drawRect(0, 0, width, height);   //画矩形边线
		
		//4填充背景色
		g.setColor(Color.gray);
		g.fillRect(1, 1, width, height);
		
		//5干扰线
		g.setColor(Color.yellow);
		Random r=new Random();
		for(int i=0;i<20;i++)
			g.drawLine(r.nextInt(width), r.nextInt(height),r.nextInt(width), r.nextInt(height));
		
		//6数字验证码
		g.setColor(Color.BLACK);
		g.setFont(new Font("宋体",Font.BOLD|Font.ITALIC,13));//加粗倾斜
		int x=20;
		for(int i=0;i<4;i++){
			g.drawString(r.nextInt(10)+"",x,20);
			x+=20;
		}	
		//2输出响应对象的字节流输出流
		ImageIO.write(bi, "jpg", response.getOutputStream());
	}

还有一种方法可以使用,开源框架validate.jar,导入这个jar包,两行代码就可以搞定,当然了,如果你想要更好的效果,你可以自己写或者看里面的.class中的源码,自己进行修改,这里就不在多废话了。

//开源框架实现
		ValidateCode vc=new ValidateCode(110, 25, 4, 30);//第一个参数是宽,第二个是高,第三个是验证码的数目,第四个是干扰线的条数
		vc.write(response.getOutputStream());

最后,我们还需要清除一下浏览器的缓存,我们都知道,清除缓存当然是用那三种方法啦。

//清除缓存
		response.setIntHeader("Expires", -1);
		response.setHeader("Cache-Control", "no-cache");
		response.setHeader("Pragma", "no-cache");

哦?你还不满意,好吧,那我们再加一个定时刷新的功能吧!

第一种刷新方式是直接刷新:

private void test1(HttpServletResponse response) throws IOException {
		response.setIntHeader("Refresh", 1);//单位是秒
		Random r = new Random();
		response.getWriter().write(r.nextInt()+"");
	}
当然,我们还可以来那种倒计时几秒钟就跳转到其他页面的这种效果,

//刷新到别处
	private void test2(HttpServletResponse response) throws IOException {
		response.setContentType("text/html;charset=UTF-8");
		response.getWriter().write("注册成功!2秒后自动转向登陆页面。");
		response.setHeader("Refresh", "2;URL=/day08_response/login.html");//单位是秒
	}
下面再来说一下控制浏览器缓存时间的实现方法:

response.setDateHeader("Expires", System.currentTimeMillis()+1*60*60*1000);//取值是一个毫秒值。如果该值小于当前时间,则不缓存。
												//如果大于当前时间,缓存的时间是:值-当前时间。
		response.getWriter().write("hello");

好吧,基本上说完了,将以上知识整个起来就可以实现你的一个项目的功能了,快去试试吧!

目录
相关文章
layui框架实战案例(10):短信验证码60秒倒计时
layui框架实战案例(10):短信验证码60秒倒计时
638 0
|
机器人 UED Python
基于Python+Flask实现一个简易网页验证码登录系统案例
基于Python+Flask实现一个简易网页验证码登录系统案例
692 0
基于Python+Flask实现一个简易网页验证码登录系统案例
|
存储 前端开发 Java
验证码案例 —— Kaptcha 插件介绍 后端生成验证码,前端展示并进行session验证(带完整前后端源码)
本文介绍了使用Kaptcha插件在SpringBoot项目中实现验证码的生成和验证,包括后端生成验证码、前端展示以及通过session进行验证码校验的完整前后端代码和配置过程。
4030 1
验证码案例 —— Kaptcha 插件介绍 后端生成验证码,前端展示并进行session验证(带完整前后端源码)
|
数据采集 自然语言处理 API
Python反爬案例——验证码的识别
Python反爬案例——验证码的识别
984 2
|
缓存 NoSQL Java
案例 采用Springboot默认的缓存方案Simple在三层架构中完成一个手机验证码生成校验的程序
案例 采用Springboot默认的缓存方案Simple在三层架构中完成一个手机验证码生成校验的程序
411 5
|
存储 缓存 前端开发
综合性练习(验证码案例)
综合性练习(验证码案例)
395 6
|
Java
JavaSE——基于案例的基础语法练习(买飞机票、验证码、评委打分、数组拷贝、找素数)
JavaSE——基于案例的基础语法练习(买飞机票、验证码、评委打分、数组拷贝、找素数)
220 5
|
NoSQL Java Redis
【案例实战】SpringBoot整合Redis连接池生成图形验证码
【案例实战】SpringBoot整合Redis连接池生成图形验证码
【案例实战】SpringBoot整合Redis连接池生成图形验证码
|
安全 数据安全/隐私保护
SpringSecurity5.7+最新案例 -- 用户名密码+验证码+记住我······
根据最近一段时间的设计以及摸索,对SpringSecurity进行总结,目前security采用的是5.7+版本,和以前的版本最大的差别就是,以前创建SecurityConfig需要继承WebSecurityConfigurerAdapter,而到了5.7以后,并不推荐这种做法,查了网上一些教程,其实并不好,绝大多数用的都是老版本,所以出此文案。一些原理什么的,就不过多说明了,一般搜索资料的,其实根本不想你说什么原理 T·T。
464 0
SpringSecurity5.7+最新案例 -- 用户名密码+验证码+记住我······
|
小程序
微信小程序获取验证码倒计时60秒案例
微信小程序获取验证码倒计时60秒案例
789 1
微信小程序获取验证码倒计时60秒案例