用Servlet完成一个验证码的用户登陆界面

最新推荐文章于 2023-04-21 12:51:14 发布
最新推荐文章于 2023-04-21 12:51:14 发布
阅读量2.3k 收藏 16
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/of_mine/article/details/81255160
版权

servlet编写验证码程序：

package org.zhou.webhw2;

import org.apache.commons.lang3.RandomUtils;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
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;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;


public class yanzhengmaServlet extends HttpServlet {
    private static final int WIDTH=100;
    private static final int HEIGHT=40;
    public static String ma;

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

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
          //获取session
        HttpSession session =request.getSession();
        System.out.println(session.getId());
        //产生一张图片
        BufferedImage image=new BufferedImage(WIDTH,HEIGHT,BufferedImage.TYPE_INT_RGB);

        Graphics g=image.getGraphics();//制图类
        //设置背景色
        g.setColor(Color.WHITE);
        //设置背景填充色
        g.fillRect(0,0,WIDTH,HEIGHT);
        //设置前景色(验证码颜色)
        g.setColor(Color.black);
        //获取一个字体类对象
        Font font=new Font("黑体",Font.BOLD,30);
        //设置图字体
        g.setFont(font);
        //调用随机获取字母的方法
        ma=genRandomString(4,g);

        session.setAttribute("str",ma);

        //画线
        for(int i=0;i<20;i++){
            //随机获取线条坐标值
            int x1=RandomUtils.nextInt(0,WIDTH);
            int x2=RandomUtils.nextInt(0,WIDTH);
            int y1=RandomUtils.nextInt(0,HEIGHT);
            int y2=RandomUtils.nextInt(0,HEIGHT);
            //随机获取线条颜色
            Color color=new Color(RandomUtils.nextInt(0,255),RandomUtils.nextInt(0,255),RandomUtils.nextInt(0,255));
            //设置图中线条颜色
            g.setColor(color);
            //画线
            g.drawLine(x1,x2,y1,y2);



        }
        //输出图片
        ImageIO.write(image,"jpg",response.getOutputStream());

    }

    private String genRandomString(int i,Graphics g) {
        String suiji="";

        int k=20;
        int l=0;
        for(int j=0;j<i;j++){
            char c1=(char) RandomUtils.nextInt(48,58);
            char c2=(char) RandomUtils.nextInt(65,91);
            char c3=(char) RandomUtils.nextInt(97,123);
            char ccc[]={c1,c2,c3};
            char cc=ccc[RandomUtils.nextInt(0,3)];
            String str=String.valueOf(cc);
            int x=RandomUtils.nextInt(l,l+k);
             int y=RandomUtils.nextInt(20,40);
            g.drawString(str,x,y);
            l=l+k+2;

            suiji+=cc;
        }
        return suiji;

    }
}

servlet编写服务器反馈界面：

package org.zhou.webhw2;

import javax.servlet.ServletException;
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;
import java.io.IOException;

@WebServlet(name = "UserServlet")
public class UserServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
      doGet(request,response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        response.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");
//        response.getWriter().print("<!DOCTYPE html> <html lang=\"zh-CN\"> <head> <meta charset=\"utf-8\"> <meta http-equiv=\"X-UA-Compatible\" content=\"IE-edge\"> <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"> <title>vue01</title>  </head> <body>");
//        response.getWriter().print("<form name='form1' action='' method='post'>");
//        response.getWriter().print("<p><b>注册:</p>");
//        response.getWriter().print("<p>请输入用户名：<input type='text' name='usename'/></p>");
//        response.getWriter().print("<p>请输入密码：<input type='password' name='password'/></p>");
//        response.getWriter().print("<p>请输入验证码：<input type='text' name='yanzheng'/><img src='./web1'></p>");
//        response.getWriter().print("<button type='submit'>提交</button>");
//        response.getWriter().print("</form>");
        //获取用户输入的验证码值
        String str=request.getParameter("yanzheng");
//        String str2=yanzhengmaServlet.ma;
        HttpSession session2 =request.getSession();
        String str2=String.valueOf(session2.getAttribute("str"));
        if(request.getParameter("r1")!=null){
            if(equals2(str,str2)){
                response.getWriter().print("<p>登录成功！</p>");
                response.getWriter().print(request.getParameter("usename"));
                response.getWriter().print("密码是："+request.getParameter("password"));
            }else{
                response.getWriter().print("<script>alert('验证码错误1')</script>");
            }
        }else{
            if(str.equals(str2)){
                response.getWriter().print("<p>登录成功！</p>");
                response.getWriter().print(request.getParameter("usename"));
                response.getWriter().print("密码是："+request.getParameter("password"));
            }else{
                response.getWriter().print("<script>alert('验证码错误2')</script>");
            }



        }








//        response.getWriter().print("</body></html>");
    }


    public boolean equals2(String str1,String str2) {
        String s1=str1.toUpperCase();
        String s2=str2.toUpperCase();
       if(s1.equals(s2)){
           return true;
       }else {
           return false;
       }
    }
}

网页代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form name='form1' action='./web2' method='post'>
    <p><b>注册:</p>
    <p>请输入用户名：<input type='text' name='usename'/></p>
    <p>请输入密码：<input type='password' name='password'/></p>
    <p>请输入验证码：<input  type='text' name='yanzheng'/>
        <input type='checkbox' name="r1"/>不区分大小写



        <img src="./web1"></p>
    <button type='submit'>提交</button>
</form>
</body>
</html>

web.xml文件的配置：

<?xml version='1.0' encoding='UTF-8'?>

<web-app xmlns="http://java.sun.com/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
                      http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
         version="3.0"
         metadata-complete="true">

<display-name>java web01</display-name>
<description>
    java web01
</description>
<servlet>
    <servlet-name>Servletid</servlet-name>
    <servlet-class>org.zhou.webhw2.yanzhengmaServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>Servletid</servlet-name>
    <url-pattern>/web1</url-pattern>
</servlet-mapping>
    <servlet>
        <servlet-name>Servletid2</servlet-name>
        <servlet-class>org.zhou.webhw2.UserServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>Servletid2</servlet-name>
        <url-pattern>/web2</url-pattern>
    </servlet-mapping>

</web-app>

 运行程序需要的包：

效果图：

 

 

Of_Mine
关注
  • 1
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
javaweb 登陆界面 servlet+sql
05-04
javaweb 结合了servlet mysql Java Web，是用Java技术来解决相关web互联网领域的技术总和。web包括：web服务器和web客户端两部分。Java在客户端的应用有java applet，不过使用得很少，Java在服务器端的应用非常的丰富，比如Servlet，JSP和第三方框架等等。Java技术对Web领域的发展注入了强大的动力。
servlet登录失败后返回登录界面并弹出警告框
热门推荐
akiyame的专栏
12-13 2万+
原文：http://blog.sina.com.cn/s/blog_6b3f93bd0100w0hm.html 在LoginServlet中这样写：  public void doGet(HttpServletRequest request, HttpServletResponse response)    throws ServletException, IOExcep
Servlet登录返回登录前的页面
LaoYe的博客
09-21 3457
       Servlet要实现跳转到登陆前的页面会经过如述过程：访问页面跳转到登陆页面，登陆页面将数据提交到Servlet，Servlet判定之后重定向或者跳转到访问页面。        在查阅了一些资料之后，我的思路如述：访问页面跳转到登陆页面时，存储上一个页面的URL路径，并放在Session中。用户填写完数据之后将数据提交到Servlet，Servlet处理之后通过Session获取到...
servlet过滤器验证用户登录
03-13
用过滤器来验证用户是否登录
JavaWeb之Servlet——用户登录验证
java面试笔试
09-30 2671
咱们 JavaSE 说完了数据库也说的差不多了那么今天我们来聊聊Servlet 吧~只是说知识点的话~相信小伙伴们是看不下去的~咱们直接上案例吧~来一个从前端获取用户信息...
【Javaweb】【Servlet】简单验证用户的登陆
萌狼蓝天の技术栈
12-30 1035
点击查看代码 | jsp <%-- Created by IntelliJ IDEA. User: xrilang Date: 30/12/2021 Time: 17:31 --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> &lt...
使用Servlet验证用户是否登录
m0_71001684的博客
04-21 479
验证用户是否登录要用到session。这样即可验证用户是否登录。
JavaWeb 实验 Servlet用户登录验证
GAVT的博客
11-13 3488
实验2.2 Servlet用户登录验证 实验内容： 编写JSP程序,实现用户提交登录表单给Servlet,由Servlet 查询数据库（模拟查询，不用真的连接数据库查询）,对用户是否存在进行验证。 实验步骤： （1）编写一个验证用户的Servlet(LoginServlet. java),再编写登录页面程序login.html、登录成功页面welcome.jsp和登录失败页面loginfail.jsp。 （2）运行程序查看效果。 代码结构： 登陆页面参考实验1 chec...
java用户登录验证码 filter过滤
08-08
login登录界面，出现验证码，验证码是servlet后台生成的， 有一个验证码生成bean供大家使用。 filter过滤验证验证码是否正确
实现验证码功能的登陆界面.rar
04-02
实现验证码功能的简简单单的登陆界面，通过使用servlet实现验证码的功能，此小作品仅作为个人学习以及掌握一小点知识的作用而存在。
Servlet登录验证
01-16
此资源实现登录，然后通过servlet验证。登录成功则进行跳转。
登录注册找回密码以及验证（jsp+servlet+mysql+mvc）
08-08
一款完整的前台登录（验证）、注册（验证）、通过密保找回密码（验证）系统，还有头像，验证码，密码采用MD5加密模式保存，完全采用mvc模式，数据库就一个表，自己通过实体类创建（很简单），加载服务器后直接运行...
webshop:javaWeb实现一个购物商城
05-11
参考JavaWeb项目实战实现的一个51购物商城。 web服务器：Tomcat 数据库:sql server 前端：jsp 总体结构 src文件 model：定义的是商品类Goodselement和用户类Member tools：定义CheckCode验证码处理的servlet，Chstr...
java验证码
07-18
servlet编写的验证码，界面有点丑陋，但是功能基本实现。运用了jquery实现异步，
基于matlab实现实现了基于项目的协同过滤代码，MATLAB实现.rar
05-04
基于matlab实现实现了基于项目的协同过滤代码，MATLAB实现.rar
各地区年末城镇登记失业人员及失业率.xls
最新发布
05-05
数据来源：中国劳动统计NJ-2023版
企业固定资产信息管理系统设计与实现.doc
05-04
企业固定资产信息管理系统设计与实现.doc
node-v11.14.0-darwin-x64.tar.xz
05-04
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v8.9.1-sunos-x64.tar.xz
05-04
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
编写用户登陆界面index.jsp使用javabean访问boks数据库实现用户登陆，利用servlet实现验证码功能
06-10
首先，我们需要创建一个用于访问数据库的 JavaBean，假设我们叫它 UserBean。UserBean 需要有以下方法： 1. 用于验证用户登录信息的方法：boolean validate(String username, String password)，返回一个 boolean 值表示验证结果是否成功。 2. 用于获取用户信息的方法：User getUser(String username)，返回一个 User 对象表示该用户的信息。 其中，User 是一个 JavaBean，存储用户的信息，比如用户名、密码、性别等。 接下来，我们可以编写一个 index.jsp 页面，包含一个表单，用于用户输入用户名、密码和验证码： ```html <html> <head> <title>用户登录</title> </head> <body> <h1>用户登录</h1> <form action="login" method="post"> 用户名：<input type="text" name="username"/><br/><br/> 密码：<input type="password" name="password"/><br/><br/> 验证码：<input type="text" name="verify"/><img src="verifyCode"/><br/><br/> <input type="submit" value="登录"/> </form> </body> </html> ``` 其中，验证码的图片是通过一个 servlet 生成的，我们需要在 web.xml 中配置该 servlet： ```xml <servlet> <servlet-name>VerifyCodeServlet</servlet-name> <servlet-class>com.example.VerifyCodeServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>VerifyCodeServlet</servlet-name> <url-pattern>/verifyCode</url-pattern> </servlet-mapping> ``` 接下来，我们编写一个 LoginServlet 来处理用户登录请求。该 Servlet 首先验证验证码是否正确，然后调用 UserBean 的 validate 方法来验证用户名和密码是否正确，最后根据验证结果进行相应的处理。 ```java @WebServlet("/login") public class LoginServlet extends HttpServlet { private static final long serialVersionUID = 1L; protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String username = request.getParameter("username"); String password = request.getParameter("password"); String verifyCode = request.getParameter("verify"); String sessionVerifyCode = (String) request.getSession().getAttribute("verifyCode"); if (!verifyCode.equalsIgnoreCase(sessionVerifyCode)) { request.setAttribute("error", "验证码错误"); request.getRequestDispatcher("/index.jsp").forward(request, response); return; } UserBean userBean = new UserBean(); if (userBean.validate(username, password)) { User user = userBean.getUser(username); request.getSession().setAttribute("user", user); response.sendRedirect("welcome.jsp"); } else { request.setAttribute("error", "用户名或密码错误"); request.getRequestDispatcher("/index.jsp").forward(request, response); } } } ``` 在 LoginServlet 中，我们使用了 request.getSession() 方法来获取 HttpSession 对象，用于保存用户信息。当用户信息验证通过后，我们将用户信息保存在 session 中，并重定向到 welcome.jsp 页面。如果验证失败，则将错误信息保存在 request 中，并转发回 index.jsp 页面。 最后，我们还需要编写一个 VerifyCodeServlet 来生成验证码图片。这里我们使用了第三方库 Kaptcha 来生成验证码图片。在 doGet 方法中，我们将生成的验证码字符串保存在 HttpSession 中，以便后续验证时使用。 ```java public class VerifyCodeServlet extends HttpServlet { private static final long serialVersionUID = 1L; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session = request.getSession(); // 创建验证码图片 Producer producer = new DefaultKaptcha(); String text = producer.createText(); BufferedImage image = producer.createImage(text); // 保存验证码字符串到 session 中 session.setAttribute("verifyCode", text); // 输出验证码图片 response.setContentType("image/png"); ServletOutputStream outputStream = response.getOutputStream(); ImageIO.write(image, "png", outputStream); outputStream.flush(); outputStream.close(); } } ``` 最后，我们需要在 web.xml 中配置 Kaptcha 的 servlet 和 filter： ```xml <servlet> <servlet-name>KaptchaServlet</servlet-name> <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>KaptchaServlet</servlet-name> <url-pattern>/kaptcha.jpg</url-pattern> </servlet-mapping> <filter> <filter-name>KaptchaFilter</filter-name> <filter-class>com.google.code.kaptcha.servlet.KaptchaFilter</filter-class> <init-param> <param-name>kaptcha.border</param-name> <param-value>no</param-value> </init-param> <init-param> <param-name>kaptcha.textproducer.char.length</param-name> <param-value>4</param-value> </init-param> <init-param> <param-name>kaptcha.textproducer.font.size</param-name> <param-value>30</param-value> </init-param> <init-param> <param-name>kaptcha.image.width</param-name> <param-value>120</param-value> </init-param> <init-param> <param-name>kaptcha.image.height</param-name> <param-value>45</param-value> </init-param> </filter> <filter-mapping> <filter-name>KaptchaFilter</filter-name> <url-pattern>/login</url-pattern> </filter-mapping> ``` 这样，我们就完成了一个简单的用户登录界面，并且实现了验证码功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值