您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)java后臺驗證碼如何生成的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
效果圖如下:
后臺生成驗證碼,用于登陸驗證。
無(普通標簽)
1)前臺思路:
(1)前臺一個<input>用于輸入驗證碼;一個<img>用于展示驗證碼。
(2)驗證碼生成以及展示,點擊刷新功能,可以為<img>綁定click事件。
(3)click事件里面寫ajax請求,通過后臺生成處理好的帶噪點的驗證碼圖片。
注意:后臺直接返回圖片,不是驗證碼的字符!若返回字符,則驗證碼就失去了意義(前臺很容易就可以獲取驗證碼字符,進行多次惡意訪問了)(這點考慮了系統(tǒng)安全性)
(4)關(guān)于返回的圖片如何在<img>標簽內(nèi)展示
直接利用img的src屬性,屬性值為后臺生成驗證碼的方法請求路徑即可。當點擊驗證碼的時候,再動態(tài)設置src屬性即可(原訪問地址+隨機時間戳,防止同一路徑瀏覽器不另作訪問的問題)
前臺部分代碼:
/*驗證碼輸入框*/ <input class="verifyInput" name="verifyInput" placeholder="請輸入驗證碼"> /*驗證碼圖片*/ <img class="verifyCode" onclick="changeCode()" src="getVerifyCode"> //src的getVerifyCode是后臺訪問地址;項目為SSM框架。 /*點擊刷新驗證碼*/ function changeCode(){ var src = " getVerifyCode?"+new Date().getTime(); //加時間戳,防止瀏覽器利用緩存 $('.verifyCode').attr("src",src); //jQuery寫法 }
2)后臺思路:
后臺思路很簡單,利用BufferedImage類創(chuàng)建一張圖片,再用Graphics2D對圖片進行繪制(生成隨機字符,添加噪點,干擾線)即可。注意生成的驗證碼字符串要放到session中,用于接下來登陸的驗證碼驗證(當然也是后臺)。
部分代碼如下:
/* 獲取驗證碼圖片*/ @RequestMapping("/getVerifyCode ") public void getVerificationCode(HttpServletResponse response,HttpServletRequest request) { try { int width=200; int height=69; BufferedImage verifyImg=new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB); //生成對應寬高的初始圖片 String randomText = VerifyCode.drawRandomText(width,height,verifyImg); //單獨的一個類方法,出于代碼復用考慮,進行了封裝。 //功能是生成驗證碼字符并加上噪點,干擾線,返回值為驗證碼字符 request.getSession().setAttribute("verifyCode", randomText); response.setContentType("image/png");//必須設置響應內(nèi)容類型為圖片,否則前臺不識別 OutputStream os = response.getOutputStream(); //獲取文件輸出流 ImageIO.write(verifyImg,"png",os);//輸出圖片流 os.flush(); os.close();//關(guān)閉流 } catch (IOException e) { this.logger.error(e.getMessage()); e.printStackTrace(); } }
/*對圖片進行處理的類和方法*/ public class VerifyCode { public static String drawRandomText(int width,int height,BufferedImage verifyImg) { Graphics2D graphics = (Graphics2D)verifyImg.getGraphics(); graphics.setColor(Color.WHITE);//設置畫筆顏色-驗證碼背景色 graphics.fillRect(0, 0, width, height);//填充背景 graphics.setFont(new Font("微軟雅黑", Font.BOLD, 40)); //數(shù)字和字母的組合 String baseNumLetter= = "123456789abcdefghijklmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ"; StringBuffer sBuffer = new StringBuffer(); int x = 10; //旋轉(zhuǎn)原點的 x 坐標 String ch = ""; Random random = new Random(); for(int i = 0;i < 4;i++){ graphics.setColor(getRandomColor()); //設置字體旋轉(zhuǎn)角度 int degree = random.nextInt() % 30; //角度小于30度 int dot = random.nextInt(baseNumLetter.length()); ch = baseNumLetter.charAt(dot) + ""; sBuffer.append(ch); //正向旋轉(zhuǎn) graphics.rotate(degree * Math.PI / 180, x, 45); graphics.drawString(ch, x, 45); //反向旋轉(zhuǎn) graphics.rotate(-degree * Math.PI / 180, x, 45); x += 48; } //畫干擾線 for (int i = 0; i <6; i++) { // 設置隨機顏色 graphics.setColor(getRandomColor()); // 隨機畫線 graphics.drawLine(random.nextInt(width), random.nextInt(height), random.nextInt(width), random.nextInt(height)); } //添加噪點 for(int i=0;i<30;i++){ int x1 = random.nextInt(width); int y1 = random.nextInt(height); graphics.setColor(getRandomColor()); graphics.fillRect(x1, y1, 2,2); } return sBuffer.toString(); } /** * 隨機取色 */ private static Color getRandomColor() { Random ran = new Random(); Color color = new Color(ran.nextInt(256), ran.nextInt(256), ran.nextInt(256)); return color; } }
驗證碼的功能實現(xiàn)思路很簡單,從系統(tǒng)安全性和代碼復用性這兩點考慮,驗證碼必須后臺生成,生成驗證碼的方法可以封裝到靜態(tài)工具類里。此外,后臺用到許多Java自帶的圖片處理類值得學習。
1.SpringMVC,Spring Web MVC是一種基于Java的實現(xiàn)了Web MVC設計模式的請求驅(qū)動類型的輕量級Web框架。2.Shiro,Apache Shiro是Java的一個安全框架。3.Mybatis,MyBatis 是支持普通 SQL查詢,存儲過程和高級映射的優(yōu)秀持久層框架。4.Dubbo,Dubbo是一個分布式服務框架。5.Maven,Maven是個項目管理和構(gòu)建自動化工具。6.RabbitMQ,RabbitMQ是用Erlang實現(xiàn)的一個高并發(fā)高可靠AMQP消息隊列服務器。7.Ehcache,EhCache 是一個純Java的進程內(nèi)緩存框架。
感謝各位的閱讀!關(guān)于“java后臺驗證碼如何生成”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。