JavaWeb中jsp界面的验证码生成及验证

最新推荐文章于 2021-02-16 10:35:47 发布

brucefu4

最新推荐文章于 2021-02-16 10:35:47 发布

阅读量883

点赞数 1

分类专栏： JavaWeb 文章标签： java web 验证码 jsp 图片界面

本文链接：https://blog.csdn.net/qq_35735402/article/details/53388874

版权

JavaWeb 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.首先创建image.jsp界面，让验证码以图片的形式生成：

代码如下：

<%@page contentType="image/jpeg"
   import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*"%>
<%@page pageEncoding="utf-8"%>
<%!Color getRandColor(int fc, int bc) {//给定范围获得随机颜色
       Random random = new Random();
       if (fc > 255)
           fc = 255;
       if (bc > 255)
           bc = 255;
       int r = fc + random.nextInt(bc - fc);
       int g = fc + random.nextInt(bc - fc);
       int b = fc + random.nextInt(bc - fc);
       return new Color(r, g, b);
   }%>
<%
   //设置页面不缓存
   response.setHeader("Pragma", "No-cache");
   response.setHeader("Cache-Control", "no-cache");
   response.setDateHeader("Expires", 0);

   //在内存中创建图象
   int width = 60, height = 20;
   BufferedImage image = new BufferedImage(width, height,
           BufferedImage.TYPE_INT_RGB);

   //获取图形上下文
   Graphics g = image.getGraphics();

   //生成随机类
   Random random = new Random();

   //设定背景色
   g.setColor(getRandColor(200, 250));
   g.fillRect(0, 0, width, height);

   //设定字体
   g.setFont(new Font("TimesNewRoman", Font.PLAIN, 18));

   //随机产生155条干扰线，使图象中的认证码不易被其它程序探测到
   g.setColor(getRandColor(160, 200));
   for (int i = 0; i < 155; i++) {
       int x = random.nextInt(width);
       int y = random.nextInt(height);
       int xl = random.nextInt(12);
       int yl = random.nextInt(12);
       g.drawLine(x, y, x + xl, y + yl);
   }

   //取随机产生的认证码(4位数字)
   String sRand = "";
   for (int i = 0; i < 4; i++) {
       String rand = String.valueOf(random.nextInt(10));
       sRand += rand;
       //将认证码显示到图象中
       g.setColor(new Color(20 + random.nextInt(110), 20 + random
               .nextInt(110), 20 + random.nextInt(110)));//调用函数出来的颜色相同，可能是因为种子太接近，所以只能直接生成
       g.drawString(rand, 13 * i + 6, 16);
   }

   //将认证码存入SESSION
   session.setAttribute("rand", sRand);

   //图象生效
   g.dispose();

   //输出图象到页面
   ImageIO.write(image, "JPEG", response.getOutputStream());
   //下边两行是防止抛出getOutputStream()hasalreadybeencalledforthisresponse异常的
   out.clear();
   out = pageContext.pushBody();
%>

2.写登录界面a.jsp：

代码如下：

<%@page contentType="text/html;charset=gb2312"%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
   <head>
       <title>认证码输入页面</title>
       <meta http-equiv="Content-Type" content="text/html;charset=gb2312">
       <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
       <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
       <META HTTP-EQUIV="Expires" CONTENT="0">

       <script type="text/javascript">
           function changeimg(){
               var myimg = document.getElementById("code");
               now = new Date();
               myimg.src = "image.jsp?change"+now.getTime();
           }
       </script>
   </head>
   <body>
       <form method="post" action="check.jsp">
           <table>
               <tr>
                   <td align="left">
                       系统产生的认证码：
                   </td>
                   <td>
                       <img id="code" border="0" src="image.jsp">
                       <a href="javascript:changeimg();">看不清，换一张</a>
                   </td>
               </tr>
               <tr>
                   <td align="left">
                       输入上面的认证码：
                   </td>
                   <td>
                       <input type="text" name="rand" maxlength="4" value="">
                   </td>
               </tr>
               <tr>
                   <td colspan="2" align="center">
                       <input type="submit" value="提交检测">
                   </td>
               </tr>
           </table>
       </form>
   </body>
</html>

3.校验验证码 check.jsp：

代码如下：

<%@page contentType="text/html;charset=gb2312" language="java"
   import="java.sql.*" errorPage=""%>
<html>
   <head>
       <title>认证码验证页面</title>
       <meta http-equiv="Content-Type" content="text/html;charset=gb2312">
       <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
       <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
       <META HTTP-EQUIV="Expires" CONTENT="0">
   </head>

   <body>
       <%
           String rand = (String) session.getAttribute("rand");
           String input = request.getParameter("rand");
       %>
       系统产生的认证码为：<%=rand%><br>
       您输入的认证码为：<%=input%><br>
       <br>
       <%
           if (rand.equals(input)) {
       %>
       <font color="green">输入相同，认证成功！</font>
       <%
           } else {
       %>
       <font color="red">输入不同，认证失败！</font>
       <%
           }
       %>
   </body>
</html>