Java Web基礎(chǔ)入門第二十八講 JavaWeb開發(fā)的兩種模式

發(fā)表時間：2016-7-31

發(fā)布人：葵宇科技

瀏覽次數(shù)：67

SUN公司推出JSP技術(shù)后，同時也推出了兩種Web應(yīng)用程序的開發(fā)模式，一種是JSP+JavaBean模式，一種是Servlet+JSP+JavaBean模式。

JSP+JavaBean開發(fā)模式

JSP+JavaBean開發(fā)模式架構(gòu)

JSP+JavaBean開發(fā)模式的架構(gòu)圖如下圖所示：
在這里插入圖片描述
在JSP+JavaBean架構(gòu)中，JSP負(fù)責(zé)控制邏輯、表現(xiàn)邏輯、業(yè)務(wù)對象（JavaBean）的調(diào)用。JSP+JavaBean模式適合開發(fā)業(yè)務(wù)邏輯不太復(fù)雜的Web應(yīng)用程序，在這種模式下，JavaBean用于封裝業(yè)務(wù)數(shù)據(jù)，JSP既負(fù)責(zé)處理用戶請求，又負(fù)責(zé)顯示數(shù)據(jù)。

JSP+JavaBean開發(fā)模式開發(fā)Web版簡易計算器

首先分析一下JSP和JavaBean各自的職責(zé)，JSP負(fù)責(zé)顯示計算器(calculator)頁面，供用戶輸入計算數(shù)據(jù)，并顯示計算后的結(jié)果，JavaBean負(fù)責(zé)接收用戶輸入的計算數(shù)據(jù)并且進行計算，JavaBean具有firstNum、secondNum、result、 operator屬性，并提供一個calculate方法。
現(xiàn)在來思考一個問題，firstNum和secondNum的數(shù)據(jù)類型應(yīng)該使用什么？使用double類型嗎？答案是不可以，若firstNum和secondNum的數(shù)據(jù)類型為double，那么它們計算的結(jié)果是不精確的。例如，有程序如下：

package cn.liayun.domain;

public class Demo1 {

	public static void main(String[] args) {
		// 浮點數(shù)運算只適合科學(xué)運算，計算的結(jié)果是不精確的
		double a = 0.1;
		double b = 0.006;
		
		System.out.println(a + b);
	}

}

運行以上程序，Eclipse控制臺輸出結(jié)果如下：
在這里插入圖片描述
可見兩數(shù)相加結(jié)果并不精確。由此得出結(jié)論，浮點數(shù)運算只適合科學(xué)運算，計算的結(jié)果是不精確的。
那么到底firstNum和secondNum的數(shù)據(jù)類型應(yīng)該使用什么呢？使用BigDecimal這個類。例如，有程序如下：

package cn.liayun.domain;

import java.math.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());
		System.out.println(a.multiply(b).toString());
		System.out.println(a.divide(b, 10, BigDecimal.ROUND_HALF_UP));
	}

}

運行以上程序，Eclipse控制臺輸出結(jié)果如下：
在這里插入圖片描述
由此得出結(jié)論，以后要用程序計算精確的貨幣運算，就一定要用BigDecimal這個類。
不只如此，如果兩個數(shù)無比復(fù)雜，也能進行精確的計算，如下例：

package cn.liayun.domain;

import java.math.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());// 兩數(shù)相加
		System.out.println(a.multiply(b).toString());// 兩數(shù)相乘
		System.out.println(a.divide(b, 10, BigDecimal.ROUND_HALF_UP));// 兩數(shù)相除，結(jié)果為四舍五入后，小數(shù)點后保留10個有效數(shù)字
	}

}

運行以上程序，Eclipse控制臺輸出結(jié)果如下：
在這里插入圖片描述

編寫CalculatorBean，負(fù)責(zé)接收用戶輸入的計算數(shù)據(jù)并且進行計算

CalculatorBean類的代碼如下：

package cn.liayun.domain;

import java.math.BigDecimal;

//封裝計算器數(shù)據(jù)的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("被除數(shù)不能為0");
				}
				this.result = first.divide(second, 20, BigDecimal.ROUND_HALF_UP).toString();
				break;
			}
			default:
				throw new RuntimeException("運算符只能是：+-*/");
		}
	}
}

編寫calculator.jsp，負(fù)責(zé)顯示計算器(calculator)頁面，供用戶輸入計算數(shù)據(jù)，并顯示計算后的結(jié)果

calculator.jsp頁面的內(nèi)容如下：

<%@ 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 style="text-align: center;">
	<jsp:useBean id="calculatorBean" class="cn.liayun.domain.CalculatorBean"></jsp:useBean>
	<jsp:setProperty property="*" name="calculatorBean"/>
	
	<%
		try {
			calculatorBean.calculate();
		} catch(Exception e) {
			out.write(e.getMessage());
		}
	%>
	<br/>----------------------------------------------------------------------<br/>
	計算結(jié)果是：
	<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="1px" align="center">
			<tr>
				<td colspan="2">簡單的計算器</td>
			</tr>
			<tr>
				<td>第一個參數(shù)</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>第二個參數(shù)</td>
				<td><input type="text" name="secondNum"/></td>
			</tr>
			<tr>
				<td colspan="2"><input type="submit" value="計算"/></td>
			</tr>
		</table>
	</form>
</body>
</html>

在Google Chrome瀏覽器上訪問以上頁面，運行效果如下：
在這里插入圖片描述

Servlet+JSP+JavaBean開發(fā)模式

在平時的JavaWeb項目開發(fā)中，在不使用第三方MVC開發(fā)框架的情況下，通常會選擇Servlet+JSP+JavaBean開發(fā)模式來開發(fā)JavaWeb項目，Servlet+JSP+JavaBean組合開發(fā)就是一種MVC開發(fā)模式，控制器(Controller)采用Servlet、模型(Model)采用JavaBean、視圖(View)采用JSP。在講解Servlet+JSP+JavaBean開發(fā)模式之前，先簡單了解一下MVC開發(fā)模式。

Web開發(fā)中的請求-響應(yīng)模型

在這里插入圖片描述
在Web世界里，具體步驟如下：

Web瀏覽器（如IE）發(fā)起請求，如訪問http://www.iteye.com/；
Web服務(wù)器（如Tomcat）接收請求，處理請求（比如用戶新增，則將把用戶保存一下），最后產(chǎn)生響應(yīng)（一般為html）；
Web服務(wù)器處理完成后，返回內(nèi)容給Web客戶端（一般就是我們的瀏覽器），客戶端對接收的內(nèi)容進行處理（如Web瀏覽器將會對接收到的html內(nèi)容進行渲染以展示給客戶）。

因此，在Web世界里，都是Web客戶端發(fā)起請求，Web服務(wù)器接收、處理并產(chǎn)生響應(yīng)。一般Web服務(wù)器是不能主動通知Web客戶端更新了內(nèi)容的。雖然現(xiàn)在有些技術(shù)如服務(wù)器推（如Comet）、還有現(xiàn)在的HTML5 websocket可以實現(xiàn)Web服務(wù)器主動通知Web客戶端。
到此，我們了解了在Web開發(fā)時的請求/響應(yīng)模型，接下來我們看一下標(biāo)準(zhǔn)的MVC模型是什么。

標(biāo)準(zhǔn)MVC模型概述

MVC模型是一種架構(gòu)型的模式，本身不引入新功能，只是幫助我們將開發(fā)的結(jié)構(gòu)組織的更加合理，使展示與模型分離、流程控制邏輯、業(yè)務(wù)邏輯調(diào)用與展示邏輯分離。如下圖所示：
在這里插入圖片描述

MVC（Model-View-Controller）的概念

首先讓我們了解下MVC（Model-View-Controller）的概念：

Model（模型）
數(shù)據(jù)模型，提供要展示的數(shù)據(jù)，因此包含數(shù)據(jù)和行為，可以認(rèn)為是領(lǐng)域模型(domain)或JavaBean組件（包含數(shù)據(jù)和行為），不過現(xiàn)在一般都分離開來：Value Object（數(shù)據(jù)）和服務(wù)層（行為）。也就是模型提供了模型數(shù)據(jù)查詢和模型數(shù)據(jù)的狀態(tài)更新等功能，包括數(shù)據(jù)和業(yè)務(wù)。
View（視圖）
負(fù)責(zé)進行模型的展示，一般就是我們見到的用戶界面，客戶想看到的東西。
Controller（控制器）
接收用戶請求，委托給模型進行處理（狀態(tài)改變），處理完畢后把返回的模型數(shù)據(jù)返回給視圖，由視圖負(fù)責(zé)展示。也就是說控制器做了個調(diào)度員的工作。

從上圖我們還看到，在標(biāo)準(zhǔn)的MVC中模型能主動推數(shù)據(jù)給視圖進行更新（觀察者設(shè)計模式，在模型上注冊視圖，當(dāng)模型更新時自動更新視圖），但在Web開發(fā)中模型是無法主動推給視圖（無法主動更新用戶界面）的，因為Web開發(fā)是請求-響應(yīng)模型。
那接下來我們看一下在Web開發(fā)里MVC是什么樣子，我們稱其為Web MVC來區(qū)別標(biāo)準(zhǔn)的MVC。

Web MVC概述

Web MVC中的M(模型)-V(視圖)-C(控制器)概念和標(biāo)準(zhǔn)MVC概念一樣，我們再看一下Web MVC標(biāo)準(zhǔn)架構(gòu)，如下圖所示：
在這里插入圖片描述
在Web MVC模式下，模型無法主動推數(shù)據(jù)給視圖，如果用戶想要視圖更新，需要再發(fā)送一次請求（即請求-響應(yīng)模型）。