Web應(yīng)用系統(tǒng)建模ok

1、單元8Web應(yīng)用系統(tǒng)建模本單元將對一個(gè)基于Web的網(wǎng)上書店系統(tǒng)進(jìn)行分析、設(shè)計(jì)和建模，介紹UML在基于Web技術(shù)和組件技術(shù)的Web應(yīng)用系統(tǒng)建模中的應(yīng)用?！窘虒W(xué)導(dǎo)航】教學(xué)目標(biāo)（1）理解Web應(yīng)用系統(tǒng)的UML建模方法（2）學(xué)會(huì)對Web應(yīng)用系統(tǒng)進(jìn)行需求分析（3）學(xué)會(huì)構(gòu)建Web應(yīng)用系統(tǒng)的用例圖、類圖、組件圖和部署圖（4）學(xué)會(huì)構(gòu)建Web應(yīng)用系統(tǒng)的順序圖、通信圖和活動(dòng)圖教學(xué)重點(diǎn)（1）Web應(yīng)用系統(tǒng)的UML建模方法（2）構(gòu)建Web應(yīng)用系統(tǒng)的用例圖、類圖、組件圖和部署圖（3）構(gòu)建Web應(yīng)用系統(tǒng)的順序圖、通信圖和活動(dòng)圖教學(xué)方法任務(wù)驅(qū)動(dòng)教學(xué)法、分組討論法、自主學(xué)習(xí)法、探究式訓(xùn)練法課時(shí)建議8課時(shí)前導(dǎo)訓(xùn)練】任務(wù)8-1】

2、探析網(wǎng)上書店系統(tǒng)的基本功能【任務(wù)描述】（1）創(chuàng)建一個(gè)Rose模型，將其命名為“08Web應(yīng)用系統(tǒng)模型”且保存在本單元對應(yīng)的文件夾中。（2）分析網(wǎng)上書店系統(tǒng)所要實(shí)現(xiàn)的主要功能。【引例探析】99網(wǎng)上書城的首頁如圖8-1所示。UML軟件建模任務(wù)驅(qū)動(dòng)教稈單元8Web應(yīng)用系統(tǒng)建模 網(wǎng)上書擁wrt.aSread.Gom百頁主淀金：!幻5咸*翊和0Bi經(jīng)番廚擊K:”士活91!冷社科“科技H全期1M類m圉書:”青害讀物-晞U苴也砂L1AJ小吋44廿51砂SS廚極航蹴探S好書枷!產(chǎn)1殳專眾總匸ffijflofi?*!B?fL莫迪亞諾tl嵐貳懂.葉喪的悽鬻溜湍i、安全盤舀咼臺咼厚枚磁他I瞞輯虹円處H20HC1.毎

3、日很：-ZI以曲舉、:舍吉:i活動(dòng)舸忘土宗沖,荃告班擁屮華fli農(nóng)髒乂卜型吉JM14締取A由申孑間謖磚査0自SLlii審眩訂貞申也也設(shè)1021-64714263汝告J9啊上:H斕迖出観用財(cái)雖皆卜意朗旳邸支也寓填更4閣知、也白:美iofE右嘉基ifii=：i：y.圖8-199網(wǎng)上書城的首頁網(wǎng)上書店一般采用多層架構(gòu)設(shè)計(jì)，其邏輯結(jié)構(gòu)如圖8-2所示。用戶界面層Web貞面執(zhí)行業(yè)xlr處理業(yè)務(wù)邏輯處理類執(zhí)行數(shù).-zl7思操作返回操E結(jié)果返回操E結(jié)果業(yè)務(wù)處理層數(shù)據(jù)訪問層存取數(shù)據(jù)返回操作結(jié)果數(shù)據(jù)庫數(shù)據(jù)表視圖圖8-2網(wǎng)上書店的多層架構(gòu)網(wǎng)上書店的Web頁面主要有登錄與瀏覽頁面、購物車頁面、訂單頁面、圖書管理頁面、

4、圖書信息管理頁面、訂單處理頁面等。業(yè)務(wù)邏輯處理類主要有圖書類、購物車類、訂單類與用戶類等?！局R疏理】認(rèn)知Web應(yīng)用系統(tǒng)Web應(yīng)用系統(tǒng)的基本構(gòu)架包括瀏覽器、網(wǎng)絡(luò)和Web服務(wù)器。瀏覽器向服務(wù)器請求Web頁，Web頁面可能包含由瀏覽器解釋執(zhí)行的客戶端腳本（JavaScript程序），而且還可以與瀏覽器、頁面內(nèi)容和頁面中包含的其他控件（JavaApplet、ActiveX控件等）進(jìn)行交互。用戶向Web頁輸入信息或通過超級鏈接導(dǎo)航到其他頁面，與系統(tǒng)進(jìn)行交互。認(rèn)知電子商務(wù)與電子商務(wù)系統(tǒng)電子商務(wù)，是指在Internet上進(jìn)行商務(wù)活動(dòng)。具體是指利用各種電子工具和網(wǎng)絡(luò)，高效率、低成本地從事以商品交換為中心的各

5、種商業(yè)貿(mào)易活動(dòng)。電子商務(wù)的一個(gè)重要技術(shù)特征是利用Web技術(shù)來傳輸和處理商業(yè)信息。廣義上是指支持電子商務(wù)活動(dòng)的電子技術(shù)手段的集合。狹義上是指狹義的電子商務(wù)系統(tǒng)，在Internet和其他網(wǎng)絡(luò)的基礎(chǔ)上，以實(shí)現(xiàn)企業(yè)電子商務(wù)活動(dòng)為目標(biāo)，滿足企業(yè)生產(chǎn)、銷售、服務(wù)等生產(chǎn)和管理的需要，支持企業(yè)的對外業(yè)務(wù)協(xié)作，從運(yùn)作，管理和決策等層次全面提高企業(yè)信息化水平，為企業(yè)提供商業(yè)智能的計(jì)算機(jī)系統(tǒng)?！痉椒ㄖ笇?dǎo)】Web應(yīng)用系統(tǒng)的UML建模方法如下所示。UML是一種通用的可視化建模語言，適用于各種軟件開發(fā)方法、軟件生命周期的各個(gè)階段、各種應(yīng)用領(lǐng)域以及各種開發(fā)工具。但在對Web應(yīng)用系統(tǒng)進(jìn)行建模時(shí)，它的一些構(gòu)件不能與標(biāo)準(zhǔn)UML建

6、模元素對應(yīng)，因此必須對UML進(jìn)行擴(kuò)展。UML支持自身的擴(kuò)展或調(diào)整，以便使其與一個(gè)特定的方法、組織或用戶相一致。UML中包含3種主要的擴(kuò)展組件：構(gòu)造型、標(biāo)記值和約束。構(gòu)造型是由建模者設(shè)計(jì)的新模型元素，新模型元素的設(shè)計(jì)要以UML已定義的模型元素為基礎(chǔ)，它不能改變原模型的結(jié)構(gòu)，但是卻可以在模型元素上附加新的語義，通常用“”來表示。標(biāo)記值是附加到任何模型元素上的命名的信息塊，是對模型元素特性擴(kuò)展，大多數(shù)的模型元素都有與之關(guān)聯(lián)的特性，通常用帶括號的字符串表示。約束是用某種形式化語言或自然語言表達(dá)的語義關(guān)系的文字說明，定義了模型如何組織在一起，通常用一對花括號“”之間的字符串表示。UML的這些擴(kuò)展組件在不

7、改變UML定義的元模型自身的語義的條件下，提供了擴(kuò)展UML模型元素語義的方法。UML的擴(kuò)展特性使得UML的應(yīng)用領(lǐng)域不僅僅局限于軟件建模?！疽龑?dǎo)訓(xùn)練】【任務(wù)8-2】構(gòu)建網(wǎng)上書店系統(tǒng)的軟件模型【任務(wù)描述】（1）對網(wǎng)上書店系統(tǒng)進(jìn)行需求分析，確定網(wǎng)上書店系統(tǒng)的參與者和用例。（2）繪制網(wǎng)上書店的用例圖、類圖、順序圖、通信圖、活動(dòng)圖、組件圖和配置圖?！救蝿?wù)實(shí)施】1繪制網(wǎng)上書店的用例圖（1）確定參與者網(wǎng)上書店的參與者主要有：客戶、管理員和普通員工。（2）確定用例網(wǎng)上書店的用例主要包括三個(gè)方面，客戶的用例主要包括：用戶注冊、用戶登錄、圖書查詢與瀏覽、用戶訂購圖書、用戶購物車管理、訂單維護(hù)和個(gè)人信息維護(hù)。管理員

8、的用例主要包括：圖書管理、會(huì)員管理、訂單處理與查詢、圖書銷售情況查詢和報(bào)表維護(hù)。普通員工的用例主要包括訂單處理與查詢、圖書銷售情況查詢等。（3）繪制用例圖客戶的用例圖如圖8-3所示。管理員與普通員工的用例圖如圖8-4所示。2繪制網(wǎng)上書店的類圖（1）分析網(wǎng)上書店主要的Web頁面網(wǎng)上書店主要的Web頁面類如圖8-5所示。（2）分析與繪制圖書類、購物車類、訂單類與用戶類的類圖圖書類、購物車類、訂單類與用戶類的類圖如圖8-6所示。（3）分析數(shù)據(jù)庫操作類網(wǎng)上書店的公共類主要有數(shù)據(jù)庫操作類，其類圖如圖8-7所示。其主要方法有:getData（）用于從數(shù)據(jù)表中檢索所需的數(shù)據(jù)、insertData（）用于向數(shù)

9、據(jù)表中插入新記錄、updateData（）用于更新數(shù)據(jù)表中的數(shù)據(jù)、editData（）用于修改數(shù)據(jù)表中的數(shù)據(jù)、deleteData（）用于刪除數(shù)據(jù)表的記錄。3繪制網(wǎng)上書店的順序圖（1）繪制查詢與瀏覽圖書信息的順序圖查詢與瀏覽圖書信息的順序圖如圖8-8所示，當(dāng)客戶進(jìn)入網(wǎng)上用戶后，無需登錄，就可以瀏覽圖書。網(wǎng)上書店還提供了了先進(jìn)的查詢功能，即通過圖書類別、圖書ID、圖書名稱等信息從浩瀚的書海中迅速找到所需的圖書。通過查詢找到所需要的圖書之后，還可以查看該圖書的詳細(xì)信息。（2）繪制用戶登錄的順序圖用戶登錄的順序圖如圖8-9所示，客戶在“登錄與瀏覽頁面”輸入正確的用戶名和密碼后，單擊【登錄】按鈕，然后

10、調(diào)用“用戶類”的login（）方法驗(yàn)證是否合法用戶。如果該客戶已成功注冊，為合法用戶則返回成功登錄的提示信息，否則返回登錄失敗的提示信息。（3）繪制客戶訂購圖書的順序圖客戶訂購圖書的順序圖如圖8-10所示。客戶訂購圖書時(shí)，首先必須登錄。登錄成功后，可以選擇所需的圖書，也可以查看圖書的詳細(xì)信息。在瀏覽圖書列表或?yàn)g覽圖書的詳細(xì)信息時(shí)可以單擊【購買】按鈕，將所選圖書放入購物車中。選擇圖書完成后，客戶可以跳轉(zhuǎn)到購物車頁面對購物車進(jìn)行管理，包括修改所購圖書數(shù)量、刪除圖書等。在購物車頁面單擊【繼續(xù)選購】按鈕可以返回到圖書列表繼續(xù)選購圖書。如果單擊【結(jié)算】按鈕，則跳轉(zhuǎn)到訂單頁面，設(shè)置送貨地址、送貨方式、支付

11、方式等，對訂單進(jìn)行處理后單擊【提交】按鈕，提交成功后則可以生成訂單且將訂單信息發(fā)送到服務(wù)器中，等待管理員進(jìn)行處理，這樣一次訂購操作便完成。（4）繪制圖書管理的順序圖圖書管理的順序圖如圖8-11所示。普通員工登錄系統(tǒng)后，跳轉(zhuǎn)到圖書管理頁面，在該頁面新增圖書。對于第一次新增加的圖書，打開圖書信息管理頁面，在該頁面添加圖書的詳細(xì)信息，然后提交；對于已有的圖書，在圖書信息管理頁面，修改圖書數(shù)量，然更新數(shù)據(jù)表中的圖書數(shù)量。（5）繪制處理訂單的順序圖處理訂單的順序圖如圖8-12所示。管理員成功登錄系統(tǒng)后，跳轉(zhuǎn)到訂單處理頁面編輯用戶提交的訂單，如果訂單對應(yīng)圖書的庫存數(shù)量足夠，則接收訂單且組織發(fā)貨，同時(shí)更新客

12、戶訂單狀態(tài)。4繪制網(wǎng)上書店的通信圖客戶訂購圖書的通信圖如圖8-13所示，其含義與客戶訂購圖書的順序圖相同。5繪制網(wǎng)上書店的活動(dòng)圖（1）繪制客戶購書的活動(dòng)圖客戶購書的活動(dòng)圖如圖8-14所示。用戶首先登錄圖上書店，登錄成功后，查詢與瀏覽圖書，顯示圖書列表，在圖書列表中選擇所需購買的圖書，且將所選圖書放入購物車中。如果需要瀏覽圖書詳細(xì)信息，則跳轉(zhuǎn)到顯示圖書詳細(xì)信息的頁面，然后再將所選圖書放入購物車中?？蛻艨梢蕴D(zhuǎn)到購物車管理頁面，查看已選圖書情況，也可以修改圖書數(shù)量或者刪除已選圖書。如果需要繼續(xù)購書則在購物車頁面單擊【繼續(xù)選購】按鈕返回到圖書列表繼續(xù)選購圖書。如果選購?fù)瓿蓜t單擊【結(jié)算】按鈕，則跳轉(zhuǎn)到

13、訂單頁面設(shè)置送貨地址、送貨方式、支付方式等訂單信息，對訂單進(jìn)行處理后單擊【提交】按鈕，提交成功后則可以生成訂單，跳轉(zhuǎn)到網(wǎng)絡(luò)支付模塊支付所需的資金。（2）繪制訂單處理的活動(dòng)圖訂單處理的活動(dòng)圖如圖8-15所示?？蛻籼峤挥唵魏?，且通過網(wǎng)上結(jié)算中心支付了所需的資金，等待查詢訂單狀態(tài)。與此同時(shí)，管理員或普通員工接收到客戶提交的訂單，如果訂單對應(yīng)圖書的庫存數(shù)量足夠，則接收訂單且組織發(fā)貨，同時(shí)更新客戶訂單狀態(tài)。如果訂單對應(yīng)的圖書庫存數(shù)量不夠，則拒絕該訂單，該訂單處理缺貨狀態(tài)。6繪制網(wǎng)上書店的組件圖網(wǎng)上書店的組件圖如圖8-16所示，包括用戶注冊與登錄、用戶管理、圖書管理、購書管理和訂單管理等多個(gè)組件。7繪制網(wǎng)上書店的配置圖網(wǎng)上書店系統(tǒng)由多個(gè)節(jié)點(diǎn)構(gòu)成，應(yīng)用服務(wù)器負(fù)責(zé)系統(tǒng)的整體協(xié)調(diào)工作，數(shù)據(jù)庫服務(wù)器負(fù)責(zé)數(shù)據(jù)管理?？蛻魴C(jī)通過Internet與應(yīng)用服務(wù)器相連，這樣管理員可能通過Internet管理應(yīng)用服務(wù)器，客戶可以通過Internet訪問應(yīng)用服務(wù)器購買圖書。網(wǎng)上書店系統(tǒng)的配置圖如圖8-17所示?！就接?xùn)練】【任務(wù)8-3】繪制網(wǎng)上書店購物車模塊的順序圖【任務(wù)描述】分析網(wǎng)上書店管理購物車模塊所涉及的類、方法及其實(shí)現(xiàn)過