我的编程空间,编程开发者的网络收藏夹
学习永远不晚

jsp实现简单图片验证码功能

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

jsp实现简单图片验证码功能

本文实例为大家分享了jsp实现简单图片验证码的具体代码,供大家参考,具体内容如下

一、实现的功能分析

(1)在登陆页面加验证码的功能,起到一定的安全性。在输入正确的验证码,用户名和密码的情况下,才可以实现登录。
(2)实现查询数据库的功能。在登陆后的页面中,显示用户名和密码,并且设置有一个超链接,实现查询数据库的功能。
(3)代码核心是:随机生成验证码,并且显示在页面上。同时要和输入框中的输入验证码进行校验。
(4)主页面使用img标签的class="lazy" data-src属性引入验证页面的jsp文件。
(5)验证码的实现页面使用BufferedImage类的方法产生图片。
(6)使用Graphics类的各种方法实现验证码的构成。

二、代码实现

(1)登录页面:index.jsp文件。

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录页面</title>
</head>
<body>
<form action="LoginServlet" method="post">
       用户名:<input name="username" type="text" value=""/><br/><br/>
       密码:<input name="password" type="password" value=""/><br/><br/>
       
       
        验证码: <input type="text" name="checkCode" height="20px " value=""/>
      <img class="lazy" data-src="CodeServlet"/><span>${error_code}</span><br/>
       <input type="submit" value="提交">

</form>
</body>
</html>

(2)登录后的页面:user.jsp文件。

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@  page import = "com.entity.Author"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>显示登录用户的用户名和密码页面</title>
</head>
<body>
<%  
    //内置对象
    request.setCharacterEncoding("utf-8");
    //获取交互层放入session中的obj
    Author obj = (Author)session.getAttribute("authorInfo");
    
    if(obj != null){
        out.print("<p>用户名:"+obj.getName()+"</p>");
        out.print("<p>密码:"+obj.getId()+"</p>");
    }
    else{
        response.sendRedirect("index.jsp");
    }
%>
<br/>
<a href="AuthorServlet">用户信息查询 </a>
</body>
</html>

(3)实现数据查询页面:ueslist.jsp文件。

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>查询信息显示页面</title>
</head>
<body>
<table border="1">
  <tr>
         <td>编号</td>
         <td>名称</td>
         <td>价格</td>
         <td>数量</td>
         <td>日期</td>
         <td>风格</td>
  </tr>
  
   <c:forEach items="${authorList}" var="author">
  <tr>
    <td>${author.id}</td>
    <td>${author.name }</td>
    <td>${author.price }</td>
    <td>${author.num }</td>
    <td>${author.dates}</td>
    <td>${author.style}</td>
  </tr>
  </c:forEach>
</table>
</body>
</html>

(4)定义一个Author类,用于接收数据库中的元素。

package com.entity;
//用于获取数据库中的元素对象
public class Author {
    private int id;
    private String name;
    private int price ;
    private int num;
    private String dates;
    private String style;
    public int getId() {
        return id;
    }
    public void setId(int id) {
        this.id = id;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public int getPrice() {
        return price;
    }
    public void setPrice(int price) {
        this.price = price;
    }
    public int getNum() {
        return num;
    }
    public void setNum(int num) {
        this.num = num;
    }
    public String getDates() {
        return dates;
    }
    public void setDates(String dates) {
        this.dates = dates;
    }
    public String getStyle() {
        return style;
    }
    public void setStyle(String style) {
        this.style = style;
    }

}

(5)登录页面的交互层:LoginServlet.java文件。用于登录检验和验证码匹配。

//交互层(客户端和服务器的交互)
package com.servlet;

import java.io.IOException;
import java.sql.SQLException;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import com.dao.AuthorDao;
import com.entity.Author;


@WebServlet("/LoginServlet")
public class LoginServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    
    public LoginServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

    
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws  ServletException, IOException {
        // TODO Auto-generated method stub
        //内置对象request,response
        request.setCharacterEncoding("utf-8");
        
        HttpSession session = request.getSession();
        
        //获取用户输入验证码
        String checkCode = request.getParameter("checkCode");
        //获取session中的验证码,也就是CodeServlet中生成的四个字符
        String sessionCode = (String)session.getAttribute("sCode");
        
        
        //验证码正确
        if(checkCode.equals(sessionCode)) {
            //获取表单数据
            String username = request.getParameter("username");
            int password = Integer.valueOf(request.getParameter("password"));
            
            //判断用户信息是否正确,查询数据库获取用户信息
             AuthorDao ad = new AuthorDao();
             Author obj = ad.check(username, password);
             
             //判断
             if(obj != null) {
                 
                 //重新放入用户信息
            //     HttpSession session = request.getSession();
                 session.setAttribute("authorInfo", obj);
                 //设置session的有效期为10秒
                 session.setMaxInactiveInterval(10);
                 
                 //页面转发
                 response.sendRedirect("user.jsp");
             }
             else {
                 
                 //页面重定向到登录页面
                 response.sendRedirect("index.jsp");
             }
        }
        else {
            //验证码不正确
            request.setAttribute("error_code", "验证码不匹配");
            request.getRequestDispatcher("index.jsp").forward(request, response);
        }
    }    
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

}

(6)数据库查询的交互层:AuthorServlet.java文件。

package com.servlet;

import java.io.IOException;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.dao.AuthorDao;
import com.entity.Author;


@WebServlet("/AuthorServlet")
public class AuthorServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    
    public AuthorServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

    
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        //设置编码方式
         request.setCharacterEncoding("utf-8");
         
         //查询用户列表
         AuthorDao ad = new AuthorDao();
         //将Dao层中的结果放入list中
         List<Author> list = ad.queryAuthorList();
         request.setAttribute("authorList", list);
         
         //请求转发的方式将查询结果放入request中,再将超链接直接访问AuthorServlet就将信息显示出来了。
         request.getRequestDispatcher("uselist.jsp").forward(request, response);
         
         
    }

    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

}

(7)定义一个AuthorDao类实现查询数据库和检验登录的用户名和密码。

//用于检验登录页面所填入信息是否正确
package com.dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;

import com.entity.Author;

public class AuthorDao {
    
    public Author check(String username ,int password)
    {
        Author obj = null ;
        try {
                DBConnection db = new DBConnection();
                //获取数据库连接
                Connection conn = db.getConn();
                //设置要执行的数据库语句
                String sql = "select *from furnitures where name = ? and id = ?";
                
                PreparedStatement ps =  conn.prepareStatement(sql);
                //设置用户名和密码放入sql语句
                ps.setString(1, username);
                ps.setInt(2, password);
                
                //执行sql查询语句 , 并将执行结果放入结果集中
                ResultSet rs = ps.executeQuery();
                
                //用户名和密码都正确
                if(rs.next()) {
                    
                    //新创建一个obj 将查询结果放入
                    obj = new Author();
                    obj.setId(rs.getInt(1));
                    obj.setName(rs.getString(2));
                    obj.setPrice(rs.getInt(3));
                    obj.setNum(rs.getInt(4));
                    obj.setDates(rs.getString(5));
                    obj.setStyle(rs.getString(6));
                }
       
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        
        return obj;
  }
    
    public List<Author> queryAuthorList(){
        
        
        Author obj = null;
        //定义一个list集合,用于存放查询结果
        List<Author> list = new ArrayList<Author>() ;
        try {
            
            
            DBConnection db = new DBConnection();
            //获取数据库连接
            Connection conn = db.getConn();
            //设置数据库要查询的语句
            String sql = "select *from furnitures ";
            
            PreparedStatement ps = conn.prepareStatement(sql);
            
            //执行数据库查询语句,并将查询结果放入结果集
            ResultSet rs = ps.executeQuery();
            
            //利用循环将obj放入list集合中
            while(rs.next()) {
                obj = new Author();
                
                obj.setId(rs.getInt(1));
                obj.setName(rs.getNString(2));
                obj.setPrice(rs.getInt(3));
                obj.setNum(rs.getInt(4));
                obj.setDates(rs.getString(5));
                obj.setStyle(rs.getString(6));
                
                //将obj加入到list
                
                list.add(obj);
                
            }
            
            
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        
        
        return list;
    }
    
}

(8)定义一个验证码生成CodeServlet类,用于生成验证码。

package com.servlet;

import java.awt.Color;
import java.awt.Font;
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.ServletOutputStream;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

@WebServlet("/CodeServlet")
public class CodeServlet extends HttpServlet{
    
    //定义验证码的源码
    private static final String str ="abcdefghijklmnopqrstuvwxyaABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
    
    //定义随机数
    private Random random = new Random();
    
    //随机生成四个字符
    public String getStr()
    {
        String s = "";
        int len = str.length();
        for(int i=0;i<4;i++) {
            s+=str.charAt(random.nextInt(len));
        }
        return s;
    }
    
    //随机颜色
    public Color getColor() {
        
        int red = random.nextInt(256);
        int green = random.nextInt(256);
        int blue = random.nextInt(256);
        Color color = new Color(red,green,blue);
        
        return color;
    }
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        // TODO Auto-generated method stub
        
        
        //生成验证码图片
        //画板
        BufferedImage image = new BufferedImage(70,20,BufferedImage.TYPE_INT_RGB );
        //画笔
        Graphics pen =  image.getGraphics();
        //矩形
        pen.fillRect(0, 0, 70, 20);
        //字体
        pen.setFont(new Font("微软雅黑",Font.BOLD,20));
        
        //获取4个字符
        String code = getStr();
        
        //绘制图片
        for(int i=0;i<code.length();i++) {
            pen.setColor(getColor());
            pen.drawString(String.valueOf(code.charAt(i)), i*15+5, 20);;
        }
        
        //response对象绘制图片到页面,Servle输出流进行图片的输出
        ServletOutputStream sos = resp.getOutputStream();
        ImageIO.write(image, "png", sos);
        
        sos.flush();
        sos.close();
        
        //验证码放入session
        HttpSession session = req.getSession();
        session.setAttribute("sCode", code);
        
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doPost(req, resp);
    }
}

(9)创建DBConnectoin.java类用户获取数据库连接。(我用的是mysql)

//获取数据库连接
package com.dao;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;

public class DBConnection {
    private static String username="填入自己的数据库名";
    private static String password="填入自己的数据库密码";
    private static String driver = "com.mysql.jdbc.Driver";
    private static String url="jdbc:mysql://localhost:3306/已经创建数据库名";
    
    private Connection conn;
    
    static {
        try {
            //加载驱动,捕获异常
            Class.forName(driver);
        } catch (ClassNotFoundException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }
    
    public DBConnection () throws SQLException {
        //连接数据库
        conn = DriverManager.getConnection(url,username,password);
    }
    
    //用于获取conn
    public Connection getConn() {
        return conn;
    }

    public void setConn(Connection conn) {
        this.conn = conn;
    } 
    

}

三、页面

(1)登录页面

(2)数据查询页面

(3)查询结果显示页面

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

jsp实现简单图片验证码功能

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

简单实现Java验证码功能

今晚看到网上有关验证码的实现的代码,很早就想写一个了,感觉验证码挺有意思的,于是就写了一个,然而后来一直加载不出图片。尝试了很多方法,后来终于解决了,原来是我项目里面的 web.xml中没有部署servlet的映射,web.xml如下图:运
2023-05-31

JSP页面实现验证码校验功能

在网页页面的使用中为防止“非人类”的大量操作和防止一些的信息冗余,增加验证码校验是许多网站常用的方式,这篇文章主要介绍了JSP页面实现验证码校验,需要的朋友可以参考下
2022-11-13

JS如何实现图片验证码功能

本篇内容主要讲解“JS如何实现图片验证码功能”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JS如何实现图片验证码功能”吧!1. html代码<%@ page language="java" co
2023-06-30

springboot图片验证码功能模块怎么实现

本篇内容主要讲解“springboot图片验证码功能模块怎么实现”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“springboot图片验证码功能模块怎么实现”吧!具体效果如下:第一步:工具类该工
2023-06-30

SpringSecurity实现添加图片验证功能

这篇文章主要为大家介绍了SpringSecurity实现添加图片验证功能详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-01-04

vue 实现左滑图片验证功能

网页中滑动图片验证一直是各大网站、移动端的主流校验方式,其主要作用是为了区分人和机器以及为了防止机器人程序暴力登录或攻击从而设置的一种安全保护方式,这篇文章主要介绍了vue 实现左滑图片验证,需要的朋友可以参考下
2023-05-14

java制作简单验证码功能

本文实例为大家分享了java制作简单验证码的具体代码,供大家参考,具体内容如下在这里我们需要用到java的画笔工具,所以我们需要导入以下包import="java.util.*,java.awt.*,java.awt.image.*,jav
2023-05-30

jquery怎么实现一个简单的验证码功能

随着网络的不断发展,验证码已经成为了互联网中不可或缺的一部分。验证码通常用于防止网站被恶意攻击,防止机器人恶意注册和发送垃圾信息等。本文将介绍如何利用jquery实现一个简单的验证码。一、什么是验证码验证码,全称为“ Completely Automated Public Turing test to tell Computers and Humans Apart”,即全自动区
2023-05-14

怎么用Springboot +redis+Kaptcha实现图片验证码功能

这篇文章主要介绍了怎么用Springboot +redis+Kaptcha实现图片验证码功能的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么用Springboot +redis+Kaptcha实现图片验证码功
2023-06-29

基于Hutool的图片验证码功能模块实现

为了提高系统的安全性,防止接口被暴力刷新,验证码是个好的手段,图片验证码没有短信验证码的费用,其是个人开发者学习的重点,这篇文章主要介绍了基于Hutool的图片验证码功能模块实现,需要的朋友可以参考下
2022-11-13

android实现一个图片验证码倒计时功能

1.如图所示,要实现一个验证码的倒计时的效果 2.实现  图中获取验证码那块是一个button按钮  关键部分,声明一个TimeCount,继承自CountDownTimer/*验证码
2023-05-30

简单实现Android验证码

安卓验证码的简单实现 我们经常在登录或者注册的时候要求输入验证码,这里简单介绍一下一种方法 效果如下首先是要获取 随机的四个字母组合,我这里是将26个字母存储到一个数组中,然后随机生成4个下标值,取这四个下标值对应的字母作为验证码。pub
2022-06-06

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录