之前一直觉得会生成验证码的人都是元老级人物，直到今天我很幸学到了生成动态验证码的方法，其实并没有想象中的那么难嘛，所以，我将所学的分享给广大的即将要从成为程序猿的们，希望大家多提点意见。
前端展示页面
<script type="text/javascript">
function changeCode(){
var imgObj = document.getElementById("img");
imgObj.src = "CheckCodeServlet?id="+new Date();
}
</script>
<body>
<span style="color:red;">${errorMsg}</span>
<form action="DealCheckcodeServlet" method="post">
<input type="text" name="code"/>
<i.m.g src="CheckCodeServlet" id="img" onclick="changeCode()"><!--由于markdown格式会将img自动转化成图片格式，所以我用的是i.m.g--!>
<input type="submit"/>
</form>
</body>
servlet页面一：CheckCodeServlet
主要完成验证码的生成
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
Random r = new Random();
// 1.确定图片的大小
int w = 100;
int h = 30;
// 2.创建画板
BufferedImage board = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
// 3.创建画笔
Graphics pen = board.getGraphics();
// 4.调制颜色
Color c_bg = new Color(200 + r.nextInt(40), 200 + r.nextInt(40), 200 + r.nextInt(40));
// 5.给画笔注入当前的背景要绘制的颜色
pen.setColor(c_bg);
// 6.画背景
pen.fillRect(0, 0, w, h);
String judgeCode = "";
for (int i = 1; i < 5; i++) {
// 生成一位随机验证码
// 7.生成验证码
// 改变画笔的颜色，防止与背景颜色相同
Color c_code = new Color(100 + r.nextInt(40), 100 + r.nextInt(40), 100 + r.nextInt(40));
// 给画笔注入验证码的颜色
pen.setColor(c_code);
// 设置画笔所画出的字体风格
Font f_code = new Font("斜体", Font.ITALIC, 18);
// 将字体风格注入笔中
pen.setFont(f_code);
// 随机生成一个大写字母Unicode(ASCII码)
int upcaseCode = 65 + r.nextInt(26);
// 随机生成一个小写字母的Unicode
int lowcaseCode = 97 + r.nextInt(26);
// 随机生成数字
int numCode = r.nextInt(10);
// 转化成具体的字符串，字符串可以追加起来
// 将字母所对应的码转化成相应的字母
String upcaseStr = String.valueOf((char) upcaseCode);
String lowcaseStr = String.valueOf((char) lowcaseCode);
String numStr = String.valueOf(numCode);
// n1与n2的值是0或者1
int n1 = r.nextInt(2);
int n2 = r.nextInt(2);
String code = "";
if (n1 > 0.5) {
// 生成的是字母
// 生成大写字母
if (n2 > 0.5) {
code = upcaseStr;
judgeCode = judgeCode + upcaseStr;
} else {
// 生成小写字母
code = lowcaseStr;
judgeCode = judgeCode + lowcaseStr;
}
} else {
// 生成数字
code = numStr;
judgeCode = judgeCode + numStr;
}
request.getSession().setAttribute("judgeCode",judgeCode);
System.out.println(judgeCode);
// 画验证码(20*i, 20是验证码的位置)
pen.drawString(code, 20*i, 20);
}
// 压缩成图片，做成响应输出
ImageIO.write(board, "jpg", response.getOutputStream());
}
servlet页面二：DealCheckcodeServlet
主要完成验证码的刷新以及正确判断
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
String code = request.getParameter("code");
String jugdeCode = (String)request.getSession().getAttribute("judgeCode");
System.out.println(jugdeCode);
if(code.equalsIgnoreCase(jugdeCode)){
request.getRequestDispatcher("welcome.jsp").forward(request, response);
}else{
String errorMsg = "验证码有错误";
request.setAttribute("errorMsg", errorMsg);
request.getRequestDispatcher("judgeCode.jsp").forward(request, response);
}
}
部分运行效果展示
1.jpg
2.jpg
3.jpg
完整的项目，github,大家自行下载。
