学习验证码笔记一

最新推荐文章于 2024-02-01 09:26:32 发布

悬崖边上

最新推荐文章于 2024-02-01 09:26:32 发布

阅读量336

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/bbtyk/article/details/43684149

版权

学习笔记专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1.创建项目checkcode

2.在index.jsp--->

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
   function reloadCode(){
       var time = new Date().getTime();
       document.getElementById("imagecode").src="<%=request.getContextPath()%>/servlet/ImageServlet?time="+time;
   }

</script>
</head>
<body>
   验证码：<input type="text" name="checkcode"/>
   <img alt="验证码" id="imagecode" src="<%=request.getContextPath()%>/servlet/ImageServlet"/>
   <a href="javascript:reloadCode()">看不清楚</a>
</body>
</html>

3.新建一个Servlet

package com.oraro;

import java.awt.Color;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class ImageServlet extends HttpServlet {

   @Override
   protected void doGet(HttpServletRequest req, HttpServletResponse resp)
           throws ServletException, IOException {
       BufferedImage bi = new BufferedImage(68, 22, BufferedImage.TYPE_INT_RGB);
       Graphics g = bi.getGraphics();
       Color c = new Color(200,150,255);
       g.setColor(c);
       g.fillRect(0, 0, 68, 22);

       char[] ch = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".toCharArray();

       Random r = new Random();
       int len = ch.length,index;
       StringBuffer sb = new StringBuffer();
       for(int i=0;i<4;i++){
           index = r.nextInt(len);
           g.setColor(new Color(r.nextInt(88),r.nextInt(188),r.nextInt(255)));
           g.drawString(ch[index]+"", (i*15)+3, 18);
           sb.append(ch[index]);
       }
       req.getSession().setAttribute("piccode", sb.toString());
       ImageIO.write(bi,"JPG", resp.getOutputStream());
   }

   @Override
   protected void doPost(HttpServletRequest req, HttpServletResponse resp)
           throws ServletException, IOException {
       this.doGet(req, resp);
   }

   @Override
   public void destroy() {

   }

   @Override
   public void init() throws ServletException {

   }

}

4.在web.xml中配置路径

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">

<servlet>
   <servlet-name>ImageServlet</servlet-name>
   <servlet-class>com.oraro.ImageServlet</servlet-class>
</servlet>
<servlet-mapping>
   <servlet-name>ImageServlet</servlet-name>
   <url-pattern>/servlet/ImageServlet</url-pattern>
</servlet-mapping>

<display-name>checkcode</display-name>
<welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
</welcome-file-list>
</web-app>

5.测试

悬崖边上

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习验证码笔记一

1.创建项目checkcode2.在index.jsp---> pageEncoding="UTF-8"%>String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerP
复制链接

扫一扫