JavaWeb案例：实现注册和登录功能

已于 2023-02-17 16:22:48 修改
阅读量9k 收藏 131
点赞数 14
分类专栏： JavaWeb教程 文章标签： javaweb
于 2021-11-03 20:17:24 首次发布
原文链接：http://www.monkey1024.com/javaweb/981
版权

业务需求分析
在实际开发中，通常会有专门的人去跟客户进行沟通从而了解客户需要什么样的系统，之后由专业的美工将要做的系统以图片的形式表现出来，客户确认后作出一些静态的html demo页面，然后由软件开发人员创建相关数据库，编写代码将该静态页面做成动态页面，由测试人员通过测试后将其交付给客户使用。
这里主要以学习为目的，所以简化一些流程，通常一般的注册和登录都由下面几个页面组成：

  • 注册页面：没有用户名时，首先需要在该页面注册成功之后才可进行登录操作，用户所提交的数据要持久化到数据库中。

  • 登录页面：用户输入用户名和密码提交给后台处理。

  • 登录成功页面：根据输入的用户名和密码去数据库中查找匹配的数据，如果存在则跳转登录成功页面，否则提示用户登录失败。
    静态页面如下：
    百度网盘地址：https://pan.baidu.com/s/1IEimd9Gnr57qtEhADZOxKg

用户注册页面regist.html:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册</title>
</head>
<body>
    <form action="" method="post">
    <table>
        <tr>
            <td>用&nbsp;户&nbsp;名&nbsp;：</td><td><input type="text" name="name" value=""/></td>
        </tr>
        <tr>
            <td>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码&nbsp;：</td><td><input type="password" name="password" /></td>
        </tr>
        <tr>
            <td>确认密码：</td><td><input type="password" name="repassword"/></td>
        </tr>
        <tr>
            <td>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱&nbsp;：</td><td><input type="text" name="email" /></td>
        </tr>
        <tr>
            <td>生&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日&nbsp;：</td><td><input type="text" name="birthday" /></td>
        </tr>
    </table>
        <input type="submit" value="注册"/><br/>
    </form>
</body>
</html>

用户登录页面login.html:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首页</title>
</head>
<body>
    <form action="" method="post">
        <table>
            <tr>
                <td>用户名：</td><td><input type="text" name="name"/></td>
            </tr>
            <tr>
                <td>密&nbsp;&nbsp;&nbsp;码：</td><td><input type="password" name="password"/></td>
            </tr>
        </table>
        <input type="submit" value="登录"/><br/>
    </form>
    没有用户名?点此<a href="">注册</a>
</body>
</html>

登录成功页面：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录成功</title>
</head>
<body>
    欢迎你：刘德华<br>
    <a href="">注销</a>
</body>
</html>

开发前的准备
数据库的设计，该功能比较简单，使用一张表就能完成业务逻辑，创建一个名为t_user的表，语句如下：

CREATE TABLE 't_user' (
  'id' INT NOT NULL AUTO_INCREMENT,
  'name' VARCHAR(45) NOT NULL,
  'password' VARCHAR(45) NULL,
  'email' VARCHAR(45) NULL,
  'birthday' DATE NULL,
  PRIMARY KEY ('id'));

搭建web开发环境：
在IDEA中创建一个web项目，因为要使用jdbc，因此将数据库驱动相关的jar包加入到项目中。
根据分层的开发思想，创建以下包名：

com.monkey1024.bean
com.monkey1024.servlet
com.monkey1024.service
com.monkey1024.service.impl
com.monkey1024.dao
com.monkey1024.dao.impl
com.monkey1024.util

在src下创建db.properties

driverClass=com.mysql.jdbc.Driver
url=jdbc:mysql://localhost:3306/m-login
username=root
password=monkey1024

在com.monkey1024.util包下创建数据库工具类DBUtil：

package com.monkey1024.util;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
import java.util.ResourceBundle;

public class DBUtil {

    private static String driverClass;
    private static String url;
    private static String username;
    private static String password;

    static{
        ResourceBundle rb = ResourceBundle.getBundle("db");
        driverClass = rb.getString("driverClass");
        url = rb.getString("url");
        username = rb.getString("username");
        password = rb.getString("password");
        try {
            //注册驱动
            Class.forName(driverClass);
        } catch (ClassNotFoundException e) {
            e.printStackTrace();
        }
    }

    public static Connection getConnection() throws SQLException{
        return DriverManager.getConnection(url, username, password);
    }
}

在com.monkey1024.bean包下创建实体类User:

package com.monkey1024.bean;

import java.util.Date;

/**
 * 用户表（t_user）
 *
 */
public class User {

    private int id;
    private String name;
    private String password;
    private String email;
    private Date birthday;

    public int getId() {
        return id;
    }
    public void setId(int id) {
        this.id = id;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    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;
    }
    public Date getBirthday() {
        return birthday;
    }
    public void setBirthday(Date birthday) {
        this.birthday = birthday;
    }
}

实现注册功能
注册功能需要向数据库中添加数据，首先在com.monkey1024.dao包下创建接口UserDao：

package com.monkey1024.dao;

import com.monkey1024.bean.User;

/**
 * 用户dao
 *
 */
public interface UserDao {

    /**
     * 添加用户信息
     * @param user
     * @throws Exception
     */
    public void addUser(User user) throws Exception;
}

在com.monkey1024.dao.impl包下创建接口UserDao的实现类UserDaoImpl,该类中的addUser方法主要实现向数据库插入的功能:

package com.monkey1024.dao.impl;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.text.SimpleDateFormat;

import com.monkey1024.bean.User;
import com.monkey1024.dao.UserDao;
import com.monkey1024.util.DBUtil;

public class UserDaoImpl implements UserDao {

    @Override
    public void addUser(User user) throws Exception {
        Connection conn = null;
        PreparedStatement ps = null;
        try {
            conn = DBUtil.getConnection();
            ps = conn.prepareStatement("INSERT INTO t_user(name,password,email,birthday) VALUES(?,?,?,?)");
            ps.setString(1, user.getName());
            ps.setString(2, user.getPassword());
            ps.setString(3, user.getEmail());
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
            String birthday = sdf.format(user.getBirthday());
            ps.setString(4, birthday);
            ps.executeUpdate();
        } catch (Exception e) {
            e.printStackTrace();
            throw new RuntimeException("添加失败！");
        }
    }

}

在com.monkey1024.service包下创建UserService接口：

package com.monkey1024.service;

import com.monkey1024.bean.User;

public interface UserService {

    /**
     * 添加用户信息
     * @param user
     * @throws Exception
     */
    public void addUser(User user) throws Exception;

}

在com.monkey1024.service.impl包下创建UserServiceImpl实现类：

package com.monkey1024.service.impl;

import com.monkey1024.bean.User;
import com.monkey1024.dao.UserDao;
import com.monkey1024.dao.impl.UserDaoImpl;
import com.monkey1024.service.UserService;

public class UserServiceImpl implements UserService {

    UserDao userDao = new UserDaoImpl();

    @Override
    public void addUser(User user) throws Exception {
        userDao.addUser(user);
    }

}

在com.monkey1024.servlet包下创建RegistServlet处理请求数据：

package com.monkey1024.servlet;

import java.io.IOException;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.monkey1024.bean.User;
import com.monkey1024.service.UserService;
import com.monkey1024.service.impl.UserServiceImpl;

/**
 * 用户注册
 */
public class RegistServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        request.setCharacterEncoding("UTF-8");
        response.setContentType("text/html;charset=UTF-8");

        //将表单提交的数据放在User类中
        User u = new User();
        u.setName(request.getParameter("name"));
        u.setPassword(request.getParameter("password"));
        u.setEmail(request.getParameter("email"));
        String birthday = request.getParameter("birthday");
        try {
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
            Date date = sdf.parse(birthday);
            u.setBirthday(date);
        } catch (ParseException e) {
            e.printStackTrace();
        }

        //调用业务逻辑
        UserService us = new UserServiceImpl();
        try {
            us.addUser(u);
            // 分发转向
            response.getWriter().write("注册成功！1秒跳转到主页");
            response.setHeader("refresh", "1;url=/login.jsp");
        } catch (Exception e) {
            e.printStackTrace();
        }


    }

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

}

登录功能
在UserDao接口中添加下面方法：

/**
 * 根据用户姓名和密码查找用户
 * @param user
 * @return
 * @throws Exception
 */

public User findUserByNameAndPassword(User user) throws Exception;
在UserDaoImpl实现类中添加下面方法，根据用户名和密码去数据库中查找响应的记录

@Override
public User findUserByNameAndPassword(User user) throws Exception {
    Connection conn = null;
    PreparedStatement ps = null;
    ResultSet rs = null;
    User u = null;
    try {
        conn = DBUtil.getConnection();
        ps = conn.prepareStatement("select * from t_user where name=? and password=?");
        ps.setString(1, user.getName());
        ps.setString(2, user.getPassword());

        rs = ps.executeQuery();
        if(rs.next()){
            u = new User();
            u.setId(rs.getInt(1));
            u.setName(rs.getString(2));
            u.setPassword(rs.getString(3));
            u.setEmail(rs.getString(4));
            u.setBirthday(rs.getDate(5));
        }
    } catch (Exception e) {
        e.printStackTrace();
    }
    return u;
}

在UserService中添加下面方法：

/**
 * 根据用户姓名和密码查找用户
 * @param user
 * @return
 * @throws Exception
 */
public User findUserByNameAndPassword(User user) throws Exception;

在UserServiceImpl实现类中添加下面方法：

@Override
public User findUserByNameAndPassword(User user) throws Exception {
    return userDao.findUserByNameAndPassword(user);
}

创建LoginServlet用来接收提交的用户名和密码，如果根据该用户名和密码可以从数据库中查询出相应的数据，则可以登录成功，否则登录失败。

package com.monkey1024.servlet;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.monkey1024.bean.User;
import com.monkey1024.service.UserService;
import com.monkey1024.service.impl.UserServiceImpl;

/**
 * 用户登录
 */
public class LoginServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("UTF-8");
        response.setContentType("text/html;charset=UTF-8");
        User user = new User();
        user.setName(request.getParameter("name"));
        user.setPassword(request.getParameter("password"));

        UserService us = new UserServiceImpl();

        try {
            User u = us.findUserByNameAndPassword(user);

            //分发转向
            if(u!=null){
                //如果登录成功，就把user对象放到session对象中
                request.getSession().setAttribute("user", u);
                request.getRequestDispatcher("/login_success.jsp").forward(request, response);
            }else{
                request.setAttribute("msg", "用户名或密码不正确!");
                request.getRequestDispatcher("/login.jsp").forward(request, response);
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

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

}

注销功能
创建LogoutServlet，在里面将session销毁：

package com.monkey1024.servlet;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * 用户注销
 */
public class LogoutServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //使用sessions销毁
        request.getSession().invalidate();
        //重定向到登录页面
        response.sendRedirect("/login.jsp");
    }

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

}

上面就实现了一个简单的注册和登录的功能，但是该代码中存在太多问题了，我们会在后面进行重构

陌影2272424
关注
  • 14
    点赞
  • 踩
  • 131
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Java Web实现登录注册（超详细附代码）
2401_84153177的博客
04-12 2834
基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。什么？你问面试题资料在哪里，这不是就在你眼前吗（滑稽图片转存中…(img-87Y8s4J5-1712888892459)]
JavaWeb项目(登录注册页面)全过程详细总结
sebeefe的博客
07-29 8268
最开始我是在login.jsp把两种登录方式的html代码都写上，然后再父盒子上使用的displaynone和block来切换实现，在显示上是可以做到切换显示和隐藏，但是再代码层两种方式的代码都存在，在表单提交时，就会出现问题，因为其提交的时两种方法中4个输入框中的内容，且无法通过required约束表单不能为空，造成表单不能提交（因为其要求了4个输入框都需要填内容，而有两个输入框隐藏）。若second...
javaWeb-实现简易的登录注册功能
A_Fierce的博客
09-27 1万+
javaWeb简易的登录注册功能
登录功能实现全流程
最新发布
m0_68331743的博客
06-09 616
在登录功能中，会话技术的演进体现了从客户端到服务端的跟踪方式的变化，同时也涉及到了认证与授权机制的不断发展。以下是对客户端会话跟踪技术（Cookie）、服务端会话跟踪技术（Session）以及令牌技术（JWT）的总结，以及这些技术与过滤器（Filter）和拦截器（Interceptor）的配合使用情况的概述。
java Web实现用户登录功能
qq_65584142的博客
06-10 2万+
登录页面login.jsp，输入用户名和密码后，跳转到登录处理程序LoginServlet进行业务逻辑处理，调用服务层，服务层调用数据访问层（DAO），连接数据库，查询数据库，以此判断是否登录成功。登录成功，跳转到登录成功页面success.jsp，否则跳转到登录失败页面failure.jsp。登录页面login.jsp，输入用户名和密码后，跳转到登录处理页面doLogin.jsp进行业务逻辑处理，登录成功，跳转到登录成功页面success.jsp，否则跳转到登录失败页面failure.jsp。
JavaWeb实现简单的用户注册登录（入门级）
polarday的博客
10-24 7万+
JavaWeb实现简单的用户注册登录 代码主要参考的以下博客，我自己修改了一些，可以让刚入门的同学（我自己）更好的理解。 https://blog.csdn.net/caojianhua2018/article/details/92412453 项目结构 dao：这个包下主要是一些关于数据库的操作 dao.DButils：数据库的创建和删除 dao.LoginDaolmp：数据库与用户的交互操作，包括检验用户登录的账号是否合法，当用户注册时将账号插入数据库。 Servlet：实现javaweb的前后端交互
Java-web实现用户登录、注册功能
m0_52822058的博客
12-17 2万+
在编写代码之前，在pom.xml导入servlet、mybatis的依赖，导入tomcat插件。工具类抽取以后，以后在对Mybatis的SqlSession进行操作的时候，就可以直接使用。采用正则表达式实现用户名不超过15个字符、密码在4~10个字符。在写Servlet的时候，因为需要使用Mybatis来完成数据库的操作，所。编写UserMapper提供根据用户名查询用户数据方法和添加用户方法。编写UserMapper提供根据用户名、密码查询用户数据方法方法。来一个登录失败的案例：admin用户不存在。
Java Web 案例一 登录、注册功能实现
DriverKing
08-27 2万+
实现用户登录和注册功能。项目分为 Web 层、业务逻辑层、数据访问层。       将用户信息封装在 UserBean 对象中。用户信息有：username(String)、password(String)、nickname(String)、email(String)、birt
java web 注册登录_javaweb实现登录注册功能实例
weixin_42332910的博客
02-12 5021
前期呢，我们学习了javaweb项目用JDBC连接数据库，还有数据库的建表功能，今天，我们来看一下javaweb实现登录注册功能实例，javaweb项目使用的工具是eclipse，最后把项目部署在了Tomcat中，连接数据库使用的是Mysql数据库。我们先来看一下web.xml的配置文件：System01login.jspformcom.demo..FormServletform/formweb....
JavaWeb实现用户登录注册功能实例代码(基于Servlet+JSP+JavaBean模式)
10-22
主要基于Servlet+JSP+JavaBean开发模式实现JavaWeb用户登录注册功能实例代码，非常实用，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧
javaweb+mysql数据库实现注册登录程序
03-06
在IT行业中，构建基于Web的用户注册和登录系统是一项基础且重要的任务，尤其在Java Web开发领域。本项目"javaweb+mysql数据库实现注册登录程序"旨在教你如何使用Java Web技术和MySQL数据库来创建这样一个系统。以下...
JavaWeb 网上书店 注册和登陆功能案例详解
08-25
然后，我们需要实现注册功能的Service层代码，负责用户注册的逻辑操作。Service层代码如下： ```java package Service; import java.security.MessageDigest; import java.util.UUID; import Dao.UserDao; import ...
Javaweb新手入门案例 数据库连接登录注册
12-25
这个新手入门案例"数据库连接登录注册"是一个非常适合初学者了解如何在JavaWeb环境中实现用户登录和注册功能的实践项目。下面我们将深入探讨其中涉及的关键知识点。 1. **JavaWeb基础**： JavaWeb开发通常包括使用...
JavaWeb案例
12-19
在本"JavaWeb案例"中，我们将会深入探讨五个不同的项目，这些项目涵盖了多种技术，如Struts（S）、Spring（S）和Hibernate（H）组成的SSH框架，以及JSP（JavaServer Pages）技术。 1. SSH框架案例： SSH（Struts + ...
Java Web实现案例 ：实现用户登录功能
justin02191004的博客
06-02 3918
掌握纯JSP方式实现用户登录功能掌握JSP+Servlet方式实现用户登录功能掌握JSP+Servlet+DB方式实现用户登录功能掌握MVC模式实现用户登录功能。
JavaWeb实现登录注册功能[代码+详解]
jiey0407的博客
08-01 2万+
本次实现用户登录和注册，了解java框架原理，在以后学习java框架时更快上手。完成前需做一些准备工作。这里也是写完了，用到的是Mybatis对数据库的操作，还用到了maven和tomcat等技术。导入jar包之列的这里没显示，自己导一下就可以，都是些基础步骤。先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。https。..
javaweb登录注册功能实现 javaweb 登陆注册 入门 mysql数据库交互 web前后台交互 用户管理增删改查 实现登录 注册 登陆 JavaWeb 简单登陆注册
热门推荐
码客斯基
05-10 15万+
用户登录注册流程图 老版： 新版： 登陆界面 注册界面 登陆成功界面 LoginServlet import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servle......
使用javaweb进行用户的登录与注册
weixin_68946227的博客
02-19 1315
【代码】使用javaweb进行用户的登录与注册。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值