jsp+servlet+Tomcat+mysql實現用戶注冊、登錄、查看、修改實例之——用戶注冊

學習javaWeb，首先要學習基礎的jsp,servlet,弄通了機制然后就得心應手了。我們來實現一個簡單的實例來學習。

---

我們的任務有：1.數據庫及表創建

　　　　　　　2.實現用戶注冊

　　　　　　　3.實現用戶登錄

　　　　　　　4.實現用戶列表顯示

　　　　　　　5.實現用戶刪除

　　　　　　　6.實現用戶信息查看

　　　　　　　7.實現用戶信息修改

---

 

二、實現用戶注冊

上節實現了數據庫設計，本節開始來實現工程的編碼，我們采用MVC設計模式，並且結合三層架構來做，並且加上VO輔助層。

那么，工程的中的包關系如下圖所示：

下面來實現用戶注冊功能。

要實現用戶注冊功能，我們需要完成以下幾個任務：

　　　　　　1.寫實體類VO

　　　　　　2.寫注冊jsp頁面

　　　　　　3.寫注冊servlet

　　　　　　4.寫數據庫連接

　　　　　　5.寫數據操作dao層

1.寫實體vo類

　　UserVo.java

package com.denny.user.vo;

public class UserVo {
    private int userId;
    // 用戶Id
    private String userName ;
    // 用戶姓名
    private String userPassword;
    // 用戶密碼
    private String userProvince;
    // 用戶省份
    private String userCity;
    // 用戶城市
    private String userSex;
    // 用戶性別
    private String userHobby;
    // 用戶愛好
    private String userDescribe;
    // 用戶描述
    private int userDisplay;
    // 用戶狀態
    // ......
    // 省略了getter和setter方法
}

（注：上面的代碼中並沒有生成getter和setter方法）

2.用戶注冊jsp頁面

我們要實現的注冊頁面如下圖所示：

在工程的WebRoot目錄下新建了一個userregister.jsp

主要代碼如下：

<form action="servlet/ServletUserRegister" method="post">
            <table align = "center" border="1" style="border-collapse: collapse;">
                <tr>
                    <td colspan="2">用戶注冊</td>
                </tr>
                <tr>
                    <td>用戶名：</td>
                    <td><input type="text" name="userName" /></td>
                </tr>
                <tr>
                    <td>密碼：</td>
                    <td><input type="password" name="userPassword" /></td>
                </tr>
                <tr>
                    <td>地址：</td>
                    <td>
                        <select name="userProvince" id="userProvince" onchange="addCity()"></select>省
                        <select name="userCity" id="userCity"></select>市
                        <!-- 此處是省市聯動，具體javascript的代碼實現請參見 html+js實現城市聯動、日期聯動示例 -->
                    </td>
                </tr>
                <tr>
                    <td>性別：</td>
                    <td>
                        <input type="radio" name="userSex" value="男" checked="checked" />男
                        <input type="radio" name="userSex" value="女" />女
                    </td>
                </tr>
                <tr>
                    <td>愛好：</td>
                    <td>
                        <input type="checkbox" name="userHobby" value="籃球" />籃球
                        <input type="checkbox" name="userHobby" value="足球" />足球
                        <input type="checkbox" name="userHobby" value="羽毛球" />羽毛球
                        <input type="checkbox" name="userHobby" value="跑步" />跑步
                    </td>
                </tr>
                <tr>
                    <td>個人描述：</td>
                    <td>
                        <textarea cols="10" rows="3" name="userDescribe"></textarea>
                    </td>
                </tr>
                <tr>
                    <td class="tdstyle" colspan="2">
                        <input type="submit" value="注冊" />
                    </td>
                </tr>
            </table>
    </form>

3.注冊servlet

在jsp頁面中我們定義表單的提交action路徑為：ServletUserRegister，method方式為：post

那么現在就實現它吧。ServletUserRegister.java主要代碼如下：

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

        request.setCharacterEncoding("utf-8");
        response.setCharacterEncoding("utf-8");
        // 設置編碼格式為 UTF-8
        String userName = request.getParameter("userName");
        String userPassword = request.getParameter("userPassword");
        String userProvince = request.getParameter("userProvince");
        String userCity = request.getParameter("userCity");
        String userSex = request.getParameter("userSex");
        String userDescribe = request.getParameter("userDescribe");
        String userHobby[] = request.getParameterValues("userHobby");
        // 前台得到 用戶輸入數據
        String str = "";
        for (int i = 0; i < userHobby.length; i++) {
            str = str + userHobby[i];
            // 得到每個元素
            if (i != (userHobby.length - 1)) {
                str += ",";
                // 如果不為最后一個元素，將其尾部加一個‘,’隔開
            }
        }
        // for 循環拼接愛好數組中的數據

        UserVo user = new UserVo();
        // 實例化一個VO對象
        user.setUserName(userName);
        user.setUserPassword(userPassword);
        user.setUserProvince(userProvince);
        user.setUserCity(userCity);
        user.setUserHobby(str);
        user.setUserSex(userSex);
        user.setUserDescribe(userDescribe);
        // 將前台得到的數據存入ＶＯ
        UserDao userDao = new UserDao();
        // 實例化一個數據庫操作對象
        userDao.insertUser(user);
        // 調用增加用戶方法
        request.getRequestDispatcher("/userlogin.jsp").forward(request,
                response);
        // 轉到登錄頁面
    }

4.數據庫連接

在工程中，每次進行數據操作都要從數據庫獲得一個連接，如果每次都寫一遍則顯得代碼冗余，因此寫一個可復用的數據庫管理類是比較足取的。

這個數據庫管理類，Dbmanage.java代碼如下：

package com.unis.dbmanage;

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

public class Dbmanage {
    public Connection initDB() {
        // 初始化數據庫連接方法
        Connection conn = null;
        // 創建一個Connection句柄
        try {
            Class.forName("com.mysql.jdbc.Driver");
            // 加載數據庫驅動
            String url = "jdbc:mysql://localhost:3306/userdb?charaterEncoding=utf-8";
            // 定義數據庫地址url，並設置編碼格式
            conn = DriverManager.getConnection(url, "root", "");
            // 得到數據連接
        } catch (ClassNotFoundException e) {

            e.printStackTrace();
        } catch (SQLException e) {

            e.printStackTrace();
        }
        return conn;
        // 返回數據庫連接
    }

    public void closeDB(Statement sta, Connection conn) {
        // 關閉數據庫連接（無結果集）
        try {
            sta.close();
            conn.close();
        } catch (SQLException e) {

            e.printStackTrace();
        }

    }

    public void closeDB(ResultSet rs, Statement sta, Connection conn) {
        // 關閉數據庫連接（有結果集）
        try {
            rs.close();
            sta.close();
            conn.close();
        } catch (SQLException e) {

            e.printStackTrace();
        }

    }
}

寫了這個數據庫管理類，每次想要連接，只需調用 initDB()方法 即可。下面寫數據庫操作類

5.數據操作類

在dao包中，有一個專門對用戶數據庫操作的類，UserDao.java，其內部的方法都是對數據庫的操作方法，注冊使用的insertUser()方法也位於其中。

insertUser()方法代碼如下：

public void insertUser(UserVo user) {
        // 用戶注冊方法
        Dbmanage dbmanage = new Dbmanage();
        Connection conn = null;
        Statement sta = null;

        try {
            conn = dbmanage.initDB();
            sta = conn.createStatement();
            String sql = "INSERT INTO usertable (user_name,user_password,user_province,user_city,user_sex,user_hobby,user_describe)VALUES('"
                    + user.getUserName()
                    + "','"
                    + user.getUserPassword()
                    + "','"
                    + user.getUserProvince()
                    + "','"
                    + user.getUserCity()
                    + "','"
                    + user.getUserSex()
                    + "','"
                    + user.getUserHobby()
                    + "','"
                    + user.getUserDescribe()
                    + "')";
            sta.executeUpdate(sql);
        } catch (SQLException e) {

            e.printStackTrace();
        } finally {
            // 執行完關閉數據庫
            dbmanage.closeDB(sta, conn);
        }
    }

寫到這里，一個簡單的用戶注冊過程及走完了，當用戶輸入數據並且點擊“注冊”按鈕提交表單之后，servlet就會調用UserDao.java中的方法，將數據插入到數據庫中。

---

鏈接導航        1.數據庫及表創建

　　　　　　　2.實現用戶注冊

　　　　　　　3.實現用戶登錄

　　　　　　　4.實現用戶列表顯示

　　　　　　　5.實現用戶刪除

　　　　　　　6.實現用戶信息查看

　　　　　　　7.實現用戶信息修改

---