登陆界面

<%@ page pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>带图形验证码登录</title>

  </head>

  <body>

    <form name="form1" method="post">

    	用户名：<input type="text" name="userid" onclick="mes.innerHTML=''" value="${param.userid }"><br/>

    	密码：<input type="password" name="userpwd"  value="${param.userpwd }"><br/>

    	验证码：<input type="text" name="checkcode"/>

    	<input type="submit" value="换一张" onclick="form1.action='/servlet/changecheckcode'"/><br/>

    	<input type="submit" value="登陆" onclick="form1action='/servlet/logincheck'"/>

    	<input type="reset" value="重置"/>

    	<div id="mes">${info}</div>

    </form>

  </body>

</html>

验证码的写入

import javax.servlet.*;

import javax.servlet.http.*;

import java.io.*;

import java.awt.*;

import java.awt.image.*;

import java.util.*;

import javax.imageio.*; 

public class AuthImg extends HttpServlet

{

    private Font mFont = new Font("Arial Black", Font.PLAIN, 16);

    public void init() throws ServletException

    {

        super.init();

    }

    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);

    }

    public void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException

    {

        response.setHeader("Pragma","No-cache");

        response.setHeader("Cache-Control","no-cache");

        response.setDateHeader("Expires", 0);

        response.setContentType("image/jpeg");

        int width=100, height=18;

        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(1, 1, width-1, height-1);

        g.setColor(new Color(102,102,102));

        g.drawRect(0, 0, width-1, height-1);

        g.setFont(mFont);

        g.setColor(getRandColor(160,200));

        for (int i=0;i<155;i++)

        {

            int x = random.nextInt(width - 1);

            int y = random.nextInt(height - 1);

            int xl = random.nextInt(6) + 1;

            int yl = random.nextInt(12) + 1;

            g.drawLine(x,y,x + xl,y + yl);

        }

        for (int i = 0;i < 70;i++)

        {

            int x = random.nextInt(width - 1);

            int y = random.nextInt(height - 1);

            int xl = random.nextInt(12) + 1;

            int yl = random.nextInt(6) + 1;

            g.drawLine(x,y,x - xl,y - yl);

        }

        String sRand="";

        for (int i=0;i<6;i++)

        {

   String tmp = getRandomChar();

            sRand += tmp;

            g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));

         g.drawString(tmp,15*i+10,15);

        }

        HttpSession session = request.getSession(true);

        session.setAttribute("rand",sRand);

        g.dispose();

        ImageIO.write(image, "JPEG", response.getOutputStream());

    }

    private String getRandomChar()

    {

  int rand = (int)Math.round(Math.random() * 2);

  long itmp = 0;

  char ctmp = '\u0000';

  switch (rand)

  {

   case 1:

    itmp = Math.round(Math.random() * 25 + 65);

    ctmp = (char)itmp;

    return String.valueOf(ctmp);

   case 2:

    itmp = Math.round(Math.random() * 25 + 97);

    ctmp = (char)itmp;

    return String.valueOf(ctmp);

   default :

    itmp = Math.round(Math.random() * 9);

    return String.valueOf(itmp);

      }

    }

}

其中这是加了干扰线的了，并且用session来保存验证码了，

在登陆的jsp页面中，应该这样设置

验证码如图：

<img src="authImg" id="authImg"/>看不清？<a href="#" onClick="refresh()">单击此处刷新</a>

然后refesh()函数如下写

<script>

   function refresh()

   {

    document.getElementById("authImg").src='authImg?now=' + new Date();

   }

  </script>

之所以在最后加now,是防止浏览器的缓存

最后再在web.xml里配置下servlet

<servlet>

        <servlet-name>img</servlet-name>

        <servlet-class>org.yeeku.web.AuthImg</servlet-class>

    </servlet>

    <servlet-mapping>

        <servlet-name>img</servlet-name>

     <url-pattern>/authImg</url-pattern>

    </servlet-mapping>

2017.11.27 用Servlet在JSP中加入验证码的更多相关文章

  1. Servlet和JSP中的过滤器都是Java类

    JSP 过滤器 Servlet和JSP中的过滤器都是Java类,它们存在的目的如下: 在请求访问后端资源时拦截它 管理从服务器返回给客户端的响应 下面列出了多种常用的过滤器类型: 认证过滤器 数据压缩 ...

  2. 2017.11.4 JavaWeb-----基于JavaBean+JSP求任意两数代数和(改进的在JSP页面中无JSP脚本代码的)+网页计数器JavaBean的设计与使用

    修改后的JSP中不含有JSP脚本代码这使得JSP程序的清晰性.简单 1.设计JavaBean 的Add.java 类 package beans; public class Add { private ...

  3. Servlet，JSP 中的中文乱码问题以及解决方案

    问题描述: 在Servlet,JSP 传递数据中,英文无影响,而中文有时候就会出现乱码. 解决方案: 相同的编码: 同一个项目中的每个文件应当设置和保存相同的编码方式,如: html中 <met ...

  4. Servlet、JSP中页面跳转的方式

    一.Servlet:当然,在servlet中,一般跳转都发生在doGet, doPost等方法里面.1)  redirect 方式response.sendRedirect("success ...

  5. 从servlet向jsp中传数据用Java接收js调用

    servlet: response.sendRedirect("showMessage.jsp?ValueA=1"); jsp: var a=<%=request.getPa ...

  6. 2017.11.27 变量进阶与LED矩阵

    局部变量:函数内部声明的变量,只在函数内部有效. 全部变量:在函数外部声明的变量,全局都有效,直到程序执行完毕. 全局变量负作用: 1.降低函数的独立性 2.降低函数的通用性,不利于函数的重复调用. ...

  7. 2017.11.27 stm8 low power-consumption debugging

    1 STM8L+LCD The STM8L-DISCOVERY helps you to discover the STM8L ultralow power features and todevelo ...

  8. Servlet获取JSP中的汉字乱码问题解决方案

    1.String customerName=request.getParameter("customer_name");这样会出现乱码 解决方案很简单: String custom ...

  9. java web中servlet、jsp、html 互相访问的路径问题

    java web中servlet.jsp.html 互相访问的路径问题 在java web种经常出现 404找不到网页的错误,究其原因,一般是访问的路径不对. java web中的路径使用按我的分法可 ...

随机推荐

  1. runlevel:启动运行级别（3-13）

    0:halt 关机模式1:single user 单用户2:Multiuser 多用户3:Full multiuser mode 命令行模式4:unused 没有使用5:Xll 桌面模式6:reboo ...

  2. java——极简handler机制

    handler机制要做的事情: 1.把一堆从四面八方传来的message加到一个队列中,这个队列就是MessageQueue. 2.将MessageQueue中的队头Message取出,并使用这个me ...

  3. linux 6 查看防火墙状态及开启关闭命令

    linux 6 查看防火墙状态及开启关闭命令 https://blog.csdn.net/lv_shijun/article/details/52453882 存在以下两种方式: 一.service方 ...

  4. APP测试总结2

    一.App测试流程与web项目流程区别 1.对UI要求比较高,需要更加注重用户体验.对于一个小小的屏幕,如何让用户使用更加轻便.简介.易用. 2.App是调用服务端接口展示数据.我们测试需要可以判断问 ...

  5. 移动测试之appium+python 导出报告（六）

    下载 HTMLTestRunner.py python3可以参考这个地址 这是针对Python2.7版本 test.py from appium import webdriver import tim ...

  6. JavaSE---对象序列化

    1.对象序列化机制 允许把内存中的Java对象转换成平台无关的二进制流,从而可以将二进制流持久保存到磁盘 或 在网络中直接传输: (目的:使得对象可以脱离程序的运行而独立存在) package com ...

  7. Kafka monitoring监控

    一.Metrics kafka有两个metrics包,在看源码的时候很容易混淆 package kafka.metrics package org.apache.kafka.common.metric ...

  8. Android NDK开发 JNI类型签名和方法签名(六)

    在Java存在两种数据类型: 基本类型 和 引用类型 ,大家都懂的 . 在JNI的世界里也存在类似的数据类型,与Java比较起来,其范围更具严格性,如下: 1.primitive types ---- ...

  9. jQuery源码浅析2–奇技淫巧

    最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美. 其结构明晰,高内聚.低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷.渐 ...

  10. C#表格文字多收缩样式

    C#表格文字多收缩样式 <style> .divOpen { height: 24px; overflow: hidden; } </style> -------------- ...