package com.authc.utils;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.util.Random;

/**
 * 驗證碼生成器
 * @see --------------------------------------------------------------------------------------------------------------
 * @see 可生成數字、大寫、小寫字母及三者混合型別的驗證碼
 * @see 支援自定義驗證碼字元數量,支援自定義驗證碼圖片的大小,支援自定義需排除的特殊字元,支援自定義干擾線的數量,支援自定義驗證碼圖文顏色
 * @see --------------------------------------------------------------------------------------------------------------
 * @see 另外,給Shiro加入驗證碼有多種方式,也可以通過繼承修改FormAuthenticationFilter類,通過Shiro去驗證驗證碼
 * @see 而這裡既然使用了SpringMVC,也為了簡化操作,就使用此工具生成驗證碼,並在Controller中處理驗證碼的校驗
 * @see --------------------------------------------------------------------------------------------------------------
 * @create Sep 29, 2013 4:23:13 PM
 * @author 玄玉<http://blog.csdn.net/jadyer>
 */
public class VerifyCodeUtil {
/**
 * 驗證碼型別為僅數字,即0~9
 */
public static final int TYPE_NUM_ONLY = 0;

/**
 * 驗證碼型別為僅字母,即大小寫字母混合
 */
public static final int TYPE_LETTER_ONLY = 1;

/**
 * 驗證碼型別為數字和大小寫字母混合
 */
public static final int TYPE_ALL_MIXED = 2;

/**
 * 驗證碼型別為數字和大寫字母混合
 */
public static final int TYPE_NUM_UPPER = 3;

/**
 * 驗證碼型別為數字和小寫字母混合
 */
public static final int TYPE_NUM_LOWER = 4;

/**
 * 驗證碼型別為僅大寫字母
 */
public static final int TYPE_UPPER_ONLY = 5;

/**
 * 驗證碼型別為僅小寫字母
 */
public static final int TYPE_LOWER_ONLY = 6;

private VerifyCodeUtil(){}

/**
 * 生成隨機顏色
 */
private static Color generateRandomColor() {
Random random = new Random();
return new Color(random.nextInt(255), random.nextInt(255), random.nextInt(255));
}


/**
 * 生成圖片驗證碼
 * @param type           驗證碼型別,參見本類的靜態屬性
 * @param length         驗證碼字元長度,要求大於0的整數
 * @param excludeString  需排除的特殊字元
 * @param width          圖片寬度(注意此寬度若過小,容易造成驗證碼文字顯示不全,如4個字元的文字可使用85到90的寬度)
 * @param height         圖片高度
 * @param interLine      圖片中干擾線的條數
 * @param randomLocation 每個字元的高低位置是否隨機
 * @param backColor      圖片顏色,若為null則表示採用隨機顏色
 * @param foreColor      字型顏色,若為null則表示採用隨機顏色
 * @param lineColor      干擾線顏色,若為null則表示採用隨機顏色
 * @return 圖片快取物件
 */
public static BufferedImage generateImageCode(int type, int length, String excludeString, int width, int height, int interLine, boolean randomLocation, Color backColor, Color foreColor, Color lineColor){
String textCode = generateTextCode(type, length, excludeString);
return generateImageCode(textCode, width, height, interLine, randomLocation, backColor, foreColor, lineColor);
}


/**
 * 生成驗證碼字串
 * @param type          驗證碼型別,參見本類的靜態屬性
 * @param length        驗證碼長度,要求大於0的整數
 * @param excludeString 需排除的特殊字元（無需排除則為null）
 * @return 驗證碼字串
 */
public static String generateTextCode(int type, int length, String excludeString){
if(length <= 0){
return "";
}
StringBuffer verifyCode = new StringBuffer();
int i = 0;
Random random = new Random();
switch(type){
case TYPE_NUM_ONLY:
while(i < length){
int t = random.nextInt(10);
//排除特殊字元
if(null==excludeString || excludeString.indexOf(t+"")<0) {
verifyCode.append(t);
i++;
}
}
break;
case TYPE_LETTER_ONLY:
while(i < length){
int t = random.nextInt(123);
if((t>=97 || (t>=65&&t<=90)) && (null==excludeString||excludeString.indexOf((char)t)<0)){
verifyCode.append((char)t);
i++;
}
}
break;
case TYPE_ALL_MIXED:
while(i < length){
int t = random.nextInt(123);
if((t>=97 || (t>=65&&t<=90) || (t>=48&&t<=57)) && (null==excludeString||excludeString.indexOf((char)t)<0)){
verifyCode.append((char)t);
i++;
}
}
break;
case TYPE_NUM_UPPER:
while(i < length){
int t = random.nextInt(91);
if((t>=65 || (t>=48&&t<=57)) && (null==excludeString || excludeString.indexOf((char)t)<0)){
verifyCode.append((char)t);
i++;
}
}
break;
case TYPE_NUM_LOWER:
while(i < length){
int t = random.nextInt(123);
if((t>=97 || (t>=48&&t<=57)) && (null==excludeString || excludeString.indexOf((char)t)<0)){
verifyCode.append((char)t);
i++;
}
}
break;
case TYPE_UPPER_ONLY:
while(i < length){
int t = random.nextInt(91);
if((t >= 65) && (null==excludeString||excludeString.indexOf((char)t)<0)){
verifyCode.append((char)t);
i++;
}
}
break;
case TYPE_LOWER_ONLY:
while(i < length){
int t = random.nextInt(123);
if((t>=97) && (null==excludeString||excludeString.indexOf((char)t)<0)){
verifyCode.append((char)t);
i++;
}
}
break;
}
return verifyCode.toString();
}

/**
 * 已有驗證碼,生成驗證碼圖片
 * @param textCode       文字驗證碼
 * @param width          圖片寬度(注意此寬度若過小,容易造成驗證碼文字顯示不全,如4個字元的文字可使用85到90的寬度)
 * @param height         圖片高度
 * @param interLine      圖片中干擾線的條數
 * @param randomLocation 每個字元的高低位置是否隨機
 * @param backColor      圖片顏色,若為null則表示採用隨機顏色
 * @param foreColor      字型顏色,若為null則表示採用隨機顏色
 * @param lineColor      干擾線顏色,若為null則表示採用隨機顏色
 * @return 圖片快取物件
 */
public static BufferedImage generateImageCode(String textCode, int width, int height, int interLine, boolean randomLocation, Color backColor, Color foreColor, Color lineColor){
//建立記憶體影象
BufferedImage bufferedImage = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
//獲取圖形上下文
Graphics graphics = bufferedImage.getGraphics();
//畫背景圖
graphics.setColor(null==backColor ? generateRandomColor() : backColor);
graphics.fillRect(0, 0, width, height);
//畫干擾線
Random random = new Random();
if(interLine > 0){
int x = 0, y = 0, x1 = width, y1 = 0;
for(int i=0; i<interLine; i++){
graphics.setColor(null==lineColor ? generateRandomColor() : lineColor);
y = random.nextInt(height);
y1 = random.nextInt(height);
graphics.drawLine(x, y, x1, y1);
}
}
//字型大小為圖片高度的80%
int fsize = (int)(height * 0.8);
int fx = height - fsize;
int fy = fsize;
//設定字型
graphics.setFont(new Font("Default", Font.PLAIN, fsize));
//寫驗證碼字元
for(int i=0; i<textCode.length(); i++){
fy = randomLocation ? (int)((Math.random()*0.3+0.6)*height) : fy;
graphics.setColor(null==foreColor ? generateRandomColor() : foreColor);
//將驗證碼字元顯示到圖象中
graphics.drawString(textCode.charAt(i)+"", fx, fy);
fx += fsize * 0.9;
}
graphics.dispose();
return bufferedImage;
}
}
 

9.login.jsp登入頁面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page isELIgnored="false"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
request.setAttribute("home", path);
%>
 <!DOCTYPE HTML>
<html lang="en-US"> 
<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> -->
<script type="text/javascript" src="<%=request.getContextPath()%>/res/login/prefixfree.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/res/js/jquery-1.11.3.min.js"></script>

<head>
<meta charset="UTF-8">
<title>使用者登入</title>
<link rel="stylesheet" href="<%=request.getContextPath()%>/res/login/login.css" type="text/css"></link>

<script type="text/javascript">
var home ="${home}";
var msg ="${login_msg }";
    
$(function(){  //生成驗證碼         
    $('#verifyCodeImage').click(function () {  
    $(this).hide().attr('src', '<%=path%>/member/getVerifyCodeImage?' + Math.floor(Math.random()*100) ).fadeIn(); });      
});   
 
window.onbeforeunload = function(){  
    //關閉視窗時自動退出  
    if(event.clientX>360&&event.clientY<0||event.altKey){     
        alert(parent.document.location);  
    }  
};  
             
function changeCode() {  //重新整理
    $('#verifyCodeImage').hide().attr('src', '<%=path%>/member/getVerifyCodeImage?' + Math.floor(Math.random()*100) ).fadeIn();  
    event.cancelBubble=true;  
} 

if(msg!="")
{
alert(msg);
}
</script>

</head>
<body>

   <div class="content">
           <form action="<%=request.getContextPath()%>/member/toLogin" method="post" class="login-form">
               <div class="username">
                   <input type="text" name="username" placeholder="
 
[email protected]" autocomplete="on" />
                     <div id="loginMsg"></div>
                    <span class="user-icon icon">u</span>         
               </div>
               <div class="password">
                   <input type="password" name="password" placeholder="*******" />
                  
                   <span class="password-icon icon">p</span>
               </div>
               
               
              <div class="code-div">
                <input type="text" name="verifyCode" placeholder="請輸入驗證碼" />  
        <img id="verifyCodeImage"  src="<%=request.getContextPath()%>/member/getVerifyCodeImage"/> 
      <!--   <a href="javascript:void(0)" onclick="changeCode()">看不清?換一張</a>  --> 
              </div> 
              	
               <div class="account-control">
                   <input type="checkbox" name="rememberMe" id="Remember me" value="Remember me" checked="checked" />
                   <label for="Remember me" data-on="c" class="check"></label>
                   <label for="Remember me" class="info">Remember me</label>
                  <!--  <input type="hidden" name="rememberMe" value="true"> -->
                   
                   <button type="submit">Login</button>
               </div>

            <p class="not-registered">Not a registered user yet?<a>Sign up now!</a></p>
           
           </form>
          
   </div>
</body>
</html>
 

10.main.jsp主介面