学习javaweb第十四天

最新推荐文章于 2022-01-09 01:09:51 发布

唱跳rap蓝球

最新推荐文章于 2022-01-09 01:09:51 发布

阅读量588

点赞数 2

分类专栏：程序员养成中文章标签： java

本文链接：https://blog.csdn.net/ll2487215826/article/details/122387884

版权

程序员养成中专栏收录该内容

43 篇文章 0 订阅

订阅专栏

JSP开发模型

JSP开发的两种模型
使用JSP技术开发Web应用程序，有两种架构模型可供选择。通常称为Model1和Model2
1.Model1
Model1使用JSP+JavaBean技术将页面显示和业务逻辑处理分开。JSP实现页面显示，JavaBean对象用来保存数据和实现商业逻辑。
在Model1中，JSP页面独自响应请求并将处理结果返回给客户，所有的数据通过JavaBean来处理，JSP实现页面显示。
jsp+javabean开发模式架构图
在这里插入图片描述
在jsp+javabean架构中，JSP负责控制逻辑、表现逻辑、业务对象（javabean）的调用。

JSP+JavaBean模式适合开发业务逻辑不太复杂的web应用程序，这种模式下，JavaBean用于封装业务数据，JSP即负责处理用户请求，又显示数据。
2.Model2
在Model1中，JSP页面嵌入了流程控制代码和部分的逻辑处理代码，我们可以将这部分代码提取出来，放到一个单独的角色里，这个角色就是控制器角色(Controller)。而这样的Web架构就是Model2.Model2符合MVC架构模式。MVC即模型-视图-控制器(Model-View-Controller)。
在Model2中，控制器的角色由Servlet来实现，视图的角色由JSP页面来实现，模型的角色由JavaBean来实现。Model2架构如下图所示：

Servlet充当控制器的角色，它接受请求，并且根据请求信息将它们分发给适当的JSP页面来产生响应。Servlet控制器还根据JSP视图的需求生成JavaBean的实例并输入给JSP环境。JSP视图可以通过直接调用JavaBean实例的方法或使用和动作元素来得到JavaBean中的数据。
Servlet+JSP+JavaBean开发模式
　　在平时的JavaWeb项目开发中，在不使用第三方mvc开发框架的情况下，通常会选择Servlet+JSP+JavaBean开发模式来开发JavaWeb项目，Servlet+JSP+JavaBean组合开发就是一种MVC开发模式了，控制器(Controller)采用Servlet、模型(Model)采用JavaBean、视图(View)采用JSP。在讲解Servlet+JSP+JavaBean开发模式之前，先简单了解一下MVC开发模式。

Web开发中的请求-响应模型
在这里插入图片描述
在Web世界里，具体步骤如下：

1、Web浏览器（如IE）发起请求，如访问http://www.iteye.com/

2、Web服务器（如Tomcat）接收请求，处理请求（比如用户新增，则将把用户保存一下），最后产生响应（一般为html）。

3、web服务器处理完成后，返回内容给web客户端（一般就是我们的浏览器），客户端对接收的内容进行处理（如web浏览器将会对接收到的html内容进行渲染以展示给客户）。

因此，在Web世界里：都是Web客户端发起请求，Web服务器接收、处理并产生响应。

一般Web服务器是不能主动通知Web客户端更新内容。虽然现在有些技术如服务器推（如Comet）、还有现在的HTML5 websocket可以实现Web服务器主动通知Web客户端。

到此我们了解了在web开发时的请求/响应模型，接下来我们看一下标准的MVC模型是什么。
　　
标准MVC模型概述
　　MVC模型：是一种架构型的模式，本身不引入新功能，只是帮助我们将开发的结构组织的更加合理，使展示与模型分离、流程控制逻辑、业务逻辑调用与展示逻辑分离。如下图所示：
　　在这里插入图片描述
MVC（Model-View-Controller）的概念
首先让我们了解下MVC（Model-View-Controller）的概念：

Model（模型）：数据模型，提供要展示的数据，因此包含数据和行为，可以认为是领域模型(domain)或JavaBean组件（包含数据和行为），不过现在一般都分离开来：Value Object（数据）和服务层（行为）。也就是模型提供了模型数据查询和模型数据的状态更新等功能，包括数据和业务。

View（视图）：负责进行模型的展示，一般就是我们见到的用户界面，客户想看到的东西。

Controller（控制器）：接收用户请求，委托给模型进行处理（状态改变），处理完毕后把返回的模型数据返回给视图，由视图负责展示。也就是说控制器做了个调度员的工作。

在标准的MVC中模型能主动推数据给视图进行更新（观察者设计模式，在模型上注册视图，当模型更新时自动更新视图），但在Web开发中模型是无法主动推给视图（无法主动更新用户界面），因为在Web开发是请求-响应模型。

Servlet+JSP+JavaBean架构其实可以认为就是我们所说的Web MVC模型，只是控制器采用Servlet、模型采用JavaBean、视图采用JSP，如图：
在这里插入图片描述

注意一点：Model1中，是JSP页面独自响应请求并将处理结果返回客户，JSP既要负责业务流程控制，又要负责提供表示层数据，同时充当视图和控制器。而Model2是由Servlet来接受请求，创建JSP页面需要使用的JavaBean对象，根据用户请求选择合适的JSP页面返回给用户。在JSP页面中没有处理逻辑，它仅负责检索原先由Servlet创建的JavaBean对象，从Servlet中提取动态内容插入到静态模板中。

按照Model2思想实现用户注册功能
实现步骤
（1）创建项目，编写JavaBean
①编写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;
	}
	
	
}

②编写RegisteFormBean类

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）创建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;
		
	}
}

（3）创建Servlet

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 org.apache.commons.beanutils.BeanUtils;

import cn.itcast.chapter11.model2.domain.RegisterFormBean;
import cn.itcast.chapter11.model2.domain.UserBean;
import cn.itcast.chapter11.model2.util.DBUtil;

/**
 * Servlet implementation class ControllerServlet
 */
@WebServlet("/ControllerServlet")
public class ControllerServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		response.setContentType("text/html;charset=utf-8");
		request.setCharacterEncoding("utf-8");
		//BeanUtils.populate(new RegisterFormBean(), request.getParameterMap());
		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);
		//如果连接了真的数据库，那这里就是操作或调用dao操作数据库
		//我们是模拟
		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");
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request, response);
	}

}

（4）创建JSP页面
①编写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>

运行结果
在这里插入图片描述
输入不同的密码

注册成功

唱跳rap蓝球

关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
学习javaweb第十四天

JSP开发模型JSP开发的两种模型使用JSP技术开发Web应用程序，有两种架构模型可供选择。通常称为Model1和Model21.Model1Model1使用JSP+JavaBean技术将页面显示和业务逻辑处理分开。JSP实现页面显示，JavaBean对象用来保存数据和实现商业逻辑。在Model1中，JSP页面独自响应请求并将处理结果返回给客户，所有的数据通过JavaBean来处理，JSP实现页面显示。jsp+javabean开发模式架构图在jsp+javabean架构中，JSP负责控制逻辑
复制链接

扫一扫