Java Web实现登录页面验证码验证功能

一、验证码

验证码本质上是一张图片,图片内容会随着程序的运行而随机生成

验证码的作用:防止应用恶意发送数据,一定程度上避免了恶意程序对网站的攻击。
验证码本质上是一张图片,图片内容的准确解析不容易用程序来实现。
验证码的绘制:绘制验证码图片不仅仅需要随机生成要绘制的内容,同时要配合Java中与绘图有关的一套API来完成。

二、效果演示

验证码Demo

三、给出完整代码

(1)服务器端代码ActionServlet.java

package session;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
/**
 * 服务器端合并Servlet
 *
 * @author QianliangGuo
 */
public class ActionServlet extends HttpServlet {
 @Override
 protected void service(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {
 // 设置编码
 request.setCharacterEncoding("utf-8");
 // 获得session
 HttpSession session = request.getSession();
 //设置session超时时间为10秒
// session.setMaxInactiveInterval(10);
 // 获得请求路径
 String uri = request.getRequestURI();
 // 拆分路径,只保留login.do中的login
 String action = uri.substring(uri.lastIndexOf("/") + 1,uri.lastIndexOf("."));
 // 判断请求路径是否为登录
 if (action.equals("login")) {
 String uname = request.getParameter("uname");
 String pwd = request.getParameter("pwd");
 //获得用户提交的验证码字符
 String vcode = request.getParameter("vcode");
 //获得session中存储的最新验证码字符
 String code = session.getAttribute("code").toString();
 if (code.equals(vcode) &&uname.equals("123") && pwd.equals("123") ) {
 // 将登录的用户绑定到session
 session.setAttribute("uname", uname);
 // 重定向到index.jsp
// response.sendRedirect("index.jsp");
 //如果禁用了Cookie,使用URL重写
 response.sendRedirect(response.encodeRedirectURL("index.jsp"));
 } else {
 // 登录失败,就转发到login.jsp
 request.setAttribute("msg", "输入有误,请重新登录!");
 request.getRequestDispatcher("login.jsp").forward(request,response);
 }
 }else if(action.equals("logout")){
 //使session失效
 session.invalidate();
 response.sendRedirect("login.jsp");
 }
 }
}

(2)绘制验证码CodeServlet.java

package session;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;
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;
import javax.servlet.http.HttpSession;
/**
 * 绘制验证码
 *
 * @author QianliangGuo
 */
public class CodeServlet extends HttpServlet {
 @Override
 protected void service(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
 //验证码的servlet
 //0.创建空白图片
 BufferedImage image = new BufferedImage(100,30,BufferedImage.TYPE_INT_RGB);
 //1.获取图片画笔
 Graphics g = image.getGraphics();
 Random r = new Random();
 //2.设置画笔颜色
 g.setColor(new Color(r.nextInt(255),r.nextInt(255),r.nextInt(255)));
 //3.绘制矩形的背景
 g.fillRect(0, 0, 100, 30);
 //4.调用自定义的方法,获取长度为5的字母数字组合的字符串
 String number = getNumber(5);
 //获得session
 HttpSession session = request.getSession();
 //设置sesssion失效时间为30秒
// session.setMaxInactiveInterval(30);
 //将这5个随机字符绑定到session中
 session.setAttribute("code", number);
 g.setColor(new Color(0,0,0));
 g.setFont(new Font(null,Font.BOLD,24));
 //5.设置颜色字体后,绘制字符串
 g.drawString(number, 5, 25);
 //6.绘制8条干扰线
 for(int i=0;i<8;i++){
 g.setColor(new Color(r.nextInt(255),r.nextInt(255),r.nextInt(255),r.nextInt(255)));
 g.drawLine(r.nextInt(100), r.nextInt(30), r.nextInt(100), r.nextInt(30));
 }
 response.setContentType("img/jpeg");
 OutputStream ops = response.getOutputStream();
 ImageIO.write(image,"jpeg",ops);
 ops.close();

 }
 private String getNumber(int size) {
 String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
 String number = "";
 Random r = new Random();
 for(int i=0;i<size;i++){
 number+=str.charAt(r.nextInt(str.length()));
 }
 return number;
 }
}

(2)登录页面login.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!-- 登录显示的页面 -->
<%
 Object msg = request.getAttribute("msg");
 if(msg!=null){
 %>
 <%=msg.toString() %>
 <%} %>
<html>
 <head>

 </head>

 <body>
 <form action="login.do" method="post">
  用户名:<input name="uname"/></br>
  密码:<input name = "pwd" type="password"/> </br>
  验证码:<input name="vcode"/>
  <img src="code" onclick="this.src='code?'+Math.random();"
  class="s1" title="点击更换"/><br/>
  <input type="submit" value="登录"/>
 </form>
 </body>
</html>

(3)展示验证码的页面validateCode.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!-- 展示验证码的页面 -->
<html>
 <head>
 <title>验证码</title>
 <!-- 鼠标移入图片,变成手状 -->
 <style type="text/css">
 .s1{
  cursor:pointer;
 }
 </style>
 </head>
 <body>
 <!-- 单击时,重新向code发送请求,并添加随机数,欺骗浏览器为不同的地址 -->
 <img src="code" onclick="this.src='code?'+Math.random();"
 class="s1" title="点击更换"/>
 </body>
</html>

(5)index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!-- 登录成功后的页面 -->
<%
 //小脚本:session验证
 Object uname = session.getAttribute("uname");
 if(uname == null){
 //重定向到login.jsp
 response.sendRedirect("login.jsp");
 return;
 }
 %>
<html>
 <head>
 </head>
 <body>
 <h1>欢迎登录:<%=uname.toString() %></h1>
 <a href="logout.do" rel="external nofollow" >退出</a>
 </body>
</html>

总结

以上所述是小编给大家介绍的Java Web实现登录页面验证码验证功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

(0)

相关推荐

  • Java Web开发之图形验证码的生成与使用方法

    本文实例讲述了Java Web开发之图形验证码的生成与使用方法.分享给大家供大家参考.具体如下: 图形验证码的主要目的是为了增强的安全性,增加用户通过遍历所有可能性来破解密码的难度. 图形验证码的使用包括如下3部分: ① 图形验证码的生成: ② 在页面中的使用: ③ 验证: 1.图形验证码的生成 假设在Servlet生成图形验证码,在JavaBean或者JSP中生成的基本过程是相同的.设计如下过程: ① 设置响应的文档类型: ② 生成随机码: ③ 把随机码保存到session中: ④ 生成图片:

  • Java Web项目中验证码功能的制作攻略

    一.前言 在表单页面中使用验证码的好处在于有效防止用户恶意提交表单,或者使用外挂非法攻击系统. 二.准备条件 1.一个普通的web项目 webProject: 2.一个web服务器 Tomcat. 三.实现思路: 1.自定义一个servlet  VerifyCodeServlet 画一个包含验证字符的验证码图片,这里的图片需要使用Graphics2D手动去画: 2.在具体页面使用img标签的src引用这个servlet即可显示servlet: 3.因为画图的时候把验证码信息放入了session,

  • Javaweb开发中通过Servlet生成验证码图片

    一.BufferedImage类介绍 生成验证码图片主要用到了一个BufferedImage类,如下: 创建一个DrawImage Servlet,用来生成验证码图片 package gacl.response.study; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.image.BufferedImage; i

  • Java Web开发过程中登陆模块的验证码的实现方式总结

    验证码及它的作用 验证码为全自动区分计算机和人类的图灵测试的缩写,是一种区分用户是计算机的公共全自动程序,这个问题可以由计算机生成并评判,但是必须只有人类才能解答.可以防止恶意破解密码.刷票.论坛灌水.有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登录. 图文验证码的原理 在servlet中随机生成一个指定位置的验证码,一般为四位,然后把该验证码保存到session中.在通过Java的绘图类以图片的形式输出该验证码.为了增加验证码的安全级别,可以输出图片的同时输出干扰线,最

  • java web中图片验证码功能的简单实现方法

    用户在注册网站信息的时候基本上都要数据验证码验证.那么图片验证码功能该如何实现呢? 大概步骤是: 1.在内存中创建缓存图片 2.设置背景色 3.画边框 4.写字母 5.绘制干扰信息 6.图片输出 废话不多说,直接上代码 package com.lsgjzhuwei.servlet.response; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.Buffer

  • Java Web实现登录页面验证码验证功能

    一.验证码 验证码本质上是一张图片,图片内容会随着程序的运行而随机生成 验证码的作用:防止应用恶意发送数据,一定程度上避免了恶意程序对网站的攻击. 验证码本质上是一张图片,图片内容的准确解析不容易用程序来实现. 验证码的绘制:绘制验证码图片不仅仅需要随机生成要绘制的内容,同时要配合Java中与绘图有关的一套API来完成. 二.效果演示 验证码Demo 三.给出完整代码 (1)服务器端代码ActionServlet.java package session; import java.io.IOEx

  • antd Vue实现Login登录页面布局案例详解 附带验证码验证功能

    效果 Login页面 <!-- * @Author: Jackie * @Date: 2022-05-07 14:34:06 * @LastEditTime: 2022-05-09 15:57:44 * @LastEditors: Jackie * @Description: 登录页 用户名-密码-验证码登录方式 * @FilePath: /vue-admin-template/src/views/Login.vue * @version: --> <template> <d

  • Java如何实现验证码验证功能

    Java如何实现验证码验证功能呢?日常生活中,验证码随处可见,他可以在一定程度上保护账号安全,那么他是怎么实现的呢? Java实现验证码验证功能其实非常简单:用到了一个Graphics类在画板上绘制字母,随机选取一定数量的字母随机生成,然后在画板上随机生成几条干扰线. 首先,写一个验证码生成帮助类,用来绘制随机字母: import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.ima

  • Java实现验证码验证功能

    Java如何实现验证码验证功能呢?日常生活中,验证码随处可见,他可以在一定程度上保护账号安全,那么他是怎么实现的呢? Java实现验证码验证功能其实非常简单:用到了一个Graphics类在画板上绘制字母,随机选取一定数量的字母随机生成,然后在画板上随机生成几条干扰线. 首先,写一个验证码生成帮助类,用来绘制随机字母: <span style="font-size:14px;">import java.awt.Color; import java.awt.Font; impo

  • Java使用正则表达式对注册页面进行验证功能实现

    本文给大家介绍java使用正则表达式对注册页面进行验证的代码,代码如下所示: package regex; import java.util.Scanner; import java.util.regex.Matcher; import java.util.regex.Pattern; public class registered { public static void main(String[] args) { //注册用户 Scanner sc=new Scanner(System.in

  • Ajax+Struts2实现验证码验证功能实例代码

    众所周知,验证码在我们的生活中都是非常常见的,很多公司都在各种折腾各种各样的验证码,这里简要的用一个小案例来实现验证码的功能(ps:其实我挺讨厌验证码这个东西的). 今天分享的是通过ajax来动态的验证验证码输入是否正确.我们这里采用的是ajax+struts2来做的这个验证. 我们新建一个web工程.然后需要导入struts的相应包.之后我们需要写一个类来生成验证码. 这里命名为01_image.jsp,这类的主要功能就是生成验证码,里面是各种画线条,随机数字等,我这里设置的是5个数字的验证,

  • Java Web用户登录实例代码

    实现功能: 1.用户登陆.注销 2.利用session记录用户登陆信息 3.在JSP中展示已登陆用户信息 实现原理: 登陆后通过判断用户名和密码是否和存储的一致,如果一致,就把用户信息放到session中储存:如果不一致就提示信息,并且返回登陆页面. 显示信息页面上固定从session中找用户登陆信息,找到就显示用户信息,没找到就显示登陆框. 注销很简单,就是清空session信息. 主要文件: 1.LoginAction:struts2的Action类,用于处理JAVA端的主要登陆和登出逻辑.

  • Zend Framework生成验证码并实现验证码验证功能(附demo源码下载)

    本文实例讲述了Zend Framework生成验证码并实现验证码验证功能的方法.分享给大家供大家参考,具体如下: 今天讲述如何在留言本中实现验证码的功能..这样有利于我们网站减少一些垃圾留言或是广告留言..在这是我没有运用Zend Framework自带的Zend_Captcha组件..我只是找到ThinkPHP这个框架里的验证码类..就把它运用到了..我们留言本验证码的实现上...我在这里..是把它写成一个插件的形式...当然Zend Framework有很多方式运用其它代码..我现在只会运用

  • Vue前端登录token信息验证功能实现

    用户在首次访问网站时,应在登录页面填写账号密码,前端携带用户信息向服务器请求. 1.服务器验证用户信息 验证失败:给前端响应数据 验证通过:对该用户创建token,并以响应数据返回给前端 2.前端接受后端响应的数据 错误信息:提示错误消息 正确信息:页面进行跳转至首页,同时保存token(可以保存在cookie或localstorage) 3.用户点击某功能模块的触发请求(比如某功能有权限设置或是是否需要token) 利用路由守卫beforeEach() 将保存的token添加至请求拦截器的请求

随机推荐