自己封装的验证码工具类以及登录验证

最新推荐文章于 2021-06-26 00:34:59 发布

Mario♔

最新推荐文章于 2021-06-26 00:34:59 发布

阅读量2k

点赞数 2

分类专栏： java 文章标签：验证码图片 random

本文链接：https://blog.csdn.net/semial/article/details/54693922

版权

java 专栏收录该内容

62 篇文章 0 订阅

订阅专栏

1.验证码CreateYZMCodeUtils工具类

package com.han.util;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.util.Random;
/**
 * 生成验证码的工具类
 * 自己封装的
 * @author issuser
 *
 */
public class CreateYZMCodeUtils {
	private Integer width;//验证码图片宽度
	private Integer height;//验证吗图片高度
	private Integer num;//验证码的个数
	private String code;//生成验证码一组字符串
	
	private static final Random ran=new Random();//随机数
    private static CreateYZMCodeUtils createYZMCodeUtils;
    /**
     * 通过默认构造初始化参数
     */
    private CreateYZMCodeUtils(){
    	width=100;
    	height=30;
    	code="123456789adcdefghijklmnopqrstuvwxyz";
    	num=4;
    }
    /**
     * 利用单利模式创建该验证码工具类
     * @return
     */
    public static CreateYZMCodeUtils getInstance(){
    	if(createYZMCodeUtils==null){
    		createYZMCodeUtils=new CreateYZMCodeUtils();
    	}
    	return createYZMCodeUtils;
    }
	public Integer getWidth() {
		return width;
	}

	public void setWidth(Integer width) {
		this.width = width;
	}

	public Integer getHeight() {
		return height;
	}

	public void setHeight(Integer height) {
		this.height = height;
	}

	public Integer getNum() {
		return num;
	}

	public void setNum(Integer num) {
		this.num = num;
	}

	public String getCode() {
		return code;
	}

	public void setCode(String code) {
		this.code = code;
	}

	public static Random getRan() {
		return ran;
	}
	public void setCreateYZMCodeUtils(Integer width,Integer height,Integer num,String code){
		this.width=width;
		this.height=height;
		this.num=num;
		this.code=code;
	}
	public void setCreateYZMCodeUtils(Integer width,Integer height,String code){
		this.width=width;
		this.height=height;
		this.code=code;
	}
	/**
	 * 随机生成验证码
	 * @param code 生成验证码的一组字符串
	 * @return
	 */
	public String getCreateYZMCode(){
		StringBuffer sb = new StringBuffer();
		for (int i = 0; i < num; i++) {
			sb.append(code.charAt(ran.nextInt(code.length())));
		}
		return sb.toString();
	}
	/**
	 * 生成buffere Image图片
	 * @param finshCode 生成好的验证码字符串
	 * @return
	 */
	public BufferedImage getCreateYZMImg(String finshCode){
		// 创建BufferedImage对象
		BufferedImage img = new BufferedImage(width, height,BufferedImage.TYPE_INT_RGB);
		Graphics2D graphic = img.createGraphics();// 创建画笔
		graphic.setColor(Color.WHITE);// 设置颜色
		graphic.fillRect(0, 0, width, height);//是用预定的颜色填充一个矩形，得到一个着色的矩形块。
		graphic.setColor(Color.black);
		graphic.drawRect(0, 0, width - 1, height - 1);// 画正方形
		// 设置字体 风格 风格 高度
		Font font = new Font("宋体", Font.BOLD + Font.ITALIC,(int) (height * 0.8));
		graphic.setFont(font);
		for (int i = 0; i < num; i++) {
			// 随机设置字体RGB颜色
			graphic.setColor(new Color(ran.nextInt(255), ran.nextInt(255),ran.nextInt(255)));
			// 画出验证码
			graphic.drawString(String.valueOf(finshCode.charAt(i)), i* (width / num) + 4, (int) (height * 0.8));
		}
		for (int i = 0; i < (width + height); i++) {
			// 随机设置字体RGB颜色
			graphic.setColor(new Color(ran.nextInt(255), ran.nextInt(255),ran.nextInt(255)));
			// 生成干扰点
			graphic.drawOval(ran.nextInt(width), ran.nextInt(height), 1, 1);
		}
		for(int i = 0; i <2; i++){
			// 随机设置字体RGB颜色
			graphic.setColor(new Color(ran.nextInt(255), ran.nextInt(255),ran.nextInt(255)));
			// 随机生成干扰线
			graphic.drawLine(0, ran.nextInt(height), width,ran.nextInt(height));
		}
		return img;
	}
}

2.Controller控制器的调用

package com.han.controller;

import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;

import javax.annotation.Resource;
import javax.imageio.ImageIO;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

import com.han.model.User;
import com.han.service.UserServ;
import com.han.util.CreateYZMCodeUtils;
import com.han.util.Md5Utils;

@Controller
public class AdminController {
	@Resource(name="userServ")
	private UserServ userServ;
	@RequestMapping("/admin")
	public String index() {
		return "admin/index";
	}

	/**
	 * 跳转至登录页面
	 * 
	 * @return
	 */
	@RequestMapping(value = "/login", method = RequestMethod.GET)
	public String login() {
		return "admin/login";
	}
	/**
	 * 验证登录
	 * @param username 用户名
	 * @param password 登录密码
	 * @param checkCode 验证码
	 * @param session
	 * @return
	 */
	@RequestMapping(value = "/login", method = RequestMethod.POST)
	public String login(String username,String password,String checkCode,HttpSession session,Model model) {
		String code=(String) session.getAttribute("code");
		User user = this.userServ.loadByUserName(username);
		if(user==null){
			model.addAttribute("userError", "用户名或密码不正确！");
			return "admin/login";
		} 
		//验证密码
		String md5 = Md5Utils.Md5(password);
		if(!user.getPassword().equals(md5)){
			model.addAttribute("userError", "用户名或密码不正确！");
			return "admin/login";
		}
		if(code!=null && !code.equals(checkCode)){
			model.addAttribute("codeError", "验证码不正确，请重新输入！");
			return "admin/login";
		}
		session.setAttribute("loginUser", user);
		return "redirect:/admin";
	}

	/**
	 * 生成验证码图片
	 * 
	 * @param response
	 * @param session
	 */
	@RequestMapping("/createYZM")
	public void createYZM(HttpServletResponse response, HttpSession session) {
		OutputStream out = null;
		try {
			// 设置响应类型
			response.setContentType("image/jpg");
			// 获取创建验证码工具类实例
			CreateYZMCodeUtils yzm = CreateYZMCodeUtils.getInstance();
			// 获取生成的验证码字符串
			String code = yzm.getCreateYZMCode();
			// 将验证码存放在session
			session.setAttribute("code", code);
			// 获取验证码图片
			BufferedImage img = yzm.getCreateYZMImg(code);
			out = response.getOutputStream();
			// 通过ImageIO写出图片
			ImageIO.write(img, "jpg", out);
			out.flush();
		} catch (IOException e) {
			e.printStackTrace();
		} finally {
			if (out != null) {
				try {
					out.close();
				} catch (IOException e) {
					e.printStackTrace();
				}
			}
		}
	}
}

3.jsp登录页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resources/css/admin/login.css"/>
<script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/jquery.validate.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/core/jquery.cms.validate.js"></script>
<title>后台管理登录</title>
<script type="text/javascript">
$(function(){
 	$("#myForm").cmsvalidate();
});
function reCheckcode(img) {
        //后面跟一个随机数方便每次请求都是一个新的请求，刷新验证码，防止会在缓存中去验证码图片
	img.src="createYZM?"+Math.random();
}

</script>
</head>
<body>
	<div id="container">
		<div id="top">
		
		</div>
		<div id="content">
			<div id="loginForm">
			       <p style="color: red;margin-left: 98px">${userError}</p>
			       <form action="" id="myForm"  method="post">
					<table cellpadding="0" cellspacing="0" width="380px" id="loginTable">
						<tr>
							<td align="right" width="90">登录用户:</td>
							<td align="left"><input type="text" name="username" size="18"/> </td>
						</tr>
						<tr>
							<td align="right">登录密码:</td>
							<td align="left"><input type="password"  name="password" size="18"/></td>
						</tr>
						<tr>
							<td align="right">验证码:</td>
							<td align="left">
							<input type="text" name="checkCode" id="validateCode" size="10"/>
							${codeError}
							</td>
						</tr>
						<tr>
							<td align="left" colspan="2">
							<span style="margin-left:94px;cursor:pointer">
							<img src="createYZM" οnclick="reCheckcode(this)"/></span>
							</td>
						</tr>
						<tr>
							<td align="center" colspan="2">
								<input type="submit" value="登录">   <input type="reset" value="重置"/>
							</td>
						</tr>
					</table>
					</form>
			</div>
		</div>
	</div>	
</body>
</html>