JSP开发模型

**

11.1 JSP开发模型

**

JSP的开发模型即JSP Model,在Web开发中，为了更方便地使用JSP技术，SUN公司为JSP技术提供了两种开发模型: JSP Model1和JSP Model2。JSP Model1简单轻便，适合小型Web项目的快速开发;JSPModel2模型是在JSPModel1的基础上提出的，它提供了更清晰的代码分层，更适用于多人合作开发的大型Web项目，实际开发过程中可以根据项目需求，选择合适的模型。接下来就针对这两种开发模型分别进行详细介绍。

1. JSP Model1

在讲解JSP Model1前，先来了解一下JSP开发的早期模型。在早期使用JSP开发的JavaWeb应用中，JSP文件是一-个独立的、 能自主完成所有任务的模块，它负责处理业务逻辑、控制网页流程和向用户展示页面等，接下来通过一张图来描述JSP早期模型的工作原理。

11.2MVC设计模型

1.模型

模型( Model)负责管理应用程序的业务数据、定义访问控制以及修改这些数据的业务规则。当模型的状态发生改变时，它会通知视图发生改变，并为视图提供查询模型状态的方法。

2.视图

视图(View)负责与用户进行交互，它从模型中获取数据向用户展示，同时也能将用户请求传递给控制器进行处理。当模型的状态发生改变时，视图会对用户界面进行同步更新，从而保持与模型数据的一致性。

3.控制器

控制器(Controller)是负责应用程序中处理用户交互的部分，它负责从视图中读取数据，控制用户输入，并向模型发送数据。

[实现步骤]

1.创建项目，编写JavaBean

(1)编写UserBean类

在Eclipse 中创建一一个名称为chapter11 的Web项目，在项目的SrC目录下创建包cn.itcast.chapter11.model2.domain, 在包中定义UserBean类，用于封装用户信息，代码如下。
UserBean.java

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;
	}
	
	
}

(2) 编写RegisterFormBean类

在 cn.itcast.chapter11.model2.domain 包中定义RegisterFormBean类，用于封装注册表单信息。
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);
		}
	}
	 
}

2.创建工具类

在chapter11项目的src下创建包cn.itcast.chapter11.model2.util,在包中定义DBUtil类。代码如文件11-3所示
DBUtil.java

package cn.itcast.chapter11.model2.util.copy;

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;
		
	}
	 
	
}

3.创建Servlet

在chapter11项目下创建包cnitcast capter1.model2 web,在包中定义CntrlelSerle类，使用该类来处理用户请求，代码如文件11-4所示。
ContollerSerlet.java

package itcast.chapter11.model.web;

import java.io.IOException;

import javax.servlet.ServletException;
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.copy.DBUtil;

public class ControllerServlet extends HttpServlet{

public void doGet (HttpServletRequest request,

HttpServletResponse response) throws ServletException, IOException {

this. doPost (request, response);
}
public void doPost (HttpServletRequest request,

HttpServletResponse response) throws ServletException, IOException{

response. setHeader ("Content-type", "text/html; charset-GBK");

response. setCharacterEncoding ("GBK");

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 = DBUtil.getInstance().insertUser (userBean);
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");

}
}

4.JSP页面
(1)编写register.jsp文件

在项目的WebContent目录下创建register.jsp文件，该文件是用户注册的表单页面，用于接收用户的注册信息。代码如文件11-5所示。

文件11-5 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>

(2)编写loginSuccess.jsp文件

在WebContent目录下创建loginSuccess.jsp文件，该文件是用户登录成功的页面，代码如文件11-6所示。

<%@ page language="java" pageEncoding="GBK" import="cn.itcast.chapter11.model2.domain.UserBean"%>
<!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>您的姓名:</li>
				    <li>您的邮箱:</li>
			    </ul>
		    </div>
	    </div>
</body>
</html>

5.运行程序，测试结果

将chapter11项目发布到Tomcat服务器，并启动服务器，然后在浏览器地址栏中输入地址“http://localhost:8080/chapter11/register.jsp"访问register.jsp 页面，浏览器的显示结果如图
请添加图片描述
在图11-6所示的表单中填写用户信息进行注册，如果注册的信息不符合表单验证规则，那么当单击[注册]按钮后，程序会再次跳回到注册页面，提示注册信息错误。例如，用户填写注册信息时，如果两次填写的密码不一致，并且邮箱格式错误，那么当单击[注册]按钮后，页面的显示结果如图11-7所示。
在这里插入图片描述

等待3秒钟后，页面会自动跳转到用户成功登录页面，并显示出用户信息，如图所示
请添加图片描述

需要注意的是，在用户名为“itcast" 的用户注册成功后，如果再次以"itcast" 为用户名进行注册，程序同样会跳转到register.jsp注册页面，并提示“你注册的用户已存在”，提示信息如图11-10所示。
在这里插入图片描述

# mvc # java # 前端
Logo
MCP技术社区

欢迎加入 MCP 技术社区！与志同道合者携手前行，一同解锁 MCP 技术的无限可能！

更多推荐

cover

MCP 实战第一课：让 DeepSeek 接管你的电脑

avatar MCP技术社区
cover

MCP结合高德地图完成配置

avatar MCP技术社区
cover

2025最新大模型常见面试题汇总（含答案），面试还得八股文，不背不行啊，非常详细收藏我这一篇就够了！

avatar MCP技术社区