IDEA JavaWeb验证码的实现和切换
2020-04-19 23:20
447 查看
验证码
1. 本质:图片
2. 目的:防止恶意表单注册
1.创建CheckCodeServlet
package cn.mimihany.web.servlet; import javax.imageio.ImageIO; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.awt.*; import java.awt.image.BufferedImage; import java.io.IOException; import java.util.Random; @WebServlet("/checkCodeServlet") public class CheckCodeServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { int width =100; int height = 50; //1.创建一对象,在内存中图片(验证码图片对象) BufferedImage image =new BufferedImage(width,height,BufferedImage.TYPE_INT_BGR); //2.美化图片 //2.1填充背景色 Graphics g = image.getGraphics();//画笔对象 g.setColor(Color.pink);//设置画笔颜色 g.fillRect(0,0,width,height); //2.2画边框 g.setColor(Color.BLUE); g.drawRect(0,0,width-1,height-1); String str="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; //生成随机角标 Random ran= new Random(); for (int i = 1; i <=4; i++) { int index = ran.nextInt(str.length()); //获取字符 char ch = str.charAt(index);//随机字符 //2.3写验证码 g.drawString(ch+"",width/5*i,height/2); } //2.4画干扰线 g.setColor(Color.green); //随机生成坐标点 for (int i = 0; i <10 ; i++) { int x1 = ran.nextInt(width); int x2= ran.nextInt(width); int y1 = ran.nextInt(height); int y2 = ran.nextInt(height); g.drawLine(x1,x2,y1,y2); } //3.将图片输出到页面展示 ImageIO.write(image,"jpg",response.getOutputStream()); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { this.doPost(request,response); } }
2.创建register.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> /* 分析:点击超链接或者图片,需要换一张 1.给超链接和图片绑定单击事件 2.重新设置图片的src属性值 */ window.onload = function (ev) { //1.获取图片对象 var img = document.getElementById("checkCode"); //2.绑定单击事件 img.onclick= function (ev1) { //获取时间戳 var date =new Date().getTime(); img.src ="/resp/checkCodeServlet?"+date; } var c = document.getElementById("change"); c.onclick = function (ev1) { //获取时间戳 var date =new Date().getTime(); img.src ="/resp/checkCodeServlet?"+date; } } </script> </head> <body> <img id="checkCode" src="/resp/checkCodeServlet"> <a id="change" href="">看不清换一张</a> </body> </html>
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- Intellijidea建javaWeb以及Servlet简单实现
- javaWEB项目中如何实现验证码
- JAVAWeb使用QQ邮箱发送验证码功能实现
- 安卓开发中图片验证码的实现方式和工具类(附:模拟EditText密码可见性的动态切换)
- Intellijidea建javaWeb以及Servlet简单实现
- JavaWeb实现登录注册与验证码。
- 详细介绍idea实现javaweb项目登入注册(华东交通大学教务处信息管理系统)、模糊查询
- javaweb请求与响应验证码案例点击"看不清,换一张"切换图片的新思路
- javaweb中使用servlet实现验证码
- Javaweb中Servlet实现验证码图片的输出
- IDEA新建javaWeb以及Servlet简单实现
- JavaWeb 实现验证码验证登录
- javaweb中的验证码实现
- JAVAWEB项目实现验证码中文、英文、数字组合
- Intellijidea建javaWeb以及Servlet简单实现
- jQuery实现点击切换验证码
- IDEA新建javaWeb以及Servlet简单实现小结
- javaweb实现验证码(来源慕课网)
- springmvc+spring+mybatis+maven+mysql项目(二)Springmvc + ajax 实现javaweb验证码的制作及进行异步验证
- Intellijidea建javaWeb以及Servlet简单实现