javaweb(二十一)——JavaWeb的兩種開發模式

一、JSP+JavaBean開發模式

1.1、jsp+javabean開發模式架構

　　jsp+javabean開發模式的架構圖如下圖(圖1-1)所示

圖1-1

　　在jsp+javabean架構中，JSP負責控制邏輯、表現邏輯、業務對象（javabean）的調用。

　　JSP+JavaBean模式適合開發業務邏輯不太復雜的web應用程序，這種模式下，JavaBean用于封裝業務數據，JSP即負責處理用戶請求，又顯示數據。

1.2、JSP+JavaBean開發模式編寫計算器

　　首先分析一下jsp和javabean各自的職責，jsp負責顯示計算器(calculator)頁面，供用戶輸入計算數據，并顯示計算后的結果，javaBean負責接收用戶輸入的計算數據并且進行計算，JavaBean具有firstNum、secondNum、result、 operator屬性，并提供一個calculate方法。

　　1、編寫CalculatorBean，負責接收用戶輸入的計算數據并且進行計算

　　CalculatorBean代碼如下：

 1 package me.gacl.domain;
 2 
 3 import java.math.BigDecimal;  4  5 /**  6  * @author gacl  7  * CalculatorBean用于接收輸入參數和計算  8 */  9 public class CalculatorBean { 10 11 //用戶輸入的第一個數 12 private double firstNum; 13 //用戶輸入的第二個數 14 private double secondNum; 15 //用戶選擇的操作運算符 16 private char operator = '+'; 17 //運算結果 18 private double result; 19 20 public double getFirstNum() { 21 return firstNum; 22  } 23 24 public void setFirstNum(double firstNum) { 25 this.firstNum = firstNum; 26  } 27 28 public double getSecondNum() { 29 return secondNum; 30  } 31 32 public void setSecondNum(double secondNum) { 33 this.secondNum = secondNum; 34  } 35 36 public char getOperator() { 37 return operator; 38  } 39 40 public void setOperator(char operator) { 41 this.operator = operator; 42  } 43 44 public double getResult() { 45 return result; 46  } 47 48 public void setResult(double result) { 49 this.result = result; 50  } 51 52 /** 53  * 用于計算 54 */ 55 public void calculate() { 56 57 switch (this.operator) { 58 case '+': { 59 this.result = this.firstNum + this.secondNum; 60 break; 61  } 62 case '-': { 63 this.result = this.firstNum - this.secondNum; 64 break; 65  } 66 case '*': { 67 this.result = this.firstNum * this.secondNum; 68 break; 69  } 70 case '/': { 71 if (this.secondNum == 0) { 72 throw new RuntimeException("被除數不能為0!!!"); 73 } 74 this.result = this.firstNum / this.secondNum; 75 // 四舍五入 76 this.result = new BigDecimal(this.result).setScale(2, 77 BigDecimal.ROUND_HALF_UP).doubleValue(); 78 break; 79 } 80 default: 81 throw new RuntimeException("對不起，傳入的運算符非法！！"); 82 } 83 } 84 }

　　2、編寫calculator.jsp，負責顯示計算器(calculator)頁面，供用戶輸入計算數據，并顯示計算后的結果

　　calculator.jsp頁面代碼如下：

 1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  2 <%--使用me.gacl.domain.CalculatorBean --%>  3 <jsp:useBean id="calcBean" class="me.gacl.domain.CalculatorBean"/>  4 <%--接收用戶輸入的參數 --%>  5 <jsp:setProperty name="calcBean" property="*"/>  6 <%  7 //使用CalculatorBean進行計算  8  calcBean.calculate();  9 %> 10 <!DOCTYPE HTML> 11 <html> 12 <head> 13 <title>使用【jsp+javabean開發模式】開發的簡單計算器</title> 14 </head> 15 16 <body> 17 <br/> 18  計算結果是： 19 <jsp:getProperty name="calcBean" property="firstNum"/> 20 <jsp:getProperty name="calcBean" property="operator"/> 21 <jsp:getProperty name="calcBean" property="secondNum"/> 22  = 23 <jsp:getProperty name="calcBean" property="result"/> 24 25 <br/><hr> <br/> 26 <form action="${pageContext.request.contextPath}/calculator.jsp" method="post"> 27 <table border="1px"> 28 <tr> 29 <td colspan="2">簡單的計算器</td> 30 </tr> 31 <tr> 32 <td>第一個參數</td> 33 <td><input type="text" name="firstNum"></td> 34 </tr> 35 <tr> 36 <td>運算符</td> 37 <td><select name="operator"> 38 <option value="+">+</option> 39 <option value="-">-</option> 40 <option value="*">*</option> 41 <option value="/">/</option> 42 </select></td> 43 </tr> 44 <tr> 45 <td>第二個參數</td> 46 <td><input type="text" name="secondNum"></td> 47 </tr> 48 <tr> 49 <td colspan="2"><input type="submit" value="計算"></td> 50 </tr> 51 </table> 52 </form> 53 </body> 54 </html>

運行結果如下：

二、Servlet+JSP+JavaBean開發模式

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

2.1、Web開發中的請求-響應模型

圖2-1

　　在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模型是什么。

2.2、標準MVC模型概述

　　MVC模型：是一種架構型的模式，本身不引入新功能，只是幫助我們將開發的結構組織的更加合理，使展示與模型分離、流程控制邏輯、業務邏輯調用與展示邏輯分離。如下圖(圖2-2)所示：

圖2-2

2.3、MVC（Model-View-Controller）的概念

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

　　Model（模型）：數據模型，提供要展示的數據，因此包含數據和行為，可以認為是領域模型(domain)或JavaBean組件（包含數據和行為），不過現在一般都分離開來：Value Object（數據）和服務層（行為）。也就是模型提供了模型數據查詢和模型數據的狀態更新等功能，包括數據和業務。

　　View（視圖）：負責進行模型的展示，一般就是我們見到的用戶界面，客戶想看到的東西。

　　Controller（控制器）：接收用戶請求，委托給模型進行處理（狀態改變），處理完畢后把返回的模型數據返回給視圖，由視圖負責展示。 也就是說控制器做了個調度員的工作。

　　從圖2-1我們還看到，在標準的MVC中模型能主動推數據給視圖進行更新（觀察者設計模式，在模型上注冊視圖，當模型更新時自動更新視圖），但在Web開發中模型是無法主動推給視圖（無法主動更新用戶界面），因為在Web開發是請求-響應模型。

　　那接下來我們看一下在Web里MVC是什么樣子，我們稱其為 Web MVC 來區別標準的MVC。

2.4.、Web MVC概述

　　Web MVC中的M(模型)-V(視圖)-C(控制器)概念和標準MVC概念一樣，我們再看一下Web MVC標準架構，如下圖(圖2-3)所示：

圖2-3

　　在Web MVC模式下，模型無法主動推數據給視圖，如果用戶想要視圖更新，需要再發送一次請求（即請求-響應模型）。

2.5、Servlet+JSP+JavaBean開發模式介紹

　　　　Servlet+JSP+JavaBean架構其實可以認為就是我們所說的Web MVC模型，只是控制器采用Servlet、模型采用JavaBean、視圖采用JSP，如圖2-3

圖2-4

具體示例代碼：

1、模型(model)

2、視圖(View)

3、控制器(controller)

　　從Servlet+JSP+JavaBean(Web MVC)架構可以看出，視圖和模型分離了，控制邏輯和展示邏輯分離了。

三、Servlet+JSP+JavaBean開發模式的缺點

　　Servlet+JSP+JavaBean(Web MVC)架構雖然實現了視圖和模型分離以及控制邏輯和展示邏輯分離，但也有一些比較嚴重的缺點

3.1、Servlet作為控制器的缺點

　　此處的控制器使用Servlet，使用Servlet作為控制器有以下幾個缺點：

　　1、控制邏輯可能比較復雜，其實我們可以按照規約，如請求參數submitFlag=toLogin，我們其實可以直接調用toLogin方法，來簡化控制邏輯；而且每個模塊基本需要一個控制器，造成控制邏輯可能很復雜。現在流行的Web MVC框架(如Struts2)都支持"請求參數submitFlag=toAdd，就可以直接調用toAdd方法"這樣的處理機制，在Struts2中類似這樣的處理機制就稱為"動態方法調用"

　　2、請求參數到模型的封裝比較麻煩，如果能交給框架來做這件事情，我們可以從中得到解放。

　　請求參數到模型的封裝代碼：

1 // 1收集參數
2 String username = req.getParameter("username");
3 String password = req.getParameter("password"); 4 // 2封裝參數 5 UserBean user = new UserBean(); 6 user.setUsername(username); 7 user.setPassword(password);

　　當有幾十個甚至上百個參數需要封裝到模型中時，這樣寫恐怕就痛苦萬分了，要寫幾十次甚至上百次這樣的代碼，估計寫到吐了，所以現在流行的Web MVC框架(如Struts2)都提供了非常方便的獲取參數，封裝參數到模型的機制，減少這些繁瑣的工作。

　　3、選擇下一個視圖，嚴重依賴Servlet API，這樣很難或基本不可能更換視圖。

例如：使用Servlet API提供的request對象的getRequestDispatcher方法選擇要展示給用戶看的視圖

1  private void toLogin(HttpServletRequest req, HttpServletResponse resp)
2             throws ServletException, IOException { 3 //使用Servlet API提供的request對象的getRequestDispatcher方法選擇視圖 4 // 此處和JSP視圖技術緊密耦合，更換其他視圖技術幾乎不可能 5 request.getRequestDispatcher("/mvc/login.jsp").forward(request, response); 6 }

　　4、給視圖傳輸要展示的模型數據，也需要使用Servlet API，更換視圖技術也要一起更換，很麻煩。

例如：使用Servlet API提供的request對象給視圖傳輸要展示的模型數據

//使用Servlet API提供的request對象給視圖login.jsp傳輸要展示的模型數據(user)
request.setAttribute("user", user);
request.getRequestDispatcher("/mvc/login.jsp").forward(request, response)