JavaWeb的两种开发模式

时间:2021-01-22 13:08:07

SUN公司推出JSP技术后,同时也推荐了两种web应用程序的开发模式,一种是JSP+JavaBean模式,一种是Servlet+JSP+JavaBean模式。

JSP+JavaBean开发模式

jsp+javabean开发模式架构

jsp+javabean开发模式的架构图如下图所示:
JavaWeb的两种开发模式
在jsp+javabean架构中,JSP负责控制逻辑、表现逻辑、业务对象(javabean)的调用。
JSP+JavaBean模式适合开发业务逻辑不太复杂的web应用程序,这种模式下,JavaBean用于封装业务数据,JSP即负责处理用户请求,又显示数据。

JSP+JavaBean开发模式开发web版计算器

首先分析一下jsp和javabean各自的职责,jsp负责显示计算器(calculator)页面,供用户输入计算数据,并显示计算后的结果,javaBean负责接收用户输入的计算数据并且进行计算,JavaBean具有firstNum、secondNum、result、 operator属性,并提供一个calculate方法。
现在思考一个问题,firstNum和secondNum的数据类型应该使用什么?使用double类型吗?
答:不可以,若firstNum和secondNum的数据类型为double,那么他们计算的结果是不精确的。
例,

public class Demo1 {

public static void main(String[] args) {
// 浮点数运算只适合科学运算,计算的结果是不精确的
double a = 0.1;
double b = 0.006;

System.out.println(a+b);
}

}

输出:0.10600000000000001,可见两数相加结果并不精确。
结论:浮点数运算只适合科学运算,计算的结果是不精确的
那么到底firstNum和secondNum的数据类型应该使用什么呢?
答:使用BigDecimal这个类。
例,

public class Demo1 {

public static void main(String[] args) {
// 记住以后要用程序计算精确的货币运算,就一定要用BigDecimal这个类
BigDecimal a = new BigDecimal("0.1");
BigDecimal b = new BigDecimal("0.006");

System.out.println(a.add(b).toString());
}

}

输出:0.106
结论:以后要用程序计算精确的货币运算,就一定要用BigDecimal这个类
不只如此,如果两个数无比复杂,也能进行精确的计算,如下例:

public class Demo1 {

public static void main(String[] args) {
// 记住以后要用程序计算精确的货币运算,就一定要用BigDecimal这个类
BigDecimal a = new BigDecimal("0.134589021832190483290483258423154366546546754743654364326543");
BigDecimal b = new BigDecimal("0.00612313143243254354645654758768679721342431555555555555555543351");

System.out.println(a.add(b).toString()); // 两数相加
System.out.println(a.multiply(b).toString()); // 两数相乘
System.out.println(a.divide(b, 10, BigDecimal.ROUND_HALF_UP)); // 两数相除,结果为:四舍五入后小数点后保留10个有效数字
}

}

运行结果为:

0.14071215326462302683693980601084116375997107029920991988209843351
0.00082410627004103539046464220795712688426368202811631247096573275624751177453490126790864984939988311974434689140107556465593
21.9804234675

编写CalculatorBean,负责接收用户输入的计算数据并且进行计算

CalculatorBean代码如下:

// 封装计算器数据的bean
public class CalculatorBean {
private String firstNum = "0"; // 字段最好拥有显示值
private char operator = '+';
private String secondNum = "0";
private String result;

public String getFirstNum() {
return firstNum;
}
public void setFirstNum(String firstNum) {
this.firstNum = firstNum;
}
public char getOperator() {
return operator;
}
public void setOperator(char operator) {
this.operator = operator;
}
public String getSecondNum() {
return secondNum;
}
public void setSecondNum(String secondNum) {
this.secondNum = secondNum;
}
public String getResult() {
return result;
}
public void setResult(String result) {
this.result = result;
}

public void calculate() {
BigDecimal first = new BigDecimal(firstNum);
BigDecimal second = new BigDecimal(secondNum);

switch (this.operator) {
case '+': {
this.result = first.add(second).toString();
break;
}
case '-': {
this.result = first.subtract(second).toString();
break;
}
case '*': {
this.result = first.multiply(second).toString();
break;
}
case '/': {
if(second.doubleValue() == 0) {
throw new RuntimeException("被除数不能为0");
}
this.result = first.divide(second, 20, BigDecimal.ROUND_HALF_UP).toString();
break;
}
default:
throw new RuntimeException("运算符只能是:+-*/ ");
}
}
}

编写calculator.jsp,负责显示计算器(calculator)页面,供用户输入计算数据,并显示计算后的结果

calculator.jsp页面代码如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>计算器</title>
</head>
<body>

<jsp:useBean id="calculatorBean" class="cn.itcast.domain.CalculatorBean"></jsp:useBean>
<jsp:setProperty property="*" name="calculatorBean"/>

<%
try {
calculatorBean.calculate();
} catch (Exception e) {
out.write(e.getMessage());
}

%>

<br/>----------------------------------------------------------<br/>
计算结果是:
<jsp:getProperty property="firstNum" name="calculatorBean"/>
<jsp:getProperty property="operator" name="calculatorBean"/>
<jsp:getProperty property="secondNum" name="calculatorBean"/>
=
<jsp:getProperty property="result" name="calculatorBean"/>
<br/>----------------------------------------------------------<br/>

<br/>

<form action="/day09/calculator.jsp" method="post">
<table width="40%" border="1">
<tr>
<td colspan="2">简单的计算器</td>
</tr>
<tr>
<td>第一个参数:</td>
<td>
<input type="text" name="firstNum">
</td>
</tr>
<tr>
<td>操作符</td>
<td>
<select name="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
</td>
</tr>
<tr>
<td>第二个参数</td>
<td>
<input type="text" name="secondNum">
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="计算">
</td>
</tr>
</table>
</form>
</body>
</html>

运行结果如下:
JavaWeb的两种开发模式

Servlet+JSP+JavaBean开发模式

在平时的JavaWeb项目开发中,在不使用第三方mvc开发框架的情况下,通常会选择Servlet+JSP+JavaBean开发模式来开发JavaWeb项目,Servlet+JSP+JavaBean组合开发就是一种MVC开发模式了,控制器(Controller)采用Servlet、模型(Model)采用JavaBean、视图(View)采用JSP。在讲解Servlet+JSP+JavaBean开发模式之前,先简单了解一下MVC开发模式。

Web开发中的请求-响应模型

JavaWeb的两种开发模式
在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模型是一种架构型的模式,本身不引入新功能,只是帮助我们将开发的结构组织的更加合理,使展示与模型分离、流程控制逻辑、业务逻辑调用与展示逻辑分离。如下图所示:
JavaWeb的两种开发模式

MVC(Model-View-Controller)的概念

首先让我们了解下MVC(Model-View-Controller)的概念:

  • Model(模型)
    数据模型,提供要展示的数据,因此包含数据和行为,可以认为是领域模型(domain)或JavaBean组件(包含数据和行为),不过现在一般都分离开来:Value Object(数据)和服务层(行为)。也就是模型提供了模型数据查询和模型数据的状态更新等功能,包括数据和业务
  • View(视图)
    负责进行模型的展示,一般就是我们见到的用户界面,客户想看到的东西。
  • Controller(控制器)
    接收用户请求,委托给模型进行处理(状态改变),处理完毕后把返回的模型数据返回给视图,由视图负责展示。 也就是说控制器做了个调度员的工作

从上图我们还看到,在标准的MVC中模型能主动推数据给视图进行更新(观察者设计模式,在模型上注册视图,当模型更新时自动更新视图),但在Web开发中模型是无法主动推给视图(无法主动更新用户界面),因为在Web开发是请求-响应模型。
那接下来我们看一下在Web里MVC是什么样子,我们称其为Web MVC 来区别标准的MVC。

Web MVC概述

Web MVC中的M(模型)-V(视图)-C(控制器)概念和标准MVC概念一样,我们再看一下Web MVC标准架构,如下图所示:
JavaWeb的两种开发模式
在Web MVC模式下,模型无法主动推数据给视图,如果用户想要视图更新,需要再发送一次请求(即请求-响应模型)。

Servlet+JSP+JavaBean开发模式介绍

Servlet+JSP+JavaBean架构其实可以认为就是我们所说的Web MVC模型,只是控制器采用Servlet、模型采用JavaBean、视图采用JSP,如下图:
JavaWeb的两种开发模式

Servlet+JSP+JavaBean开发模式与三层结构

Servlet+JSP+JavaBean开发模式通常会结合三层结构,如下图:
JavaWeb的两种开发模式