javaWeb 인증 코드 구현 - 코드 초 간단

23626 단어
1. 전단 표시
HTML： 
<h3>   ：h3>
<input type="text" name="validationCode" id="validationCode" placeholder="      " lay-verify="required"> 
<img src="validate.jsp" id="validationCode_img" title="   ?   " onclick="loadimage();return false;" name="validationCode_img" align="middle">

JS： 
//       ，                      
function loadimage(){
            document.getElementById("validationCode_img").src= "validate.jsp?time=" + new Date().getTime();
        }

2. 한 페이지 로 인증 코드 그림 을 만 듭 니 다. 여 기 는 JSP 페이지 vaidate. jsp 를 사용 합 니 다.
@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
@page import="java.awt.image.BufferedImage"%>
@page import="java.awt.Graphics2D"%>
@page import="java.awt.Color"%>
@page import="java.awt.Font"%>
@page import="javax.imageio.ImageIO"%>
@page import="java.util.Random"%>
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">
<title>   title>
head>
<body>

    int width = 60;
    int height = 20;
    //                Image
    BufferedImage buffImg = new BufferedImage(width, height,BufferedImage.TYPE_INT_RGB);
    Graphics2D g = buffImg.createGraphics();
    
    //           
    Random random = new Random();
    
    g.setColor(Color.WHITE);
    g.fillRect(0, 0, width, height);
    
    //     ，                
    Font font = new Font("Times New Roman", Font.PLAIN, 18);
    //     
    g.setFont(font);
    
    //    
    g.setColor(Color.BLACK);
    g.drawRect(0, 0, width - 1, height - 1);
    
    //     160    
    g.setColor(Color.LIGHT_GRAY);
    for (int i = 0; i < 160; i++) {
        int x = random.nextInt(width);
        int y = random.nextInt(height);
        int x1 = random.nextInt(12);
        int y1 = random.nextInt(12);
        g.drawLine(x, y, x + x1, y + y1);
    }
    
    // randomCode             
    StringBuffer randomCode = new StringBuffer();
    int red = 0, green = 0, blue = 0;
    
    //     4       
    for (int i = 0; i < 4; i++) {
        //             
        String strRand = String.valueOf(random.nextInt(10));
    
        //                
        red = random.nextInt(110);
        green = random.nextInt(50);
        blue = random.nextInt(50);
    
        //                   
        g.setColor(new Color(red, green, blue));
        g.drawString(strRand, 13 * i + 6, 16);
    
        randomCode.append(strRand);
    }
    
    //             session 
    //HttpSession session = request.getSession();
    session.setAttribute("randomCode", randomCode.toString());
    
    //       
    response.setHeader("Pragma", "no-cache");
    response.setHeader("Cache-Control", "no-cache");
    response.setDateHeader("Expires", 0);
    
    response.setContentType("image/jpeg");
    //       servlet    
    ServletOutputStream sos = response.getOutputStream();
    ImageIO.write(buffImg, "jpeg", sos);
    sos.close();
    //sos = null;
    out.clear();
    out = pageContext.pushBody();
%>
body>
html>

3. vaidate. jsp 페이지 에서 생 성 된 인증 코드 는 자바 백 엔 드 에서 생 성 되 었 기 때문에 session 에 저장 되 었 습 니 다. 저 희 는 사용자 가 제출 할 때 작성 한 인증 코드 를 백 엔 드 로 가 져 가 야 합 니 다. 여 기 는 ajax 요청 을 사용 합 니 다. 백 엔 드 는 인증 코드 가 session 과 같은 지 판단 하면 됩 니 다.
js value 와 innerHTML 의 차이 점 과 innerText
현재 클릭 대상 가 져 오기 및 가 져 오기, 삭제, 클래스 이름 추가

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage