前端界面实现（由于验证码是动态获取所以用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. 复制粘贴容易犯的错误 eclipse

    有时候复制原有的代码到xml文件中,会提示某文件没有找到,一般该文件名字改成别的了,这时候为了解决这问题一般需要对这个文件重命名

  2. [C#.Net]判断文件是否被占用的两种方法

    今天开发产线测试Tool时发现日志文件会几率性的被占用,上网浏览找到最简单的代码(API或者FileStream),在这里抛砖引玉下. 第一种方法:API using System.IO; using ...

  3. spring学习 十八 spring的声明事物

    1.编程式事务: 1.1 由程序员编程事务控制代码.commit与rollback都需要程序员决定在哪里调用,例如jdbc中conn.setAutoCimmit(false),conn.commit( ...

  4. POJ-3252 Avenger

    题意:在区间中,他们化成2进制的数的0的个数大于等于1的数有多少个. 思路:我们需要记录上一次0和1的个数,此外我们还要特别注意一下前导0. 如果前面全是0的时候我们就要注意下一位是不是还是0,如果一 ...

  5. [转]order by 与索引

    ORDER BY 通常会有两种实现方法,一个是利用有序索引自动实现,也就是说利用有序索引的有序性就不再另做排序操作了.另一个是把结果选好之后再排序. 用有序索引这种,当然是最快的,不过有一些限制条件, ...

  6. 01.Java 开发简单的计算器

    难度为一般,适合具有 Java 基础和 Swing 组件编程知识的用户学习一. 实验介绍1.1 实验内容本次实验利用Java开发一个可以进行简单的四则运算的图形化计算器,会使用到 Java Swing ...

  7. jQuery插件开发全解析[转]

    jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法.jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级 ...

  8. springboot同时使用thymeleaf和jsp模板

    语言:javaEE 框架:springboot+thymeleaf.jsp模板引擎 背景:学习springboot过程中想同时使用thymeleaf和jsp访问(官方不建议) 步骤: 1)  在pom ...

  9. hdu-1394（线段树&逆序数的性质和求法）

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1394 题目大意: 给出一个序列,一对逆序数就是满足i<j&&a[i]>a[ ...

  10. 启动tomcat报错Caused by: java.io.FileNotFoundException: class path resource [io/renren/controller/NodeDataController] cannot be opened because it does not exist

    ?? 清理项目,再重启服务就好了.........