JSP+Servlet+JavaBean實現用戶注冊登錄

整個項目的整體結構

image.png
文件結構

1. 首先創建一張數據表，用于存儲用戶信息

create table tb_user(
 id int(4) primary key auto_increment,
 username varchar(50),
 password varchar(50),
 sex varchar(50),
 question varchar(50),
 answer varchar(50),
 email varchar(50));
image.png

2. JavaBean設計

  1. 實體類設計（放在entity包下面）
    public class User {
    private int id;
    private String username;
    private String password;
    private String sex;
    private String question;
    private String answer;
    private String email;

    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;
    }

    public String getSex() {
        return sex;
    }

    public void setSex(String sex) {
        this.sex = sex;
    }

    public String getQuestion() {
        return question;
    }

    public void setQuestion(String question) {
        this.question = question;
    }

    public String getAnswer() {
        return answer;
    }

    public void setAnswer(String answer) {
        this.answer = answer;
    }

    public String getEmail() {
        return email;
    }

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

2.數據庫連接工具類（放在util包下面）

public class DataBaseUtil {

    //連接數據庫
    public static Connection getConn() {
        Connection conn = null;
        try {
            //加載數據庫驅動
            Class.forName("com.mysql.jdbc.Driver");
        } catch (ClassNotFoundException e) {
            e.printStackTrace();
        }
        String url = "jdbc:mysql://localhost:3306/jdbcdemo?useUnicode=true&characterEncoding=UTF-8";
        try {
            conn = DriverManager.getConnection(url, "root", "root");
            if (conn != null) {
                System.out.println(1123);
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }
        return conn;
    }

    //關閉數據庫
    public static void closeConn(Connection conn){
        if (conn != null) {
            try {
                conn.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }
        }
    }
}

3.用戶數據庫操作
與用戶相關的數據庫操作方法被封裝到UserDao類中，實現數據的添加與查詢

public class UserDao {
    //查詢數據庫信息

    /**
     * 在用戶提交注冊信息是，需要判斷該用戶名是否存在
     *
     * @param username
     * @return
     */
    public boolean userExist(String username) {
        Connection conn = DataBaseUtil.getConn();
        //根據指定的用戶名查詢信息
        String sql = "select * from tb_user where username = ?";

        try {
            //獲取PreparedStatement對象，用于執行數據庫查詢
            PreparedStatement preparedStatement = conn.prepareStatement(sql);
            preparedStatement.setString(1, username);
            //執行查詢獲取結果集
            ResultSet resultSet = preparedStatement.executeQuery();
            while (!resultSet.next()) {
                //如果沒有此數據，證明該用戶名可用
                return true;
            }
            //釋放資源,后創建的先銷毀
            resultSet.close();
            preparedStatement.close();
        } catch (SQLException e) {
            e.printStackTrace();
        } finally {
            DataBaseUtil.closeConn(conn);
        }

        return true;
    }

    /**
     * 在用戶提交注冊信息時，如果注冊成功需要將，需要將用戶注冊的信息存入數據庫
     */
    public void saveUser(User user) {
        //獲取數據庫連接
        Connection conn = DataBaseUtil.getConn();
        //插入信息的sql語句
        String sql = "insert into tb_user(username,password,sex,question,answer,email) values(?,?,?,?,?,?)";
        try {
            PreparedStatement ps = conn.prepareStatement(sql);
            ps.setString(1, user.getUsername());
            ps.setString(2, user.getPassword());
            ps.setString(3, user.getSex());
            ps.setString(4, user.getQuestion());
            ps.setString(5, user.getAnswer());
            ps.setString(6, user.getEmail());
            //執行更新操作
            ps.executeUpdate();
            //釋放資源
            ps.close();
        } catch (SQLException e) {
            e.printStackTrace();
        }
    }

    /**
     * 注冊成功后，用戶既可通過注冊的用戶及密碼進行登錄，對于程序而言，此操作實質是根據
     * 用戶所提供的用戶名及密碼在數據庫進行查詢，如果查詢成功，則登錄成功
     */
    public User login(String username, String password) {
        //實例化一個用戶對象
        User user =null;
        Connection conn = DataBaseUtil.getConn();
        String sql = "select * from tb_user where username = ? and password = ?";
        try {
            PreparedStatement ps = conn.prepareStatement(sql);
            ps.setString(1, username);
            ps.setString(2, password);
            //執行查詢獲取結果集
            ResultSet rs = ps.executeQuery();

            //判斷結果集是否有效,如過有效，則對用戶進行賦值
            while (rs.next()) {

                user = new User();
                //對用戶對象進行復制
                user.setId(rs.getInt("id"));
                user.setUsername(rs.getString("username"));
                user.setPassword(rs.getString("password"));
                user.setSex(rs.getString("sex"));
                user.setQuestion(rs.getString("question"));
                user.setAnswer(rs.getString("answer"));
                user.setEmail(rs.getString("email"));
            }
            //釋放資源
            rs.close();
            ps.close();
        } catch (SQLException e) {
            e.printStackTrace();
        } finally {
            DataBaseUtil.closeConn(conn);
        }

        return user;
    }
}

3.實現過程

  1. 用戶注冊
    （1）創建RegServlet的類，用于處理用戶注冊請求的servlet
public class RegServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doPost(req, resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("text/html;charset=utf-8");
        req.setCharacterEncoding("utf-8");

        //獲取用戶注冊信息
        String username = req.getParameter("username");
        String password = req.getParameter("password");
        String sex = req.getParameter("sex");
        String question = req.getParameter("question");
        String answer = req.getParameter("answer");
        String email = req.getParameter("email");

        //實例化UserDao對象
        UserDao userDao = new UserDao();
        if (username != null) {
            //實例化一個User對象
            User user = new User();
            //對用戶對象的屬性賦值
            user.setUsername(username);
            user.setPassword(password);
            user.setSex(sex);
            user.setQuestion(question);
            user.setAnswer(answer);
            user.setEmail(email);
            userDao.saveUser(user);
            req.setAttribute("info", "注冊成功！ <br>");
        } else {
            req.setAttribute("info", "此用戶一存在！<br>");
        }
        //轉發到message.jsp頁面
        req.getRequestDispatcher("message.jsp").forward(req, resp);
    }

}

（2）創建注冊頁面

<%--
  Created by IntelliJ IDEA.
  User: pc
  Date: 17-5-11
  Time: 下午3:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注冊界面</title>
</head>
<body>
<form action="/RegServlet" method="post" onsubmit="return reg(this)">
    <table align="center" border="0" width="500">
        <tr>
            <td align="right" width="30%">用戶名：</td>
            <td><input type="text" name="username" class="box"></td>
        </tr>

        <tr>
            <td align="right" width="30%">密碼：</td>
            <td><input type="password" name="password" class="box"></td>
        </tr>
        <tr>
            <td align="right" width="30%">確認密碼：</td>
            <td><input type="password" name="password" class="box"></td>
        </tr>
        <tr>
            <td align="right" width="30%">性別：</td>
            <td>
                <input type="radio" name="sex" value="男" checked="checked">男
                <input type="radio" name="sex" value="女">女
            </td>
        </tr>
        <tr>
            <td align="right" width="30%">密碼找回問題：</td>
            <td><input type="text" name="question" class="box"></td>
        </tr>
        <tr>
            <td align="right" width="30%">密碼找回答案：</td>
            <td><input type="text" name="answer" class="box"></td>
        </tr>
        <tr>
            <td align="right" width="30%">郵箱：</td>
            <td><input type="text" name="email" class="box"></td>
        </tr>
        <tr>
            <td colspan="2" align="center" height="40">
                <input type="submit" value="注冊">
                <input type="reset" value="重置">
            </td>
        </tr>
    </table>
</form>
</body>
</html>
用戶注冊界面

2.用戶登錄
（1）創建LoginServlet,處理用戶登錄請求的servlet.

/**
 * Created by pc on 17-5-11.
 */
@WebServlet("/LoginServlet")
public class LoginServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("text/html;charset=utf-8");
        req.setCharacterEncoding("utf-8");

        String username = req.getParameter("username");
        String password = req.getParameter("password");
        UserDao userDao = new UserDao();
        //根據密碼查詢用戶
        User user  = userDao.login(username, password);
        //判斷user是否為空
        if (user != null) {
            //將用戶的對象放到session中
            req.getSession().setAttribute("user", user);
            //轉發到result.jsp頁面
            req.getRequestDispatcher("message.jsp").forward(req, resp);
            /**
             response.sendRedirect(url)跳轉到指定的URL地址，產生一個新的request，所以要傳遞參數只有在url后加參
             數，如：
             url?id=1.
             request.getRequestDispatcher(url).forward(request,response)是直接將請求轉發到指定URL，所以該請求
             能夠直接獲得上一個請求的數據，也就是說采用請求轉發，request對象始終存在，不會重新創建。而
             sendRedirect()會新建request對象，所以上一個request中的數據會丟失。
             */
        }else {
            //登錄失敗
            req.setAttribute("info","用戶名或密碼錯誤！");
            req.getRequestDispatcher("message.jsp").forward(req, resp);
        }
    }

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doPost(req, resp);
    }
}

(2)創建用戶登錄的頁面

<%--
  Created by IntelliJ IDEA.
  User: pc
  Date: 17-5-11
  Time: 下午3:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登錄界面</title>
</head>
<body>
<form action="/LoginServlet" method="post" onsubmit="return login(this);">
    <input type="text" name="username"><br>
    <input type="password" name="password"><br>
    <input type="submit" value="登錄">
    <input type="reset" value="重置">
</form>
</body>
</html>
用戶登錄界面

3.用戶退出
創建UserExitServlet類，用來處理用戶推出請求
在處理過程中，需要將存放在session中的User清楚，達到用戶退出的效果

/**
 * Created by pc on 17-5-11.
 */
public class UserExitServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doPost(req, resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.setCharacterEncoding("utf-8");
        resp.setContentType("text/html;charset=utf-8");
        //獲取session
        HttpSession session = req.getSession();
        //獲取用戶對象
        User user = (User) session.getAttribute("user");
        //判斷用戶是否有效
        if (user != null) {
            //將用戶對象逐出Session
            session.removeAttribute("user");
            //設置提示信息
            req.setAttribute("info", user.getUsername() + "已成功退出！");
        }
        req.getRequestDispatcher("message.jsp").forward(req, resp);
    }
}

4.提示頁面信息
程序在處理業務請求后，需要告知用戶處理結果，如用戶注冊成功，用戶登錄失敗等信息，因此創建message.jsp頁面，用于顯示系統提示信息。

<%@ page import="model.User" %><%--
  Created by IntelliJ IDEA.
  User: pc
  Date: 17-5-11
  Time: 下午4:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>提示信息頁面</title>
</head>
<body>
<%
    //獲取提示信息
    String info = (String) request.getAttribute("info");
    if (info != null) {
        out.print(info);
    }

    /*獲取用戶的登錄信息*/
    User user = (User) session.getAttribute("user");
    if (user != null) {
%>
<table align="center" width="600" border="1" height="550" bordercolor="#E8F4CC">
    <tr>
        <td align="center" colspan="2">
            <span style="font-weight: bold;font-size: 18px;"><%=user.getUsername()%></span>登錄成功！
        </td>
    </tr>
    <tr>
        <td align="center" colspan="2">性別：</td>
        <td align="center" colspan="2"><%=user.getSex()%></td>
    </tr>
    <tr>
        <td align="center" colspan="2">郵箱</td>
        <td align="center" colspan="2"><%=user.getEmail()%></td>
    </tr>
</table>
<%
    }else {
        out.print("<br>對不起您沒有登錄！");
    }
%>
</body>
</html>
注冊
注冊成功
注冊的信息保存到數據庫

4. 一些容易混淆的知識點

  • session.setAttribute()和session.getAttribute()配對使用，作用域是整個會話期間，在所有的頁面都使用這些數據的時候使用。
  • request.setAttribute()和request.getAttribute()配對使用，作用域是請求和被請求頁面之間。request.setAttribute()是只在此action的下一個forward需要使用的時候使用；request.getAttribute()表示從request范圍取得設置的屬性，必須要先setAttribute設置屬性，才能通過getAttribute來取得，設置與取得的為Object對象類型。其實表單控件中的Object的name與value是存放在一個哈希表中的，所以在這里給出Object的name會到哈希表中找出對應它value。setAttribute()的參數是String和Object。
  • request.getParameter()表示接收參數，參數為頁面提交的參數。包括：表單提交的參數、URL重寫(就是xxx?id=1中的id)傳的參數等，因此這個并沒有設置參數的方法(沒有setParameter())，而且接收參數返回的不是Object，而是String類型。
  • request.getParameter() 和request.getAttribute() 區別

    #######（1）request.getParameter()取得是通過容器的實現來取得通過類似post，get等式傳入的數據，request.setAttribute()和getAttribute()只是在web容器內部流轉，僅僅是請求處理階段。

    #######（2）request.getParameter()方法傳遞的數據，會從Web客戶端傳到Web服務器端，代表HTTP請求數據。request.getParameter()方法返回String類型的數據。request.setAttribute()和getAttribute()方法傳遞的數據只會存在于Web容器內部還有一點就是，HttpServletRequest類有setAttribute()方法，而沒有setParameter()方法。

  • request.getAttribute()與request.setAttribute()
  • request.getAttribute("nameOfObj")可得到JSP頁面一表單中控件的Value。其實表單控件中的Object的name與value是存放在一個哈希表中的，所以在這里給出Object的name會到哈希表中找出對應它的value。而不同頁面間傳值使用request.setAttribute(position, nameOfObj)時，只會從a.jsp到b.jsp一次傳遞，之后這個request就會失去它的作用范圍，再傳就要再設一個request.setAttribute()。而使用session.setAttribute()會在一個過程中始終保有這個值。
  • response.sendRedirect(url)與request.getRequestDispatcher(url).forward(request,response)的區別
  • #######response.sendRedirect(url)跳轉到指定的URL地址，產生一個新的request，所以要傳遞參數只有在url后加參數，如：url?id=1.
  • #######request.getRequestDispatcher(url).forward(request,response)是直接將請求轉發到指定URL，所以該請求能夠直接獲得上一個請求的數據，也就是說采用請求轉發，request對象始終存在，不會重新創建。而sendRedirect()會新建request對象，所以上一個request中的數據會丟失。
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具（例如配置管理，服務發現，斷路器，智...
    卡卡羅2017閱讀 134,948評論 18贊 139
  • 1. Java基礎部分 基礎部分的順序：基本語法，類相關的語法，內部類的語法，繼承相關的語法，異常的語法，線程的語...
    子非魚_t_閱讀 31,766評論 18贊 399
  • 一、表單提交方式之Get和Post的區別 Get：以明文的方式通過URL提交數據，數據在URL中可以看到。提交的數...
    潛心之力閱讀 2,255評論 1贊 2
  • 最近買了私教課，因為我發現單買健身卡或者瑜伽團體課，回報極低。我本來體態就有問題，跟著APP練沒法糾正，買健身卡主...
    G言閱讀 211評論 0贊 0
  • 足少陽經瞳子寥，四十四穴行迢迢。聽會上關頷厭集，懸顱懸厘曲鬢翹。率谷天沖浮白次，竅陰完骨本神邀。陽白臨泣目窗辟，正...
    吐那個兔弘閱讀 1,118評論 0贊 0