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.实现用户信息修改

---