Heim > Web-Frontend > js-Tutorial > Hauptteil

Vollständiges Beispiel für einen JSP-Seitenverifizierungscode

韦小宝
Freigeben: 2018-01-18 09:46:50
Original
3007 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich das vollständige Beispiel der JSP-Seite Bestätigungscode im Detail vor. Freunde, die sich für JSP interessieren, können sich auf diesen Artikel beziehen 🎜>Die Projektstruktur ist wie folgt. Erstellen Sie ein neues Webprojekt in MyEclipse und nennen Sie es Servlet

1. Erstellen Sie eine neue Servlet-Klasse unter src

2. web.xml generiert automatisch die Konfiguration von Servlet und Servlet-Mapping:
package com.servlet;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Random;

import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.sun.image.codec.jpeg.JPEGCodec;
import com.sun.image.codec.jpeg.JPEGImageEncoder;

public class IdentityServlet extends HttpServlet {

  public static final char[] chars={'2','3','4','5','6','7','8','9','A'};//自定义验证码池
  public static Random random=new Random();  //随机数
  
  public static String getRandomString(){  //获取6位随机数,放在图片里
    StringBuffer buffer=new StringBuffer();
    for(int i=0;i<6;i++){
      buffer.append(chars[random.nextInt(chars.length)]);
    }
    return buffer.toString();
  }
  
  public static Color getRandomColor(){  //获取随机的颜色
    return new Color(random.nextInt(255), random.nextInt(255), random.nextInt(255));
  }
  
  public static Color getReverseColor(Color c){  //返回某颜色的反色
    return new Color(255 - c.getRed(), 255 - c.getGreen(), 255 - c.getBlue());
  }
  
  /**
   * Constructor of the object.
   */
  public IdentityServlet() {
    super();
  }

  /**
   * Destruction of the servlet. <br>
   */
  public void destroy() {
    super.destroy(); // Just puts "destroy" string in log
    // Put your code here
  }

  /**
   * The doGet method of the servlet. <br>
   *
   * This method is called when a form has its tag value method equals to get.
   * 
   * @param request the request send by the client to the server
   * @param response the response send by the server to the client
   * @throws ServletException if an error occurred
   * @throws IOException if an error occurred
   */
  public void doGet(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {

    response.setContentType("image/jpeg");  //设置输出类型
    
    String randomString = getRandomString();  //随机字符串
    request.getSession(true).setAttribute("randomString", randomString);//放到session里
    
    int width=100;  //图片宽度
    int height=30;  //图片高度
    
    Color color=getRandomColor();  //随机颜色,用于背景色
    Color reverse=getReverseColor(color);//反色,用于前景色
    //创建一个彩色图片
    BufferedImage bi=new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
    Graphics2D g=bi.createGraphics();  //绘图对象
    g.setFont(new Font(Font.SANS_SERIF,Font.BOLD,16));//设置字体
    g.setColor(color);//设置颜色
    g.fillRect(0, 0, width, height);//绘制背景
    g.setColor(reverse);
    g.drawString(randomString, 18, 20);//绘制随机字符
    for(int i=0,n=random.nextInt(100);i<n;i++){  //画最多100个噪音点
      g.drawRect(random.nextInt(width), random.nextInt(height), 1, 1);
    }
    ServletOutputStream out= response.getOutputStream();//转成JPEG格式
    JPEGImageEncoder encoder=JPEGCodec.createJPEGEncoder(out);//编码器
    encoder.encode(bi);  //对图片进行编码
    out.flush();  //输出到客户端
  }

  /**
   * The doPost method of the servlet. <br>
   *
   * This method is called when a form has its tag value method equals to post.
   * 
   * @param request the request send by the client to the server
   * @param response the response send by the server to the client
   * @throws ServletException if an error occurred
   * @throws IOException if an error occurred
   */
  public void doPost(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {

    doGet(request, response);
  }

  /**
   * Initialization of the servlet. <br>
   *
   * @throws ServletException if an error occurs
   */
  public void init() throws ServletException {
    // Put your code here
  }

}
Nach dem Login kopieren

3. Erstellen Sie einen neuen HTML-Code unter WebRoot und zeigen Sie den Bestätigungscode an
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" 
  xmlns="http://java.sun.com/xml/ns/javaee" 
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
  xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
  http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
 <display-name></display-name>
 <servlet>
  <servlet-name>IdentityServlet</servlet-name>
  <servlet-class>com.servlet.IdentityServlet</servlet-class>
 </servlet>

 <servlet-mapping>
  <servlet-name>IdentityServlet</servlet-name>
  <url-pattern>/servlet/IdentityServlet</url-pattern>
 </servlet-mapping>  
 <welcome-file-list>
  <welcome-file>index.jsp</welcome-file>
 </welcome-file-list>
</web-app>
Nach dem Login kopieren

Starten Sie Tomcat, geben Sie die URL ein:
<!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>Insert title here</title>
<script type="text/javascript">
function reloadImage(){
  document.getElementById(&#39;btn&#39;).disabled=true;
  document.getElementById(&#39;identity&#39;).src=&#39;servlet/IdentityServlet?ts=&#39;+new Date().getTime();
}
</script>
</head>

<body>

<img src="servlet/IdentityServlet" id="identity" onload="btn.disabled=false;" />
<input type=button value="换个图片" onclick="reloadImage()" id="btn">
</body>
</html>
Nach dem Login kopieren
http://localhost:8080/servlet/identity.html

, der Effekt ist wie folgt:

Klicken „Bild ändern“, ein neues Bild wird als Bestätigungscode generiert.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein! !

Verwandte Empfehlungen:

Internationalisierung der ResourceBundle-Klasse in JSP

Zusammenfassung der Erfahrungen mit JsPlumb-Flussdiagrammen

Deklaration und Verwendungsanweisungen von Variablen und Methoden in JSP

Das obige ist der detaillierte Inhalt vonVollständiges Beispiel für einen JSP-Seitenverifizierungscode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!