Jfinal框架登陸頁面的圖形驗證碼

阿新 • • 發佈：2017-10-12

ima 獲得希望刷新 body 是否異步刷新 tor console

本文轉自，http://www.bubuko.com/infodetail-720511.html

驗證碼的工具類，這個jfinal自帶的也有，但是下面這個和Jfinal自帶的有一點點小的改動，（我用Jfinal自帶的，在action中判斷輸入的驗證碼和系統隨機生成的做對比的時候，出了問題。自帶的類好像要用到MD5加密手動輸入的驗證碼後才能判斷，（這個我也不太清楚，只是我的感覺 -，- ！，真希望能有位好心人為我這樣的菜鳥解答一下。））。嗚，這個類也是在網上找的文章產考改的。。

package com.springscapital.console.ext.render;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.security.MessageDigest;
import java.util.Random;
 
import javax.imageio.ImageIO;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.Cookie;
 
import com.jfinal.core.Controller;
import com.jfinal.kit.StringKit;
import com.jfinal.render.Render;
 /**
  * 
  * @author Administrator
  *    圖形驗證類
  */
public class MyCaptchaRender extends Render
{
    private static final long serialVersionUID = -7599510915228560611L;     
    private static final String[] strArr = {"3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "J", "K", "M", "N", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y"};     
    private static String randomCodeKey = "JFINAL_JLHHWH_Key";
    private static boolean caseInsensitive = true;   
    private int img_width = 85;
    private int img_height = 20;
    private int img_randNumber = 6;  
    public MyCaptchaRender() {
    }   
    public MyCaptchaRender(String randomKey) {
        if (StringKit.isBlank(randomKey))
            throw new IllegalArgumentException("randomKey can not be blank");
        randomCodeKey = randomKey;
    }    
    public MyCaptchaRender(int width, int height, int count, boolean isCaseInsensitive) {       
        if(width <=0 || height <=0 || count <=0)
        {
            throw new IllegalArgumentException("Image width or height or count must be > 0");
        }
        this.img_width = width;
        this.img_height = height;
        this.img_randNumber = count;
        caseInsensitive = isCaseInsensitive;
    }  
    public MyCaptchaRender(String randomKey,int width, int height, int count, boolean isCaseInsensitive) {
        if (StringKit.isBlank(randomKey))
            throw new IllegalArgumentException("randomKey can not be blank");
        randomCodeKey = randomKey;      
        if(width <=0 || height <=0 || count <=0)
        {
            throw new IllegalArgumentException("Image width or height or count must be > 0");
        }
        this.img_width = width;
        this.img_height = height;
        this.img_randNumber = count;
        caseInsensitive = isCaseInsensitive;
    }  
    public void render() {
        BufferedImage image = new BufferedImage(img_width, img_height, BufferedImage.TYPE_INT_RGB);
        String vCode = drawGraphic(image);
        vCode = encrypt(vCode);
        Cookie cookie = new Cookie(randomCodeKey, vCode);
        cookie.setMaxAge(-1);
        cookie.setPath("/");
        response.addCookie(cookie);
        response.setHeader("Pragma","no-cache");
        response.setHeader("Cache-Control","no-cache");
        response.setDateHeader("Expires", 0);
        response.setContentType("image/jpeg");       
        ServletOutputStream sos = null;
        try {
            sos = response.getOutputStream();
            ImageIO.write(image, "jpeg",sos);
        } catch (Exception e) {
            throw new RuntimeException(e);
        }
        finally {
            if (sos != null)
                try {sos.close();} catch (IOException e) {e.printStackTrace();}
        }
    }
    private String drawGraphic(BufferedImage image){
        // 獲取圖形上下文
        Graphics g = image.createGraphics();
        // 生成隨機類
        Random random = new Random();
        // 設定背景色
        g.setColor(getRandColor(200, 250));
        g.fillRect(0, 0, img_width, img_height);
        // 設定字體
        g.setFont(new Font("Times New Roman", Font.PLAIN, 18));
        // 隨機產生155條幹擾線，使圖象中的認證碼不易被其它程序探測到
        g.setColor(getRandColor(160, 200));
        for (int i = 0; i < 155; i++) {
            int x = random.nextInt(img_width);
            int y = random.nextInt(img_height);
            int xl = random.nextInt(12);
            int yl = random.nextInt(12);
            g.drawLine(x, y, x + xl, y + yl);
        }
        // 取隨機產生的認證碼(img_randNumber位數字)
        String sRand = "";
        for (int i = 0; i < img_randNumber; i++) {
            String rand = String.valueOf(strArr[random.nextInt(strArr.length)]);
            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);
        }
        // 圖象生效
        g.dispose();       
        return sRand;
    }
     
    /*
     * 給定範圍獲得隨機顏色
     */
    private 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);
    }
     
    private static final String encrypt(String srcStr) {
        try {
            String result = "";
            MessageDigest md = MessageDigest.getInstance("MD5");
            byte[] bytes = md.digest(srcStr.getBytes("utf-8"));
            for(byte b:bytes){
                String hex = Integer.toHexString(b&0xFF).toUpperCase();
                result += ((hex.length() ==1 ) ? "0" : "") + hex;
            }
            return result;
        } catch (Exception e) {
            throw new RuntimeException(e);
        }
    }
 
    public static boolean validate(Controller controller, String inputRandomCode) {
        if (StringKit.isBlank(inputRandomCode))
            return false;
        try {
            if(caseInsensitive)
                inputRandomCode = inputRandomCode.toUpperCase();
            inputRandomCode = encrypt(inputRandomCode);
            return inputRandomCode.equals(controller.getCookie(randomCodeKey));
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }
 
}

　　　Action 中的代碼：

package com.springscapital.console.site.controller;

import com.jfinal.core.Controller;
import com.springscapital.console.ext.render.MyCaptchaRender;

public class HomeController extends Controller{
    public void index() {
        render("/site/login.html");
    }
    //驗證輸入的和系統生成的驗證碼是否一樣
    public void login() {
        String inputRandomCode = getPara("captcha");
        boolean validate = MyCaptchaRender.validate(this, inputRandomCode);       
        System.out.println("CaptchaRender.validate=" + validate + ";inputRandomCode=" + inputRandomCode); 
    }
    //生成圖片
    public void captcha(){
        render(new MyCaptchaRender(60,22,4,true));
    }

}

接下來就是頁面中的代碼了， 這個我也好糾結，本來想加個看不清換一張的按鈕然後用ajax異步刷新驗證碼的，可惜沒實現，頁面中被我註釋掉的代碼就是我用的ajax，但是沒搞出來，又有點小郁悶了，希望哪位大神看到了能為小弟解惑。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- <script type="text/javascript" src="${ctx!}/static/js/jquery-1.8.3.js"></script>
<script type="text/javascript">
    $(function() {
        $(".sumbit").click(
            function() {
                $.ajax( {
                    url : "${ctx!}/site/captcha",//發送請求的地址
                    data : {
                        account : $("#captcha").val()//發送到服務器的數據
                    },
                    error : function() {
                        alert("error: 網絡異常請稍後再嘗試!!!");//請求失敗時彈出的信息
                    }
                     success : function(data) {//返回的信息展示出來
                        $(".hint").html(data);//請求成功時，調用的函數
                    } 
                });
            });
    });
</script> -->
</head>
<body>
        <div class="main" align="center">
             <form action="${ctx!}/site/login" method="post">
                <table>
                    <tr>
                        <td>用戶名：</td>
                        <td><input type="text" name="username"/></td>
                    </tr>
                    <tr>
                        <td>密   碼：</td>
                        <td><input type="password" name="pwd"/></td>
                    </tr>
                    <tr>
                        <td><img src="${ctx!}/site/captcha">&nbsp;</td>
                        <td>
                            <input type="text"id="captcha" name="captcha" value=""/>
                       <!-- <input class="sumbit" type="button" value="看不清換一張">
                            <input type=button value=刷新 onclick="location.reload()">  -->                        
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td>
                        <INPUT TYPE="reset" name = "reset" value = "重 置"> 
                        &nbsp;&nbsp;&nbsp;
                        <input type="submit" value="登陸"/>
                        </td>
                    </tr>
                </table>
            </form>
        </div>     
</body>
</html>

Jfinal框架登陸頁面的圖形驗證碼

ima 獲得希望刷新 body 是否異步刷新 tor console 本文轉自，http://www.bubuko.com/infodetail-720511.html 驗證碼的工具類，這個jfinal自帶的也有，但是下面這個和Jfinal自帶的有一點點小的改動

Jfinal框架登陸頁面的圖形驗證碼

Jfinal框架登陸頁面的圖形驗證碼

登陸頁面的驗證碼生成與驗證

專案部署到阿里雲登入頁面圖形驗證碼亂碼

springboot登陸頁面圖片驗證碼簡單的web項目

Tornado框架實現圖形驗證碼功能

java圖形驗證碼生成工具類及web頁面校驗驗證碼

Java使用SSM框架實現登錄頁面的驗證碼功能

python 爬蟲如何通過scrapy簡單模擬登陸豆瓣網，手動進行圖形驗證碼的驗證

使用Servlet實現圖形驗證碼登入頁面

Python識別圖形驗證碼，實現自動登陸（附視訊教程）

jfinal重寫圖形驗證碼，生成純數字驗證碼(jfinal-3.3)。

vue項目經驗：圖形驗證碼接口get請求處理

JSP頁面中驗證碼的調用方法

圖形驗證碼的兩種實現方式

Net Core 生成圖形驗證碼

驗證碼識別——圖形驗證碼

[Python][爬蟲]利用OCR技術識別圖形驗證碼

laravel框架手機發送驗證碼

cas+shiro+springboot+pac4j 自定義登陸介面以及驗證碼等

php實現圖形驗證碼詳解！

Jfinal框架登陸頁面的圖形驗證碼

相關推薦