开学测试

  刚刚经过了开学测试，让我感觉最深的就是自己在Javaweb上下的功夫还远远不够，对js，css的学习还差的太远，甚至连个验证码都做不好，整个考试我完成的内容连整体的一半都没有，的确是个沉重的打击，发现了自己还差的太远，在寒假里也没有按照老师的要求去勤加练习，下的功夫远远不够，或者说总是停留在制作一个毫无界面可谈的小系统的层次上，没有把界面上的很多知识重视起来，经过了这次考试发现了Javaweb包括的东西实在是太多了，自己学会的不及十分之一，再接下来的学习中，我会把各个方面重视起来。下面是我总结的制作验证码的代码：

后台jsp生成图片的代码（输出了一个带有验证码的图片）：

<%@ page contentType="image/jpeg" import="java.util.*,java.awt.*,java.io.*,java.awt.image.*,javax.imageio.*" 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("Times New Roman", Font.PLAIN, 18));
    //画边框
    //g.setColor(new Color());
    //g.drawRect(0,0,width-1,height-1);
    // 随机产生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();
    OutputStream output = response.getOutputStream();
    // 输出图象到页面
    ImageIO.write(image, "JPEG", response.getOutputStream());
    output.flush();
    out.clear();
    out = pageContext.pushBody();
%>

在前台jsp中调用该图片：（这里添加了onclick事件方便在点击图片时进行刷新）

<input name="verify" type="text" placeholder="验证码">
<img src="number.jsp" width="98" height="31"  id="picture"  onClick="change()" id="picture">

function change()
{
var pic=document.getElementById("picture");
 var i=Math.random();//目的是使页面不一样
 pic.src="number.jsp?id="+i;
}