网页登入验证码的实现（java&html）

前端界面实现（由于验证码是动态获取所以用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）的更多相关文章

javaweb 基于java Servlet登入简单入门案例
项目流程第一步:创建一个java webproject第二步:创建三个界面,1,login.jsp 2 success.jsp 3 fail.jsp第三步:更改新建界面编码格式,utf-8 默然编码 ...
Python爬虫-尝试使用人工和OCR处理验证码模拟登入
刚开始在网上看别人一直在说知乎登入首页有有倒立的汉字验证码,我打开自己的知乎登入页面,发现只有账号和密码,他们说的倒立的验证码去哪了,后面仔细一想我之前登入过知乎,应该在本地存在cookies,然后我 ...
java web实现在cookie中保存用户名和密码，用户自动登入
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
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 ...
Node.js+Express+MongoDB数据库实现网页注册登入功能
通过 Node.js + Express + MongoDB 实现网页注册账号和登入账号的功能项目准备: 1: 事先准备好项目的页面 (首页页面 index.html)(登入页面 login.h ...
在java web工程中实现登入和安全验证
登入页面的话我们之前做过直接可以拿来用翻一翻之前的博客就可以找到在这个基础上添加验证功能代码如下: 1 package security; 2 /** 3 * @author 鐜嬭儨鍗? 4 */ ...
8-python模拟登入（无验证码）
方式: 1.手动登入,获取cookie 2.使用cookielib库和 HTTPCookieProcessor处理器 #_*_ coding: utf-8 _*_ ''' Created on 20 ...
django搭建BBS-登入&验证码的生成
django搭建BBS-登入&验证码的生成基于注册完成后文件结构 app 接口 migrations __inint__.py admin.py 管理员页面注册表单用 apps.py bb ...
Python爬虫笔记【一】模拟用户访问之提交表单登入—第二次（7）
在第一次登入时遇到这个问题,页面验证码与下载下来需要识别的验证码不同的问题,从网上查寻说是叫验证码同步问题.发现是用cookie解决的,那次cookie介绍到通过cookie就可以实现时间戳同步问题, ...

随机推荐

人类及其他物种基因组DNA之问
问题1 : 不同人类个体的基因组长度总长是不是一样,如果不一样,那么人类基因组长度排序和范围区间是如何控制的?最短是多少,最长是多少?如果一样,如何理解基因的插入与缺失,INDEL等现象,如何平衡的呢 ...
oracle的在没有安装服务端连接远处服务端的方法
1.找到oracle的安装目录.如:C:\oracle\product\10.2.0\db_1\network\ADMIN 2.找到tnsnames.ora文件 3. 其中中文部分是需要修改的部分,除 ...
Python开课复习9-28
一.什么是迭代器#迭代器即迭代的工具,那什么是迭代呢?#迭代是一个重复的过程,每次重复即一次迭代,并且每次迭代的结果都是下一次迭代的初始值举例: l=[1,2,3] count=0 while co ...
2018.11.09 bzoj1706: relays 奶牛接力跑（倍增+floyd）
传送门倍增+floyd板子题. 先列出状态fi,j,kf_{i,j,k}fi,j,k表示经过iii条边从jjj到kkk的最短路. 然后发现可以用fi−1,j,kf_{i-1,j,k}fi−1,j, ...
安装配置ftp服务器
1.安装ftp服务检查是否安装vsftpd rpm -qa|grep vsftpd 安装 vsftpd yum -y install vsftpd 2.配置编辑文件 /etc/vsftpd/vs ...
Win7 VS2015及MinGW环境编译FFMPEG-20160326
因为又要弄MinGW了,所以顺便把FFMPEG编译了,文章主要参考这篇,防抽所以复制一遍,顺便加些自己的内容 http://blog.csdn.net/finewind/article/details ...
535 5.7.8 Error: authentication failed: generic failure安装EMOS时SMTP测试报错
按照官方手册安装EMOS时候,进行到SMTP认证测试的时候报如下错: 535 5.7.8 Error: authentication failed: generic failure 原来是因为之前关闭 ...
NodeList类型
NodeList近亲NameNodeMap.HTMLCollection是从整体上透彻理解DOM的关键所在.这三个集合都是'动态的' 换句话说,每当文档结构发生变化时,它们都会更新. 所以它们始终都会 ...
php,合并数组,合并一维数组,合并二维数组,合并多维数组
合并数组例子1: <?php $msg = [ "code" => "0", "msg" => "" ...
DDR中常用概念
一.DDR中的基本术语 (2)逻辑Bank SDRAM的内部是一个存储阵列,类似于一张表格.和表格的检索原理一样,先指定一个行(Row),再指定一个列(Column),就可以准确地找到所需要的单元格, ...

网页登入验证码的实现（java&html）

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

随机推荐

热门专题