JavaWeb简单用户登录注册实例(有验证码)

最新推荐文章于 2024-04-28 21:08:19 发布
最新推荐文章于 2024-04-28 21:08:19 发布
阅读量6k 收藏 87
点赞数 9
分类专栏： 案例
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41902020/article/details/104518533
版权

需求

  1. 编写login登录界面(用户名，密码，验证码，登陆按钮，注册按钮)
  2. 设计关系数据库(编号，用户名，密码)
  3. 编写注册功能，将数据存储在数据库中。（姓名不能重复，设为主键，重复会注册失败）
  4. 编写登录功能 。首先获取验证码，先判断验证码是否正确，不正确则显示验证码错误。验证码正确后再获取用户名和密码，进行数据库的搜索比对，若正确则重定向到成功的界面，并且将用户名显示。

jar包
在这里插入图片描述
技术选型
Servlet + JSP + Mysql + JDBCTemplate + Druid + BeanUtils + Tomcat

效果图

验证码或者用户名和密码错误

在这里插入图片描述在这里插入图片描述

Navicat Premium 显示Mysql内容
在这里插入图片描述
登录成功
在这里插入图片描述

注册功能

在这里插入图片描述
在这里插入图片描述

源码

登录主界面 login.jsp

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

    <script>
    <%-- 增加时间戳来更换验证码图片 --%>
        window.onload=function(){
            document.getElementById("img").onclick=function(){
                this.src = "/daydayup/checkCodeServlet?time" + new Date().getTime();
            }
        }
        
<%-- 用于打开注册的窗口--%>
        function reg() {
            window.open("register.jsp");
        }
    </script>
    <style>
        div{
            color: red;
        }
    </style>
</head>
<body>

<form action="/daydayup/loginServlet" method="post">
    <table>
        <tr>
            <td>用户名</td>
            <td><input type="text" name="username"></td>
        </tr>
        <tr>
            <td>密码</td>
            <td><input type="text" name="password"></td>
        </tr>
        <tr>
            <td>验证码</td>
            <td><input type="text" name="checkcode"></td>
        </tr>
        <tr>
            <td colspan="2"><img id="img" src="/daydayup/checkCodeServlet" alt=""></td>
        </tr>
        <tr>
            <td><input type="submit" value="登录"></td>
            <td><input type="button" value="注册" onclick="reg()" ></td>

        </tr>
    </table>
</form>

<div>${requestScope.login_error}</div>
<div>${requestScope.checkcode_error}</div>
</body>
</html>

注册界面 register.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<form action="/daydayup/registerServlet" method="post">
   <table>
       <tr>
           <td>用户名</td>
           <td><input type="text" name="username"></td>
       </tr>
       <tr>
           <td>密码</td>
           <td><input type="text" name="password"></td>
       </tr>
       <tr>
           <td><input type="submit" value="确定注册"></td>
       </tr>
   </table>
</form>
<div>${requestScope.register_success}</div>
<div>${requestScope.register_error}</div>
</body>
</html>

成功界面 success.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%--    <h1>${requestScope.user},欢迎您</h1>   --%>
    <h1><%=request.getSession().getAttribute("user")%>,欢迎您</h1>
</body>
</html>

先编辑好JDBCUtils工具类

package cn.code.util;

import com.alibaba.druid.pool.DruidDataSourceFactory;

import javax.sql.DataSource;
import java.io.IOException;
import java.io.InputStream;
import java.sql.Connection;
import java.sql.SQLException;
import java.util.Properties;

/**
 * JDBC工具类 使用Durid连接池
 */
public class JDBCUtils {

    private static DataSource ds;

    static{
        try {
            //加载配置文件
            Properties pro = new Properties();
            //使用ClassLoader加载配置文件，获取字节输入流
            InputStream is = JDBCUtils.class.getClassLoader().getResourceAsStream("druid.properties");
            pro.load(is);

            //初始化连接池对象
            ds = DruidDataSourceFactory.createDataSource(pro);
        } catch (Exception e) {
            e.printStackTrace();
        }


    }

    /**
     * 获取连接池对象
     */
    public static DataSource getDataSource(){
        return ds;
    }
    /**
     * 获取连接connection对象
     */
    public static Connection getConnection() throws SQLException {
        return ds.getConnection();
    }
}

创建我们的用户类实体User

package cn.code.domain;

/*
用户的实体类
 */

public class User {
    private int id ;
    private String username;
    private String password;

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

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

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", username='" + username + '\'' +
                ", password='" + password + '\'' +
                '}';
    }
}

编写Dao来操作数据库，里面有login和add两个方法 Userdao

package cn.code.dao;

import cn.code.domain.User;
import cn.code.util.JDBCUtils;
import org.springframework.dao.DataAccessException;
import org.springframework.jdbc.core.BeanPropertyRowMapper;
import org.springframework.jdbc.core.JdbcTemplate;

import java.sql.Connection;
import java.sql.SQLException;
import java.sql.Statement;

/**
 * 操作数据库中User表的类
 */
public class UserDao {

    //声明JDBCTemplate对象，以便方法公用
    private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());

    /**
     * 登录方法
     *
     * @param loginUser 目前只有用户名和密码
     * @return user包含用户全部数据
     */
    public User login(User loginUser) {
        //编写SQL
        String sql = "select * from user where username = ? and password = ?";
        //调用query方法
        try {
            User user = template.queryForObject(sql,
                    new BeanPropertyRowMapper<User>(User.class),
                    loginUser.getUsername(), loginUser.getPassword());
            return user;
        } catch (DataAccessException e) {
            e.printStackTrace();
            return null;
        }
    }

    /**
     * 注册方法
     *
     * @param user 目前只包含用户名和密码
     * @return 是否注册成功
     */
    public boolean add(User user){
        //编写SQL
        String sql = "insert into user (username,password) VALUES('" + user.getUsername() + "','" + user.getPassword() + "')";
        boolean flag = false;
        int num = 0;
        try {
            //创建数据库连接
            Connection conn = JDBCUtils.getConnection();
            Statement state = null;
            flag = false;
            num = 0;

            state = conn.createStatement();
            num = state.executeUpdate(sql);
        } catch (SQLException e) {
            e.printStackTrace();
        }

        if(num >0) flag = true;
        return flag;
    }
}

登录的Servlet

package cn.code.servlet;

import cn.code.dao.UserDao;
import cn.code.domain.User;

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("/loginServlet")
public class LoginServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置字符编码
        request.setCharacterEncoding("utf-8");
        //获取参数
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        String checkcode = request.getParameter("checkcode");
        //获取生成的验证码
        HttpSession session = request.getSession();
        String checkcode_session =(String) session.getAttribute("checkcode_session");
        //防止验证码存储 删除Session中存储的验证码
        session.removeAttribute("checkcode_session");

        //判断验证码是否正确
        if(checkcode_session != null && checkcode_session.equalsIgnoreCase(checkcode)){
            //equalsIgnoreCase忽略大小写的比较
            //验证码正确
            User loginUser = new User();
            loginUser.setUsername(username);
            loginUser.setPassword(password);
            User user = new UserDao().login(loginUser);

            if(user != null){
                //用户名以及密码正确
                //登录成功
                //存储用户信息
                session.setAttribute("user",username); //因为是两次请求，所以用Session
                //重定向到success.jsp
                response.sendRedirect(request.getContextPath()+"/success.jsp");
            }else{
                //用户名及密码错误
                //登录失败
                //存储提示信息到request
                request.setAttribute("login_error","用户名或密码错误");
                //转发到登录页面
                request.getRequestDispatcher("/login.jsp").forward(request,response);
            }
        }else{
            //验证码不正确
            //存储提示信息到request
            request.setAttribute("checkcode_error","验证码错误");
            //转发到登录页面
            request.getRequestDispatcher("/login.jsp").forward(request,response);
        }

    }

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

注册的Servlet

package cn.code.servlet;

import cn.code.dao.UserDao;
import cn.code.domain.User;

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 java.io.IOException;

@WebServlet("/registerServlet")
public class RegisterServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");

        String username = request.getParameter("username");
        String password = request.getParameter("password");

        User registerUser = new User();
        registerUser.setUsername(username);
        registerUser.setPassword(password);
        boolean flag = new UserDao().add(registerUser);
        if(flag) {
            request.setAttribute("register_success","注册成功");
            request.getRequestDispatcher("/register.jsp").forward(request,response);
        }else{
            request.setAttribute("register_error","账号以被注册,注册失败");
            request.getRequestDispatcher("/register.jsp").forward(request,response);
        }

    }

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

在页面中画验证码（可点击更换）Servlet

package cn.code.checkcode;

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 java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

//简易验证码
@WebServlet("/checkCodeServlet")
public class CheckCodeServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        int width = 100;
        int height = 50;
        //创建一对象，在内存中代表图片（验证码图片对象）
        BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_BGR);

        //美化图片
        //填充背景色
        Graphics g = image.getGraphics();//画笔对象
        g.setColor(Color.ORANGE);
        g.fillRect(0,0,width,height);
        //画边框
        g.setColor(Color.BLUE);
        g.drawRect(0,0,width-1,height-1);

        String str = "QWERTYUIOPASDFGHJKLZXCVBNM1234567890zxcvbnmlkjhgfdsaqwertyuiop";

        //生成随机角标
        StringBuilder sb = new StringBuilder();
        Random ran = new Random();
        for (int i = 1; i <= 4; i++) {
            int index = ran.nextInt(str.length());
            //获取字符
            char ch = str.charAt(index);
            sb.append(ch);
            //写验证码
            g.drawString(ch+"",width/5*i,height/2);
        }
        String checkcode_session = sb.toString();
        //将验证码存入session
        request.getSession().setAttribute("checkcode_session",checkcode_session);

        //画干扰线
        g.setColor(Color.RED);
        //随机生成坐标点
        for (int i = 0 ;i<6;i++) {
            int x1 = ran.nextInt(width);
            int x2 = ran.nextInt(width);
            int y1 = ran.nextInt(height);
            int y2 = ran.nextInt(height);
            g.drawLine(x1,y1,x2,y2);
        }
        //将图片输出到页面展示
        ImageIO.write(image, "jpg", response.getOutputStream());
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }
}
lungggg
关注
  • 9
    点赞
  • 踩
  • 87
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
JavaWeb之登录注册(包含验证码)
weixin_74261569的博客
11-02 1753
我是性别出现乱码，输入数据，数据库里显示的不是男或者女，显示？在没有添加过滤器之前，任何人都可以输入网址直接访问你登录之后的页面，所以要加过滤器丢掉假页面的包裹，在没有输入用户名信息之前不允许通过。里面的text写成了test文本，所以就变成了下载，改回来就可以了。将登录补充到控制层 进行验证，控制层接收前台操作并返回给客户端。在写完代码点击提交时出现了下载文件的问题，内容是我们写的代码。先准备一个jsp前端注册页面，把前端数据传给后台。创建一个jsp登录界面，在验证码的div中做处理。
JavaWeb项目(登录注册页面)全过程详细总结
sebeefe的博客
07-29 8260
最开始我是在login.jsp把两种登录方式的html代码都写上，然后再父盒子上使用的displaynone和block来切换实现，在显示上是可以做到切换显示和隐藏，但是再代码层两种方式的代码都存在，在表单提交时，就会出现问题，因为其提交的时两种方法中4个输入框中的内容，且无法通过required约束表单不能为空，造成表单不能提交（因为其要求了4个输入框都需要填内容，而有两个输入框隐藏）。若second...
JavaWeb—登录注册（添加验证码和记住我功能）
wwl193206126的博客
03-23 579
使用javaweb完成登录注册的验证码和注册的功能实现
Java Web实现登录注册（超详细附代码）
最新发布
2401_84006805的博客
04-28 2308
金三银四到了，送上一个小福利！orm>获取登录是否成功信息${message}复制代码LoginServlet.java 业务层：处理登录业务金三银四到了，送上一个小福利！[外链图片转存中…(img-yaImbvoz-1714309681690)][外链图片转存中…(img-umNcoe1u-1714309681690)][外链图片转存中…(img-NRZXbUfw-1714309681691)]本文已被。
javaWeb-实现简易的登录注册功能
A_Fierce的博客
09-27 1万+
javaWeb简易的登录注册功能
基于Java的界面开发【用户注册登录】
weixin_65240122的博客
05-30 1万+
利用Java内部自带的一些包，完成用户注册登录的界面设计。
java Web实现用户登录功能
qq_65584142的博客
06-10 2万+
登录页面login.jsp，输入用户名和密码后，跳转到登录处理程序LoginServlet进行业务逻辑处理，调用服务层，服务层调用数据访问层（DAO），连接数据库，查询数据库，以此判断是否登录成功。登录成功，跳转到登录成功页面success.jsp，否则跳转到登录失败页面failure.jsp。登录页面login.jsp，输入用户名和密码后，跳转到登录处理页面doLogin.jsp进行业务逻辑处理，登录成功，跳转到登录成功页面success.jsp，否则跳转到登录失败页面failure.jsp。
JavaWeb用户登录——验证码的简单实现
鹿谷門実的博客
08-29 3014
通过Cookie&&Session、Servlet、前台页面设计 步骤: 创建一个CheckCodeServlet.java用于生成随机的四位字符并使用session发送给html @WebServlet("/checkCode") public class CheckCodeServlet extends HttpServlet { public void doGet(Ht...
基于JavaWeb的用户注册实例
Rlynn的博客
05-22 439
用HTML制作如下的表单。 提示：性别和爱好都有默认选中项。点击“重写”后需要把原来填写的内容重置清空。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>注册页面</title> </head> <body> <form> <table border
JavaWeb简单用户登录注册实例代码(有验证码)
08-24
JavaWeb简单用户登录注册实例代码详解 基于JavaWeb的简单用户登录注册实例代码是Web开发中非常重要的一个部分，本文将详细介绍该实例代码的设计思想和实现过程。 知识点1： JavaWeb登录注册的设计思想 在设计登录...
JavaWeb登录注册页面
08-02
在这个项目中，Filter可能用于实现用户登录检查，未登录用户访问特定资源时会被拦截并重定向到登录页面。此外，Filter还可以用来进行权限控制、URL编码解码、日志记录等多种用途。 MyBatis是Java的持久层框架，它...
JavaWeb验证码校验功能代码实例
08-19
主要介绍了JavaWeb验证码校验功能代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Java web含验证码及权限登录实例代码
08-30
验证码通常涉及到生成随机字符串或图像，用于在用户登录时增加额外的安全层。可以创建一个`CaptchaService`类，负责生成和验证验证码。生成的验证码可以存储在session中，与用户输入的验证码进行比较。 权限登录： ...
javaweb 写的用户登录注册的实例采用mvc模式
04-03
这只是一个简单的javaweb代码，用户登录注册，注销的例子，没有采用数据库，而是采用了xml文件存储用户信息，有验证码功能，没有前端，只有后台，可以运行 具体可以参见博客： ...
Java-web实现用户登录、注册功能
m0_52822058的博客
12-17 2万+
在编写代码之前，在pom.xml导入servlet、mybatis的依赖，导入tomcat插件。工具类抽取以后，以后在对Mybatis的SqlSession进行操作的时候，就可以直接使用。采用正则表达式实现用户名不超过15个字符、密码在4~10个字符。在写Servlet的时候，因为需要使用Mybatis来完成数据库的操作，所。编写UserMapper提供根据用户名查询用户数据方法和添加用户方法。编写UserMapper提供根据用户名、密码查询用户数据方法方法。来一个登录失败的案例：admin用户不存在。
javaWeb登录和注册案例
zheng_wei_的博客
06-07 2406
/根据用户名查询用户 @Select("select * from tb_user where username= #{username}") User selectByUsername(String username);//添加用户 @Insert("insert into tb_user values(null,#{username},#{password})") void add(User user);
JavaWeb实现简单的用户注册登录（入门级）
热门推荐
polarday的博客
10-24 7万+
JavaWeb实现简单的用户注册登录 代码主要参考的以下博客，我自己修改了一些，可以让刚入门的同学（我自己）更好的理解。 https://blog.csdn.net/caojianhua2018/article/details/92412453 项目结构 dao：这个包下主要是一些关于数据库的操作 dao.DButils：数据库的创建和删除 dao.LoginDaolmp：数据库与用户的交互操作，包括检验用户登录的账号是否合法，当用户注册时将账号插入数据库。 Servlet：实现javaweb的前后端交互
Java Web实现案例 ：实现用户登录功能
justin02191004的博客
06-02 3885
掌握纯JSP方式实现用户登录功能掌握JSP+Servlet方式实现用户登录功能掌握JSP+Servlet+DB方式实现用户登录功能掌握MVC模式实现用户登录功能。
Java Web应用小案例：实现用户登录功能
howard2005的专栏
05-03 6110
1. 掌握纯JSP方式实现用户登录功能； 2. 掌握JSP+Servlet方式实现用户登录功能； 3. 掌握JSP+Servlet+DB方式实现用户登录功能； 4. 掌握MVC模式实现用户登录功能
javaweb实现用户注册登录页面，并完成图片验证码
05-13
6. 将生成的验证码图片显示在注册或登录页面上，以确保用户输入正确的验证码。 7. 创建一个过滤器，以确保只有通过身份验证的用户才能访问受保护的页面。 需要注意以下几个点： 1. 在处理用户输入时，要确保正确...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值