java 生成验证码,利用Session进行校验

(会有大量的代码,不便于理解,方便复制,红色为修改部分

1.创建User类,用户存储获取到的用户信息,和错误提示

package servlet;

public class User {
    static String index1="";
    private String user;
    private String password;
    private String email;

    public  static void setIndex(String index){
        index1=index;
    }
    public static String getIndex(){
        return index1;
    }

    public String getUser() {
        return user;
    }

    public void setUser(String user) {
        this.user = user;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }
}

 

 

   2.创建CheckImgServlet

     用于生成验证码图片。(下面直接附代码,这里需要new_words.txt 文件,存放验证码

      java 生成验证码源代码  https://pan.baidu.com/s/1_6BScuGCtcqNFtzhJMNOUw    提取码 :u88l

package servlet;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.BufferedReader;
import java.io.FileReader;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
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;

/**
 * 验证码生成程序
 *
 *
 *
 */
public class CheckImgServlet extends HttpServlet {

    // 集合中保存所有成语
    private List<String> words = new ArrayList<String>();

    @Override
    public void init() throws ServletException {
        // 初始化阶段,读取new_words.txt
        // web工程中读取 文件,必须使用绝对磁盘路径
        String path = getServletContext().getRealPath("/WEB-INF/new_words.txt");
        try {
            BufferedReader reader = new BufferedReader(new FileReader(path));
            String line;
            while ((line = reader.readLine()) != null) {
                words.add(line);
            }
            reader.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        // 禁止缓存
        // response.setHeader("Cache-Control", "no-cache");
        // response.setHeader("Pragma", "no-cache");
        // response.setDateHeader("Expires", -1);

        int width = 120;
        int height = 30;

        // 步骤一 绘制一张内存中图片
        BufferedImage bufferedImage = new BufferedImage(width, height,
                BufferedImage.TYPE_INT_RGB);

        // 步骤二 图片绘制背景颜色 ---通过绘图对象
        Graphics graphics = bufferedImage.getGraphics();// 得到画图对象 --- 画笔
        // 绘制任何图形之前 都必须指定一个颜色
        graphics.setColor(getRandColor(200, 250));
        graphics.fillRect(0, 0, width, height);

        // 步骤三 绘制边框
        graphics.setColor(Color.WHITE);
        graphics.drawRect(0, 0, width - 1, height - 1);

        // 步骤四 四个随机数字
        Graphics2D graphics2d = (Graphics2D) graphics;
        // 设置输出字体
        graphics2d.setFont(new Font("宋体", Font.BOLD, 18));

        Random random = new Random();// 生成随机数
        int index = random.nextInt(words.size());
        String word = words.get(index);// 获得成语

        // 定义x坐标
        int x = 10;
        for (int i = 0; i < word.length(); i++) {
            // 随机颜色
            graphics2d.setColor(new Color(20 + random.nextInt(110), 20 + random
                    .nextInt(110), 20 + random.nextInt(110)));
            // 旋转 -30 --- 30度
            int jiaodu = random.nextInt(60) - 30;
            // 换算弧度
            double theta = jiaodu * Math.PI / 180;

            // 获得字母数字
            char c = word.charAt(i);

            // 将c 输出到图片
            graphics2d.rotate(theta, x, 20);
            graphics2d.drawString(String.valueOf(c), x, 20);
            graphics2d.rotate(-theta, x, 20);
            x += 30;
        }

        // 将验证码内容保存session
        request.getSession().setAttribute("checkcode_session", word);

        // 步骤五 绘制干扰线
        graphics.setColor(getRandColor(160, 200));
        int x1;
        int x2;
        int y1;
        int y2;
        for (int i = 0; i < 30; i++) {
            x1 = random.nextInt(width);
            x2 = random.nextInt(12);
            y1 = random.nextInt(height);
            y2 = random.nextInt(12);
            graphics.drawLine(x1, y1, x1 + x2, x2 + y2);
        }

        // 将上面图片输出到浏览器 ImageIO
        graphics.dispose();// 释放资源

        //将图片写到response.getOutputStream()中
        ImageIO.write(bufferedImage, "jpg", response.getOutputStream());

    }

    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doGet(request, response);
    }

    /**
     * 取其某一范围的color
     *
     * @param fc
     *            int 范围参数1
     * @param bc
     *            int 范围参数2
     * @return Color
     */
    private Color getRandColor(int fc, int bc) {
        // 取其随机颜色
        Random random = new Random();
        if (fc > 255) {
            fc = 255;
        }
        if (bc > 255) {
            bc = 255;
        }
        int r = fc + random.nextInt(bc - fc);
        int g = fc + random.nextInt(bc - fc);
        int b = fc + random.nextInt(bc - fc);
        return new Color(r, g, b);
    }

}
为CheckImgServlet类配置xml

发布项目,打开浏览器访问该类试试看,是否能正常运行并生成.jpg的图片

 

https://blog.youkuaiyun.com/qq_40172993/article/details/88075987(此处有连接数据库的代码)

3.编写log_in_verification类,用于验证登陆密码和校验验证码

package servlet;

import org.apache.commons.dbutils.QueryRunner;
import org.apache.commons.dbutils.handlers.BeanHandler;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;


public class log_in_verification  extends HttpServlet {

    public void doGet(HttpServletRequest req, HttpServletResponse resp){
        this.doPost(req,resp);
    }
    public void doPost(HttpServletRequest req,HttpServletResponse resp){

        //获取用户提交的用户名和密码
        String name=req.getParameter("user");
        String password=req.getParameter("password");
        //从数据库中验证密码是否正确
        QueryRunner runner=new QueryRunner(DataSourceUtils.getDataSource());
        String sql="select * from user where username=? and password=?";
        User user=null;
        try{
            user=runner.query(sql,new BeanHandler<User>(User.class),name,password);
            if(user!=null){
                user.setUser(name);
                resp.getWriter().write("greet"+user.getUser());
                //获取用户提交的验证码
                req.setCharacterEncoding("utf-8");
                String imgsrc=req.getParameter("authcode");
                System.out.println(imgsrc);
                //获取session中的验证码
                HttpSession cuthcode=req.getSession();
                String imgsrc2= (String)cuthcode.getAttribute("checkcode_session");
                System.out.println(imgsrc2);
                //比较两个验证码
                if(imgsrc.equals(imgsrc2))
                    resp.sendRedirect("/demo/welcome.jsp");
                else
                    User.setIndex("请输入正确的验证码!");
                    resp.sendRedirect("/demo/index.jsp");
            }else{
                resp.getWriter().write("login failure");
            }
        }catch (Exception e){
            e.printStackTrace();
        }



    }

}

4.写一个用户登陆注册的页面,这里借用之前模拟登陆的案例,进行修改。

下面也直接附上代码吧

<%@ page import="servlet.User" %><%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/2/27
  Time: 14:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>登陆</title>
    <style type="text/css">
      *{
        padding: 0px;
        margin: 0px;
      }
      .text{
        width: 246px;
        height: 34px;
        border: none;
        margin-top: 5px;
      }
      #box{
        width: 400px;
        height: 285px;
        margin: 0px auto ;
        background-color: aliceblue;
        border: 1px solid #333;
        text-align: center;
        padding-top: 20px;
      }
      .authcode{
        width: 117px;
        height: 34px;
        border: none;
        margin-top: 5px;
      }
    </style>
    //点击图片重新设置img属性src的值,以达到单击验证码实现刷新的效果。
    <script type="text/javascript">
      function way(obj) {
        obj.src="/demo/authcode?time="+new Date().getTime();
      }
    </script>
  </head>
  <body>
        <div id="box">
          <h1>Servlet案例</h1>
          <form action="/demo/untitled/log_in_verification" method="post">
          <input type="text" name="user" class="text"/><br/>
          <input type="text" name="password" class="text"/><br/>
            <input type="text" name="authcode" class="authcode"/>
            <img src="/demo/authcode" onclick="way(this)" /><br/>
            <span style="color: red"><%=User.getIndex()%></span>     
            <input type="submit" value="登陆" class="text"/>
          </form>
        </div>
  </body>
</html>

5.编写welcome.jsp  (省略)

用户登陆成功后掉跳转页面(就四个字)

 

6.演示

http://39.108.158.0:8080/mp4/20190312_193710.mp4

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值