JSP开发模型

MVC模式：
MVC（Model-View-Controller，模型-视图-控制器）是一种程序设计概念，它同时适用于简单的和复杂的程序。使用该模式，可将待开发的应用程序分解为三个独立的部分：模型、视图和控制器。

提出这种设计模式主要是因为应用程序中用来完成任务的代码（模型，也称为“业务逻辑”）通常是程序中相对稳定的部分，并且会被重复使用，而程序与用户进行交互的页面（视图），却是经常改变的。

如果因需要更新页面而不得不对业务逻辑代码进行改动，或者要在不同的模块中应用相同的功能时重复地编写业务逻辑代码，不仅会降低整体程序开发的进程，而且会使程序变得难以维护。因此，将业务逻辑代码与外观呈现分离，将会更容易地根据需求的改变来改进程序。MVC 模式的模型如图所示。

MVC模式的模型

Model（模型）：MVC 模式中的 Model（模型）指的是业务逻辑的代码，是应用程序中真正用来完成任务的部分。

View（视图）：视图实际上就是程序与用户进行交互的界面，用户可以看到它的存在。视图可以具备一定的功能，并应遵守对其所做的约束。在视图中，不应包含对数据处理的代码，即业务逻辑代码。

Controller（控制器）：控制器主要用于控制用户请求并做出响应。它根据用户的请求，选择模型或修改模型，并决定返回什么样的视图。
JSP+JavaBean 设计模式虽然已经对网站的业务逻辑和显示页面进行了分离，但这种模式下的 JSP 不但要控制程序中的大部分流程，而且还要负责页面的显示，所以仍然不是一种理想的设计模式。

在 JSP+JavaBean 设计模式的基础上加入 Servlet 来实现程序中的控制层，是一个很好的选择。在这种模式中，由 Servlet 来执行业务逻辑并负责程序的流程控制，JavaBean 组件实现业务逻辑，充当模型的角色，JSP 用于页面的显示。可以看出，这种模式使得程序中的层次关系更明显，各组件的分工也非常明确。下图表示该模式对客户端的请求进行处理的过程。

JSP+JavaBean+Servlet (JSP Model2)设计模式

如图所示的模式中，各步骤的说明如下。
1、用户通过客户端浏览器请求服务器。
2、服务器接收用户请求后调用 Servlet。
3、Servlet 根据用户请求调用 JavaBean 处理业务。
4、在 JavaBean 中连接及操作数据库，或实现其他业务逻辑。
5、JavaBean 将结果返回 Servlet，在 Servlet 中将结果保存到请求对象中。
6、由 Servlet 转发请求到 JSP 页面。
7、服务器读取 JSP 页面中的内容（将页面中的静态内容与动态内容结合）。
8、服务器将最终的结果返回给客户端浏览器进行显示。

但 JSP+JavaBean+Servlet （JSP Model2）模式同样也存在缺点。该模式遵循了 MVC 设计模式，MVC 只是一个抽象的设计概念，它将待开发的应用程序分解为三个独立的部分：模型（Model）、视图（View）和控制器（Controller）。

按照Model2思想实现注册功能
ControllerServlet：

package cn.itcast.chapter11.model.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")
public class ControllerServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
	protected void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException{
		response.setContentType("text/html;charset=utf-8");
		request.setCharacterEncoding("utf-8");
		String name=request.getParameter("name");
		String password=request.getParameter("password");
		String password2=request.getParameter("password2");
		String email=request.getParameter("email");
		RegisterFormBean fromBean=new RegisterFormBean();
		fromBean.setName(name);
		fromBean.setPassword(password);
		fromBean.setPassword2(password2);
		fromBean.setEmail(email);
		if(!fromBean.validate()) {
			request.setAttribute("formBean", fromBean);
			request.getRequestDispatcher("/register.jsp").forward(request, response);
			return;
		}
		UserBean userBean=new UserBean();
		userBean.setName(name);
		userBean.setPassword(password);
		userBean.setEmail(email);
		boolean b=DBUtil.getInstance().insertUser(userBean);
		if(!b) {
			request.setAttribute("DBMes", "用户名已经存在");
			request.setAttribute("formBean", fromBean);
			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 doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException{
		doGet(request,response);
	}

}

RegisterFormBean：

package cn.itcast.chapter11.model2.domain;

import java.util.HashMap;
import java.util.Map;

public class RegisterFormBean {

	//1.用来封装注册参数的
	private String name;
	private String password;
	private String password2;
	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 getPassword2() {
		return password2;
	}
	public void setPassword2(String password2) {
		this.password2 = password2;
	}
	public String getEmail() {
		return email;
	}
	public void setEmail(String email) {
		this.email = email;
	}
	//------------进行服务端的数据-----------------------
	//2.定义变量来接收用户校验的信息，比如说用户名、邮箱是否符合规范,
	//第一个参数 属性名称  第二个参数：属性值是否符合规范信息,比如（“email”,”邮箱格式有误“）；
	private Map<String,String> errors = new HashMap<String,String>();
	public boolean validate(){
		//2.定义变量，来判断数据是否满足规范，如果满足 就返回true,不满足就返回false
		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;
			return flag;
		}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("password2","两次输入密码不一致");
			flag = false;
			return flag;
		}
		//校验邮箱,校验邮箱格式是否满足规范
		  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;
	}
	//获取错误信息的方法
	public Map<String, String> getErrors() {
		return errors;
	}
	//提供向map集合中添加错误信息
	public void setErrorMsg(String err,String errMsg){
		if((err != null) && (errMsg!=null)){
			errors.put(err, errMsg);
		}
	}
}

UserBean：

package cn.itcast.chapter11.model2.domain;
/**
 * 用来封装用户的基本参数
 * @author apple
 *
 */
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;
	}
	
	
}  

DBUtil：

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();
	public static  DBUtil getInstance(){
		return instance;
	}
	//定义集合，来保存用户注册的数据
	private HashMap<String, UserBean> users = new HashMap<String, UserBean>();
	
	//插入2条数据
	public DBUtil(){
		UserBean user1 = new UserBean();
		user1.setName("Jack");
		user1.setPassword("123456");
		user1.setEmail("jack@it315.org");
		users.put("Jack",user1);
		UserBean user2 = new UserBean();
		user2.setName("Rose");
		user2.setPassword("abcdefr");
		user2.setEmail("rose@it315.org");
		users.put("Rose",user2);
	
	}
	//获取值的方法
	public UserBean getUser(String username){
		UserBean user = users.get(username);
		return user;
	}
	//提供插入数据库的方法
	public boolean insertUser(UserBean user){
		//用户为null,不能插入
		if(user == null){
			return false;
		}
		//判断用户名是否重复
		String username = user.getName();//用户提交过来的注册的参数
		//String usernameDB = users.get(username).getName();//从数据库查询出来的用户名
		UserBean userDB = users.get(username);
		if(userDB !=null){//根据注册参数查询数据库有用户对象，表明用户名存在
			return false;
		}
		users.put(username,user);
		return true;
	
	
	
}

register.jsp

<%@ page language="java" pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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="password" name="password" />
					    <span>${formBean.errors.password}</span>
				    </div>
			    </div>
			    <div>
				    <div class="ch">确认密码:</div>
				    <div class="ip">
					    <input type="password" 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>

loginSuccess.jsp

<%@ page language="java" pageEncoding="GBK" import="cn.itcast.chapter11.model2.domain.UserBean"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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>
			    </ul>
		    </div>
	    </div>
</body>
</html>

实现效果：