前端界面实现（由于验证码是动态获取所以用jsp格式）

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<base href="/Mvcpro/"/>

<meta charset="UTF-8">

<title>Insert title here</title>

<script type="text/javascript" src="js/jquery.min.js"></script>

</head>

    <body>

     <span>${msg}</span>

       <form action="emp/login" method="POST">

       <fieldset>

       <legend>请登录！</legend>

                   用户名：<input type="text" name="username" placehodler="输入用户名"><br><br>

                   密&nbsp;&nbsp;&nbsp;码: <input type="password" name="pwd" placehodler="输入密码"><br><br>

       <img alt="图片不存在" src="imgCode" height="40px"><a href="javascript:void">&nbsp;&nbsp;&nbsp;看不清，换一张！</a><br><br>

       验证码：<input type="text" name="code">

       <br><br>

       <input type="submit" value="提交">

       <input type="reset" value="重置">

        </fieldset>

       </form>

       <script type="text/javascript">

       $(function(){

       $("form a").click(function(){//为a标签绑定了一个单机事件

           $("form img").attr("src","imgCode?ran="+new Date().getTime());

       })

       })

       </script>

    </body>

</html>

用于验证码图片所编写的工具类

package com.sxt.mvcpro.util;

import java.awt.Color;

import java.awt.Font;

import java.awt.Graphics;

import java.awt.image.BufferedImage;

import java.io.ByteArrayOutputStream;

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("/imgCode")

public class RandomCode extends HttpServlet {

    private static final long serialVersionUID = 1L;

    private static int WIDTH = 102;//定义验证图片的宽度

    private static int HEIGHT = 50;//定义验证图片的高度

    public void doGet(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        HttpSession session = request.getSession();

        response.setContentType("image/jpeg");

        ServletOutputStream sos = response.getOutputStream();

        response.setHeader("Pragma", "No-cache");

        response.setHeader("Cache-Control", "no-cache");

        response.setDateHeader("Expires", 0);

        BufferedImage image = new BufferedImage(WIDTH, HEIGHT,

                BufferedImage.TYPE_INT_RGB);

        Graphics g = image.getGraphics();

        char[] rands = generateCheckCode();

        drawBackground(g);

        drawRands(g, rands);

        g.dispose();

        ByteArrayOutputStream bos = new ByteArrayOutputStream();

        ImageIO.write(image, "JPEG", bos);

        byte[] buf = bos.toByteArray();

        response.setContentLength(buf.length);

        sos.write(buf);  //锟斤拷锟斤拷锟缴碉拷锟斤拷证锟斤拷图片写锟斤拷页锟斤拷

        bos.close();

        sos.close();

        //锟斤拷锟斤拷锟缴碉拷锟斤拷证锟诫保锟芥到session

        session.setAttribute("rand", new String(rands));

    }

    private void drawBackground(Graphics g) {

        g.setColor(new Color(0xDCDCDC));

        g.fillRect(0, 0, WIDTH, HEIGHT);

        for (int i = 0; i < 120; i++) {

            int x = (int) (Math.random() * WIDTH);

            int y = (int) (Math.random() * HEIGHT);

            int red = (int) (Math.random() * 255);

            int green = (int) (Math.random() * 255);

            int blue = (int) (Math.random() * 255);

            g.setColor(new Color(red, green, blue));

            g.drawOval(x, y, 1, 0);

        }

    }

    private void drawRands(Graphics g, char[] rands) {

        // g.setColor(Color.BLUE);

        Random random = new Random();

        int red = random.nextInt(110);

        int green = random.nextInt(50);

        int blue = random.nextInt(50);

        g.setColor(new Color(red, green, blue));

        g.setFont(new Font(null, Font.ITALIC | Font.BOLD, 30));

        g.drawString("" + rands[0], 5, 35);

        g.drawString("" + rands[1], 25, 34);

        g.drawString("" + rands[2], 45, 36);

        g.drawString("" + rands[3], 65, 33);

    }

    private char[] generateCheckCode() {

        String chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";

        char[] rands = new char[4];

        for (int i = 0; i < 4; i++) {

            int rand = (int) (Math.random() * 36);

            rands[i] = chars.charAt(rand);

        }

        return rands;

    }

    public void doPost(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        this.doGet(request, response);

    }

}

servlet层代码编写

@Override

    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

    String username=req.getParameter("username");

    String pwd=req.getParameter("pwd");

    String ranCode=req.getParameter("code");

    //先判断验证码是否正确

    if (ranCode.equalsIgnoreCase((String)req.getSession().getAttribute("rand"))) {

        if ("smith".equals(username)&&"1234".equals(pwd)) {

            req.getSession().setAttribute("name", username);

            //跳转到首页

            resp.sendRedirect("/Mvcpro/pages/welcome.jsp");

        }else {

            req.setAttribute("msg", "用户名密码不正确！");

            req.getRequestDispatcher("/pages/login.jsp").forward(req, resp);

        }

    }

}

@Override

    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        this.doGet(req, resp);

    }

总的来说借助所编写的工具类控制层的代码相对变得比较简洁，可塑性强，在工具类花的时间会较多，可以直接调用，后期与其他页面相结合也较为方便。

网页登入验证码的实现（java&html）的更多相关文章

  1. javaweb 基于java Servlet登入 简单入门案例

    项目流程 第一步:创建一个java webproject第二步:创建三个界面,1,login.jsp 2 success.jsp 3 fail.jsp第三步:更改新建界面编码格式,utf-8 默然编码 ...

  2. Python爬虫-尝试使用人工和OCR处理验证码模拟登入

    刚开始在网上看别人一直在说知乎登入首页有有倒立的汉字验证码,我打开自己的知乎登入页面,发现只有账号和密码,他们说的倒立的验证码去哪了,后面仔细一想我之前登入过知乎,应该在本地存在cookies,然后我 ...

  3. java web实现在cookie中保存用户名和密码，用户自动登入

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  4. hibernate连接oracle12c数据库报：java.sql.SQLException: ORA-01017: 用户名/口令无效; 登录被拒绝。（用户名/口令在oracle客户端以及cmd命令都能登入）

    报错信息: 2017-09-22 15:40:07,354 WARN [org.hibernate.cfg.SettingsFactory] - Could not obtain connection ...

  5. Node.js+Express+MongoDB数据库实现网页注册登入功能

    通过 Node.js + Express + MongoDB 实现网页注册账号 和 登入账号的功能 项目准备: 1: 事先准备好项目的页面 (首页页面 index.html)(登入页面 login.h ...

  6. 在java web工程中实现登入和安全验证

    登入页面的话我们之前做过直接可以拿来用翻一翻之前的博客就可以找到 在这个基础上添加验证功能 代码如下: 1 package security; 2 /** 3 * @author 鐜嬭儨鍗? 4 */ ...

  7. 8-python模拟登入（无验证码）

    方式: 1.手动登入,获取cookie 2.使用cookielib库 和 HTTPCookieProcessor处理器 #_*_ coding: utf-8 _*_ ''' Created on 20 ...

  8. django搭建BBS-登入&验证码的生成

    django搭建BBS-登入&验证码的生成 基于注册完成后 文件结构 app 接口 migrations __inint__.py admin.py 管理员页面注册表单用 apps.py bb ...

  9. Python爬虫笔记【一】模拟用户访问之提交表单登入—第二次（7）

    在第一次登入时遇到这个问题,页面验证码与下载下来需要识别的验证码不同的问题,从网上查寻说是叫验证码同步问题.发现是用cookie解决的,那次cookie介绍到通过cookie就可以实现时间戳同步问题, ...

随机推荐

  1. How to Create Triggers in MySQL

    https://www.sitepoint.com/how-to-create-mysql-triggers/ I created two tables: CREATE TABLE `sw_user` ...

  2. New users can not log on Win8

    方案: http://www.eightforums.com/tutorials/38838-user-profile-service-failed-sign-fix-windows-8-a.html ...

  3. MySQL数据库innodb_rollback_on_timeout默认值的危害？

    http://www.ywnds.com/?p=9560 一.innodb_rollback_on_timeout变量 有时侯会发生事务超时的情况,MySQL会返回类似这样的错误:   1 ERROR ...

  4. Find the location of libmysqlclient.so.X file in Linux environments

    I'm putting together a script that has a requirement of knowing libmysqlclient.so.[15|16|18] .so fil ...

  5. 异常处理（异常解析器） 和 对于Properties类型的属性的配置

    在程序运行中,有可能因为用户的不当操作,发生异常.. 在springmvc中可以根据不同的异常配置不同的处理方式 1.例如出现 这个类型异常 org.springframework.web.multi ...

  6. (7)Why 30 is not the new 20

    https://www.ted.com/talks/meg_jay_why_30_is_not_the_new_20/transcript 00:12When I was in my 20s, I s ...

  7. Codeforces Round #519 by Botan Investments F. Make It One

    https://codeforces.com/contest/1043/problem/F 题意 给你n个数,求一个最小集合,这个集合里面数的最大公因数等于1 1<=n<=3e5 1< ...

  8. 第四章,java面向对象特性

    4.1 特性 封装,继承, 多态(编译时:方法的重载,同一个类里面不同方法可以用同一个方法名只是传入参数不同, 运行时多态:基础类提供一个接口,在编译时只调用基础类的接口,在运行时才确定到底是哪一个子 ...

  9. Silverlight 预定义颜色速查表

    预定义颜色      可以使用 SolidColorBrush 绘制,它使用预定义纯色.这可以是 Colors 的静态属性 (Property) 名称,也可以是指定为 XAML 属性 (Attribu ...

  10. C#重点内容之：事件（Event）

    一.事件的五个组成部分 事件的五个部分: 事件拥有者(对象) 事件成员(Event ,成员) 事件的响应者(对象) 事件处理器(成员,本质是一个回调方法) 事件订阅——把事件处理器与事件关联在一起 二 ...