第十一章：JSP开发模型及任务11按照Model2思想实现用户注册功能

一：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代码，特别是当需要处理的请求量很大时，情况会更为糟糕。

二：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) 缺点：分层过多，不适合小型项目的开发。

三：任务11—按照Model2思想实现用户注册功能

3.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页面

3.2 创建项目，编写JavaBean
3.1编写UserBean类
UserBean用于封装用户信息，代码如下：

package cn.itcast.chapter11.model2.domain;

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(Object passwrod2) {
	        this.password = (String) passwrod2;
	    }
	    public String getEmail() {
	        return email;
	    }
	    public void setEmail(String email) {
	        this.email = email;
	    }
		
		}
	
	

3.2编写RegisterFormBean类
用于封装注册表单信息

package cn.itcast.chapter11.model2.domain;
import java.util.HashMap;
import java.util.Map;
public class RegisterFormBean {
	private String name;
	private String password;
	private String password2;
	private String email;
	//定义成员变量errors，用于封装表单验证时的错误信息
	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;
	}
	public boolean validate() {
		boolean flag = true;
		if (name == null || name.trim().equals("")) {
			errors.put("name", "请输入姓名.");
			flag = false;
			return flag;
		}
		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;
			return flag;
		}
		if (password != null && !password.equals(password2)) {
			errors.put("passwrod2", "两次输入的密码不匹配.");
			flag = false;
			return flag;
		}
		//对email格式的检验采用了正则表达式
		String regex="[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+";
		if (email == null || email.trim().equals("")) {
			errors.put("email", "请输入邮箱.");
			flag = false;
			return flag;
			
		} else if (!email.matches(regex)) {
			errors.put("email", "邮箱格式错误.");
			flag = false;
			return flag;
			
		}
		return flag;
	}
	//向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;
	}
}

3.3 编写工具类DBUtils.java

package cn.itcast.chapter11.model2.util;
	 
	import java.util.HashMap;

import cn.itcast.chapter11.model2.domain.UserBean;
	 
	public class DBUtil {
		private static DBUtil instance = new DBUtil();
		//定义users集合，用于模拟数据库
		private HashMap<String,UserBean> users = new HashMap<String, UserBean>();
		private DBUtil() {
			//向数据库(users)中存入两条数据
			UserBean user1 = new UserBean();
			user1.setName("Jack");
			user1.setPassword("12345678");
			user1.setEmail("jack@it315.org");
			users.put("Jack", user1);
			UserBean user2 = new UserBean();
			user2.setName("Rose");
			user2.setPassword("abcdefg");
			user2.setEmail("rose@it315.org");
			users.put("Rose",user2);
		}
		public static DBUtil getInstance() {
			return instance;
		}
		//获取数据库(users)中的数据
		public UserBean getUser(String userName) {
			UserBean user = (UserBean) users.get(userName);
			return user;
		}
		//向数据库(users)插入数据
		public boolean insertUser(UserBean user) {
			if(user == null) {
				return false;
			}
			String userName = user.getName();
			if(users.get(userName) != null) {
				return false;
			}
			users.put(userName, user);
			return true;
		}
	}

3.4 编写数据操作类DBUtilsDao
在dao包中创建DBUtilsDao：

3.5 创建ControllerServlet(控制层）
在controller包中创建ControllerServlet：

package cn.itcast.chapter11.model2.web;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import cn.itcast.chapter11.model2.domain.RegisterFormBean;
import cn.itcast.chapter11.model2.domain.UserBean;
import cn.itcast.chapter11.model2.util.DBUtil;

@WebServlet("/ControllerServlet")
//@WebServlet("/chapter11/servlet/cn.itcast.chapter11.model2.web.ControllerServlet")

public class ControllerServlet extends HttpServlet {
	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;
	public void doGet(HttpServletRequest request,
	HttpServletResponse response) throws ServletException, IOException {
		this.doPost(request, response);
		System.out.println("test");
	}
	public void doPost(HttpServletRequest request,
	HttpServletResponse response) throws ServletException, IOException {
        response.setHeader("Content-type", "textml;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类中
		RegisterFormBean formBean = new RegisterFormBean();
		formBean.setName(name);
		formBean.setPassword(password); 
		formBean.setPassword2(password2);
		formBean.setEmail(email);
		// 验证参数填写是否符合要求，如果不符合，转发到register.jsp重新填写
		if(!formBean.validate()){
			request.setAttribute("formBean", formBean);
			request.getRequestDispatcher("/register.jsp").forward(request, response);
			return;
		}
		// 参数填写符合要求，则将数据封装到UserBean类中
		UserBean userBean = new UserBean();
		userBean.setName(name);
		userBean.setPassword(password);
		userBean.setEmail(email);
        // 调用DBUtil类中的insertUser()方法执行添加操作，并返回一个boolean类型的标志
		boolean b = DBUtil.getInstance().insertUser(userBean);
        // 如果返回为false，表示注册的用户已存在，则重定向到register.jsp重新填写
		if(!b){
			request.setAttribute("DBMes", "你注册的用户已存在");
              request.setAttribute("formBean", formBean);
		     request.getRequestDispatcher("/register.jsp").forward(request, response);
			return;
		}
		response.getWriter().print("恭喜你注册成功，3秒钟自动跳转");
		// 将成功注册的用户信息添加到Session中
		request.getSession().setAttribute("userBean", userBean);
		// 注册成功后，3秒跳转到登录成功页面loginSuccess.jsp
		response.setHeader("refresh", "3;url=loginSuccess.jsp");
		System.out.println("tttt");
	}
}                          

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

3.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="/chapter11/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>

3.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>

<div id="main">
    <div id="welcome">恭喜你，登陆成功</div>
    <hr />
    <div>您的信息</div>
    <div>
        <ul>
       
            
        <li>您的姓名: ${userBean.name }</li>
        <li>您的邮箱: ${userBean.email }</li>
        <li></li>
        </ul>
    </div>
</div>
</body>
</html>

运行http://localhost:8080/register.jsp 页面测试
访问注册页面：

信息填写错误的显示页面

注册成功提示信息

运行结果，跳转用户登陆成功的页面的

注意：在用户名为“yanmin”的用户注册成功后，再次以此用户注册时，同样会跳转到register.jsp页面，并提示“注册的用户已经存在”。
结果为：