Java web 十三

JSP 开发模型

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

1.JSP Model1
JSP Model1采用JSP + JavaBean的技术，将页面显示和业务逻辑分开。其中，JSP实现流程控制和页面显示，JavaBean对象封装数据和业务逻辑。如图所示：

它的执行过程：
（1）首先浏览器发送请求给JSP

（2）然后JSP会直接对数据进行读取，保存或修改等。

（3）最后JSP会将操作结果响应给浏览器

二，MVC设计模式
MVC设计模式将软件程序分为3个核心模块：模型（Model），视图（View）和控制器（Controller），这三个模块作用如下：
1.模型
模型(Model)负责管理应用程序的业务数据、定义访问控制以及修改这些数据的业务规则。当模型的状态发生改变时，它会通知视图发生改变，并为视图提供查询模型状态的方法。
2. 视图
视图(View)负责与用户进行交互，它从模型中获取数据向用户展示，同时也能将用户请求传递给控制器进行处理。当模型的状态发生改变时，视图会对用户界面进行同步更新，从而保持与模型数据的一致性。
3.控制器
控制器(Controller)是负责应用程序中处理用户交互的部分，它负责从视图中读取数据，控制用户输入，并向模型发送数据。

1.JSP Model2
JSP Model2架模型采用JSP +Servlet+JavaBean的技术，此技术将原本JSP页面中的流程控制代码提取出来，封装到Servlet中，从而实现了整个程序页面显示，流程控制和业务逻辑的分离。实际上JSP Model2模型就是MVC。
模型图如下：

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

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

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

编写代码如下：
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;
	    }
		
		}
	
	

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 编写工具类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;
		}
	}

4.创建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页面，表示用户登录成功。

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

6 创建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/chaapter013/ControllerServlet 页面测试
注册账户页面：

注册成功页面：