32.【任务案例】利用jsp model2思想实现用户注册功能

1.JSP开发模型

为了更方便地使用JSP技术，SUN公司为JSP提供了两种开发模型：JSPModel1和JSPModel2。Model1简单轻便，适合小型Web项目的快速开发；JSPModel2模型是在JSP Model1的基础上提出的，它提供了更清晰的代码分层，更适用于多人合作开发的大型项目，实际开发过程中，根据项目需求，选择合适的模型。

2.JSP Model1

Model1只有JSP和bean。它的中心是JSP页面，JSP页面中既有html页面脚本，又有<%java代码 %>，这样就在JSP页面中同时实现了业务逻辑和流程控制，一方面可以快速开发，另一方面，jsp职责过重，逻辑混乱，不好维护。

执行过程
(1) 首先Web客户端向JSP页面发出request请求；

(2) 在JSP页面取得请求所需的页面参数；

(3) 通过JSP调用业务逻辑层(javabean)的方法并返回结果；

(4) 在JSP中完成网页页面的渲染；

(5) 通过JSP向Web客户端返回处理结果

Model1的优缺点：

(1) 优点：架构简单，比较适合小型项目的开发。基本上使用JSP+持久层就可以完成一个小型项目的开发。
(2) 缺点：JSP页面有控制页面显示的代码又有与后台业务逻辑交互的Java代码，职责不单一，页面负担很重，影响页面运行速度；而且不方便后期的维护。如果不加选择地随意运用Model1，会导致JSP页面内被嵌入大量的脚本片段或Java代码，特别是当需要处理的请求量很大时，情况会更为糟糕。

3.JSP Model2(MVC)

Model2表示的是基于MVC模式的框架。
MVC“Model”代表的是应用的业务逻辑（通过JavaBean，EJB组件实现）；
MVC“View”是应用的表示层（由JSP页面产生）；
MVC“Controller”是提供应用的处理过程控制（一般是一个Servlet），Servlet充当控制者的角色，负责管理对请求的处理，创建JSP页面所需的JavaBean和对象，同时根据用户的动作决定把哪个JSP页面传给用户。特别要注意，在JSP页面内没有处理逻辑，它仅负责检索原先由Servlet创建的对象或JavaBean，然后从Servlet中提取动态内容插入到静态模板中进行页面显示。所以简单来说，在Model2中，JSP进行页面显示，JavaBean进行逻辑处理，Servlet完成逻辑控制。

执行过程：
(1) 首先Web客户端向Servlet发出request请求；
(2) 通过Servlet取得请求所需的表单数据；
(3) Servlet向业务逻辑层调用业务逻辑方法并返回所需的数据；
(4) Servlet再重定向转到JSP页面，在JSP页面完成页面渲染；
(5) 通过JSP通过response向Web客户端返回处理结果

Model2架构模式的优缺点
(1) 优点：清晰地分离了表达和内容，明确了角色的定义以及开发者与网页设计者的分工，适合大型项目的开发。
(2) 缺点：分层过多，不适合小型项目的开发。

4.利用model2思想实现用户注册功能

4.1 任务目标

本任务将按照JSPModel2的模型思想编写一个用户注册程序。该程序中包含两个jsp页面register.jsp和loginSuccess.jsp、一个Servlet类ControllerServlet、两个JavaBean类RegisterFormBean和UserBean，以及一个访问数据库的辅助类DBUtil，这些组件的关系如下图所示：

（1）UserBean是代表用户信息的JavaBean，ControllerServlet根据用户注册信息创建出一个UserBean对象，并将对象添加到DBUtil对象中，loginSuccess.jsp页面从UserBean对象中提取用户信息进行显示。

(2)RegisterFormBean是封装注册表单信息的JavaBean，用于对从ControllerServlet中获取到的注册表单信息中的各个属性（也就是注册表单内的各个字段中所填写的数据）进行检验。

（3）DBUtil是用于访问数据库的辅助类，它相当于一个DAO（数据访问对象）。DBUtil类中封装了一个HashMap对象，用于模拟数据库，HashMap对象中的每一个元素即为一个UserBean对象。

（4）ControllerServlet是控制器，它负责处理用户注册的请求。如果注册成功，就会跳到loginSuccess.jsp页面；如果注册失败，重新跳回到register.jsp页面并显示错误信息

（5）register.jsp是显示用户注册表单的页面，它将注册请求提交给ControllerServlet程序处理。

（6）loginSuccess.jsp是用户登录成功后进入的页面，新注册成功的用户自动完成登录，直接进入loginSuccess.jsp页面

4.2 创建项目，编写JavaBean

(1)编写UserBean类
UserBean用于封装用户信息，代码如下：

public class UserBean {
    private String name;
    private String password;
    private String email;
    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;
    }
}

(2)编写RegisterFormBean类

用于封装注册表单信息

public class RegisterFormBean {
    private String name;

    private String password;

    private String password2;

    private String email;

    private Map<String, String> errors = new HashMap<String, String>();

    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 getPassword2() {
        return password2;
    }

    public void setPassword2(String password2) {
        this.password2 = password2;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }
   // 向Map集合errors中添加错误信息
    public void setErrorMsg(String err, String errMsg) {
        if ((err != null) && (errMsg != null)) {
            errors.put(err, errMsg);
        }
    }
    // 获取errors集合
    public Map<String, String> getErrors() {
        return errors;
    }
    // 验证表单的方法
    public boolean validate() {
        boolean flag = true;
        if (name == null || name.trim().equals("")) {
            errors.put("name", "请输入姓名.");
            flag = false;
        }
        if (password == null || password.trim().equals("")) {
            errors.put("password", "请输入密码.");
            flag = false;
        } else if (password.length() > 12 || password.length() < 6) {
            errors.put("password", "请输入6-12个字符.");
            flag = false;
        }
        if (password != null && !password.equals(password2)) {
            errors.put("password2", "两次输入的密码不匹配.");
            flag = false;
        }
        // 对email格式的校验采用了正则表达式
        if (email == null || email.trim().equals("")) {
            errors.put("email", "请输入邮箱.");
            flag = false;
        } else if (!email.matches("[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+")){
            errors.put("email", "邮箱格式错误.");
            flag = false;
        }
        return flag;
    }
}

4.3 编写工具类C3p0Utils.java

public class C3p0Utils {
    private static DataSource ds;
    static {
        ds=new ComboPooledDataSource();
    }
    public static DataSource getDataSource(){
        return ds;
    }
}

4.4 编写数据操作类DBUtilsDao

在dao包中创建DBUtilsDao

public class DBUtilsDao {
    /**
     * 根据name查找记录。找到返回true,否则返回false
     * @param name
     * @return
     * @throws SQLException
     */
    public boolean findByName(String name) throws SQLException{
        DataSource ds=C3p0Utils.getDataSource();
        QueryRunner runner=new QueryRunner(ds);
        String sql="select * from users where name=?";
        UserBean user=runner.query(sql, new BeanHandler<>(UserBean.class), new Object[]{name});
        if(user!=null){
            return true;
        }
        else
        {
            return false;
        }
    }
     /**
     * 向数据库(users)插入数据,如果用户名存在，则返回false，如果不存在，插入记录后返回true
     * @param user
     * @return
     * @throws SQLException
     */
    public boolean insertUser(UserBean user) throws SQLException
    {
        DataSource ds= C3p0Utils.getDataSource();
        QueryRunner runner=new QueryRunner(ds);
        boolean b=findByName(user.getName());
        if(b){
            return false;
        }
        String sql="insert into users(name,password,email) values(?,?,?)";
        int n=runner.update(sql, user.getName(),user.getPassword(),user.getEmail());
        if(n>0){
            return true;
        }
        else{
            return false;
        }
    }
}

4.5 创建ControllerServlet(控制层）

在controller包中创建ControllerServlet

@WebServlet("/ControllerServlet")
public class ControllerServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setHeader("Content-type", "text/html;charset=utf-8");
        response.setCharacterEncoding("utf-8");
        String name = request.getParameter("name");
        String password=request.getParameter("password");
        String password2=request.getParameter("password2");
        String email=request.getParameter("email");
        RegisterFormBean formBean = new RegisterFormBean();
        formBean.setName(name);
        formBean.setPassword(password);
        formBean.setPassword2(password2);
        formBean.setEmail(email);
        if(!formBean.validate()){
            request.setAttribute("formBean", formBean);
            request.getRequestDispatcher("/register.jsp").forward(request, response);
            return;
        }
        UserBean userBean = new UserBean();
        userBean.setName(name);
        userBean.setPassword(password);
        userBean.setEmail(email);
        boolean b = false;
        try {
            b = DBUtilsDao2.insertUser(userBean);
        } catch (SQLException e) {
            e.printStackTrace();
        }
        if(!b){
            request.setAttribute("DBMes", "你注册的用户已存在");
            request.setAttribute("formBean", formBean);
            request.getRequestDispatcher("/register.jsp").forward(request, response);
            return;
        }
        response.getWriter().print("恭喜你注册成功，3秒钟自动跳转");
        request.getSession().setAttribute("userBean", userBean);
        response.setHeader("refresh", "3;url=loginSuccess.jsp");
    }

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

        doPost(request,response);
    }

说明：创建的RegisterFormBean对象用于封装表单提交的信息。当对RegisterFormBean对象进行校验时，如果检验失败，程序就会跳转到register.jsp注册页面，让用户重新填写注册信息。如果校验通过，那么注册信息就会封装到UserBean对象中，并通过DBUtilsDao的insertUser()方法将UserBean对象插入到数据库。inserUser()方法有一个boolean类型的返回值，如果返回false,表示插入操作失败，程序跳转到register.jsp注册页面；反之，程序跳转到loginSuccess.jsp页面，表示用户登录成功。

4.6 创建register.jsp页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户注册</title>
    <style type="text/css">
        h3 {
            margin-left: 100px;
        }
        #outer {
            width: 750px;
        }
        span {
            color: #ff0000
        }
        div {
            height:20px;
            margin-bottom: 10px;
        }
        .ch {
            width: 80px;
            text-align: right;
            float: left;
        }
        .ip {
            width: 500px;
            float: left
        }

        .ip>input {
            margin-right: 20px
        }
        #bt {
            margin-left: 50px;
        }
        #bt>input {
            margin-right: 30px;
        }
    </style>
</head>
<body>
<form action="/ControllerServlet" method="post">
    <h3>用户注册</h3>
    <div id="outer">
        <div>
            <div class="ch">姓名:</div>
            <div class="ip">
                <input type="text"name="name" value="${formBean.name }"/>
                <span>${formBean.errors.name}${DBMes}</span>
            </div>
        </div>
        <div>
            <div class="ch">密码:</div>
            <div class="ip">
                <input type="text" name="password">
                <span>${formBean.errors.password}</span>
            </div>
        </div>
        <div>
            <div class="ch">确认密码:</div>
            <div class="ip">
                <input type="text" name="password2">
                <span>${formBean.errors.password2}</span>
            </div>
        </div>
        <div>
            <div class="ch">邮箱:</div>
            <div class="ip">
                <input type="text" name="email" value="${formBean.email}">
                <span>${formBean.errors.email}</span>
            </div>
        </div>
        <div id="bt">
            <input type="reset"value="重置 " />
            <input type="submit"value="注册" />
        </div>
    </div>
</form>
</body>
</html>

4.7 创建loginSuccess.jsp页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>login successfully</title>
    <style type="text/css">
        #main {
            width: 500px;
            height: auto;
        }
        #main div {
            width: 200px;
            height: auto;
        }
        ul {
            padding-top: 1px;
            padding-left: 1px;
            list-style: none;
        }
    </style>
</head>
<body>
<%
    if (session.getAttribute("userBean") == null) {
%>
<jsp:forward page="register.jsp"/>
<%
  return;
  }
%>
<div id="main">
    <div id="welcome">恭喜你，登陆成功</div>
    <hr />
    <div>您的信息</div>
    <div>
        <ul>
            <li>您的姓名:${userBean.name }</li>
            <li>您的邮箱:${userBean.email }</li>
        </ul>
    </div>
</div>
</body>
</html>

运行http://localhost:8080/register.jsp 页面测试