單元8 Web應(yīng)用系統(tǒng)建模

單元8Web應(yīng)用系統(tǒng)建模 隨著Web技術(shù)的發(fā)展，使得應(yīng)用Web技術(shù)開發(fā)應(yīng)用系統(tǒng)變得更方便，且功能更強(qiáng)大。 使用UML對Web應(yīng)用系統(tǒng)建模，充分利用Web技術(shù)和組件技術(shù)，提高軟件的開發(fā)效率。 在Web應(yīng)用系統(tǒng)建模時，UML完善的組件建模思想和可視化建模的優(yōu)勢更有利于系統(tǒng)開發(fā)人員理解程序流程和功能，進(jìn)一步提高Web應(yīng)用系統(tǒng)的開發(fā)效率以及Web組件的可重用性和可修復(fù)性。 本單元將對一個基于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é)會對Web應(yīng)用系統(tǒng)進(jìn)行需求分析（3）學(xué)會構(gòu)建Web應(yīng)用系統(tǒng)的用例圖、類圖、組件圖和部署圖（4）學(xué)會構(gòu)建Web應(yīng)用系統(tǒ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)的順序圖、通信圖和活動圖教學(xué)方法任務(wù)驅(qū)動教學(xué)法、分組討論法、自主學(xué)習(xí)法、探究式訓(xùn)練法課時建議8課時【前導(dǎo)訓(xùn)練】【任務(wù)8-1】探析網(wǎng)上書店系統(tǒng)的基本功能【任務(wù)描述】（1）創(chuàng)建一個Rose模型，將其命名為“08Web 應(yīng)用系統(tǒng)模型”，且保存在本單元對應(yīng)的文件 夾中。（2）分析網(wǎng)上書店系統(tǒng)所要實(shí)現(xiàn)的主要功能。【操作提示】1．創(chuàng)建Rose模型 啟動RationalRose2003，然后單擊菜單【File】→【Save】，或者單擊工具欄中的【Save】按鈕。 如果是創(chuàng)建模型之后的第一次保存操作， 則會彈出一個【SaveAs】對話框，在該對話 框選擇模型文件的保存位置，且輸入模型文 件名稱“08Web應(yīng)用系統(tǒng)模型”，然后單擊【保 存】按鈕即可。2．分析網(wǎng)上書店系統(tǒng)所要實(shí)現(xiàn)的主要功能 站在客戶的角度分析網(wǎng)上書店所要實(shí)現(xiàn)的基本功能，主要有：（1）用戶注冊。（2）用戶登錄。（3）圖書查詢與瀏覽。（4）用戶訂購圖書。（5）用戶購物車管理。（6）訂單維護(hù)。（7）個人信息維護(hù)。 站在管理員的角度分析網(wǎng)上書店所要實(shí)現(xiàn)的基本功能，主要有：（1）圖書管理（2）會員管理（3）訂單處理與查詢（4）圖書銷售情況查詢（5）報(bào)表維護(hù)【引例探析】 99網(wǎng)上書城的首頁如圖8-1所示。圖8-1

99網(wǎng)上書城的首頁圖8-2網(wǎng)上書店的多層架構(gòu)【知識疏理】1．認(rèn)知Web應(yīng)用系統(tǒng) 對于基于Web技術(shù)的應(yīng)用系統(tǒng)一般采用B/S模式，即用戶直接面對的是客戶端瀏覽器，用戶在使用系統(tǒng)時，通過瀏覽器發(fā)送請求，發(fā)送請求之后的事務(wù)邏輯處理和數(shù)據(jù)的邏輯運(yùn)算由服務(wù)器與數(shù)據(jù)庫管理系統(tǒng)共同完成。 運(yùn)算后所得到的結(jié)果再以瀏覽器可以識別的方式返回到客戶端瀏覽器，用戶通過瀏覽器查看運(yùn)行結(jié)果。2．認(rèn)知電子商務(wù)與電子商務(wù)系統(tǒng) 電子商務(wù)，是指在Internet上進(jìn)行商務(wù)活動。 具體是指利用各種電子工具和網(wǎng)絡(luò)，高效率、低成本地從事以商品交換為中心的各種商業(yè)貿(mào)易活動。電子商務(wù)的一個重要技術(shù)特征是利用Web技術(shù)來傳輸和處理商業(yè)信息?！痉椒ㄖ笇?dǎo)】 Web應(yīng)用系統(tǒng)的UML建模方法如下所示。 UML是一種通用的可視化建模語言，適用于各種軟件開發(fā)方法、軟件生命周期的各個階段、各種應(yīng)用領(lǐng)域以及各種開發(fā)工具。 但在對Web應(yīng)用系統(tǒng)進(jìn)行建模時，它的一些構(gòu)件不能與標(biāo)準(zhǔn)UML建模元素一一對應(yīng)，因此必須對UML進(jìn)行擴(kuò)展。1.Web頁面建模 用戶在使用Web應(yīng)用系統(tǒng)時，是通過Web頁面對系統(tǒng)進(jìn)行操作，在頁面建模過程中，可以用兩個類別模型<<ClientPage>>和<<ServerPage>>分別表示客戶端頁面和服務(wù)器端頁面，兩者之間通過定向關(guān)系相互關(guān)聯(lián)。 在使用頁面信息傳遞時，還可能出現(xiàn)服務(wù)器頁面的重定向，在UML建模過程，可以使用類別模板<<Redirect>>來表示。 而有的Web頁面可能同時包含客戶端腳本和服務(wù)器腳本，因此必須分別進(jìn)行建模，服務(wù)器端Web頁面一般包含由服務(wù)器執(zhí)行的腳本，每一次被請求時都在服務(wù)器上組合，更新業(yè)務(wù)邏輯狀態(tài)，返回給瀏覽器，并可以與客戶端組件相關(guān)聯(lián)，例如JavaApplet、ActiveX控件、插件等，這種關(guān)聯(lián)關(guān)系用類別模板<<Build>>表示。 這種關(guān)聯(lián)是一種單向關(guān)聯(lián)，由服務(wù)器頁面指向客戶端頁面。2.表單建模 在Web應(yīng)用系統(tǒng)中，經(jīng)常遇到系統(tǒng)需要與用戶進(jìn)行交互的情況，用戶與系統(tǒng)之間的交互一般通過頁面中的表單實(shí)現(xiàn)。3.組件建模 Web應(yīng)用系統(tǒng)中的組件分為服務(wù)器組件和客戶端組件兩類。 服務(wù)器端較復(fù)雜的業(yè)務(wù)邏輯通常由中間層完成，包括一組封裝了所有業(yè)務(wù)邏輯的已編譯好的組件。 因此，使用中間層不僅可以提高性能，而且可以共享整個應(yīng)用程序的業(yè)務(wù)功能?！疽龑?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)上書店的用例圖、類圖、順序圖、通信圖、活動圖、組件圖和配置圖。【任務(wù)實(shí)施】1．繪制網(wǎng)上書店的用例圖（1）確定參與者 網(wǎng)上書店的參與者主要有：客戶、管理員和普通員工。（2）確定用例 網(wǎng)上書店的用例主要包括三個方面，客戶的用例主要包括：用戶注冊、用戶登錄、圖書查詢與瀏覽、用戶訂購圖書、用戶購物車管理、訂單維護(hù)和個人信息維護(hù)。 管理員的用例主要包括：圖書管理、會員管理、訂單處理與查詢、圖書銷售情況查詢和報(bào)表維護(hù)。 普通員工的用例主要包括訂單處理與查詢、圖書銷售情況查詢等。（3）繪制用例圖 客戶的用例圖如圖8-3所示。 管理員與普通員工的用例圖如圖8-4所示。圖8-3客戶的用例圖圖8-4管理員與普通員工的用例圖2．繪制網(wǎng)上書店的類圖（1）分析網(wǎng)上書店主要的Web頁面 網(wǎng)上書店主要的Web頁面類如圖8-5所示。圖8-5網(wǎng)上書店主要的Web頁面類 ①登錄與瀏覽頁面類主要實(shí)現(xiàn)用戶登錄和圖書信息查詢、瀏覽等功能，其主要方法有：browse()用于顯示登錄與瀏覽頁面、userLogin()用于執(zhí)行用戶登錄操作、checkEmpty()用于檢查是否已輸入用戶ID和密碼、listBookInfo()用于查詢、瀏覽圖書信息。 ②購物車頁面類主要實(shí)現(xiàn)對用戶購物信息的管理，其主要方法有：browse()用于顯示購 物車頁面、checkBuy()用于判斷購物車是否 為空、manageCart()用于對購物車進(jìn)行管理，包括在購物車頁面中添加圖書到購物車、移 除購物車中的圖書、計(jì)算機(jī)圖書總金額、更 新圖書數(shù)量、清空購物車等操作。 ③訂單頁面類主要實(shí)現(xiàn)對訂單的維護(hù)，其 主要方法有：browse()用于顯示訂單頁面、checkOrder()用于判斷訂單是否添加了訂購的圖書、setAddress()用于設(shè)置送貨地址和送貨方式、getBookInfo()用于獲取訂單中所訂購圖書的信息。這里暫沒有考慮設(shè)置付款方式。 ④圖書管理頁面類主要實(shí)現(xiàn)對網(wǎng)上書店中圖書的新增、修改與刪除等操作，對于第一次新添加的圖書必須添加完整的圖書信息，對于已有的圖書只需修改圖書數(shù)量即可。 其主要方法有：browse()用于顯示圖書管 理頁面、addBook()用于新增圖書、editBook() 用于修改圖書信息、deleteBook()用于移除圖 書、editBookNum()用于修改現(xiàn)有圖書的數(shù)量。 ⑤圖書管理頁面類主要用于編輯圖書的詳細(xì)信息，其主要方法有：editDetailInfo()用于新增或修改圖書的詳細(xì)信息、submit()用于將新增的圖書或修改的圖書信息保存到相應(yīng)的數(shù)據(jù)表中。 ⑥訂單處理頁面類主要用于管理員或普通員工對用戶訂單進(jìn)行處理，其主要方法有：browse()用于顯示訂單處理頁面、getStorage()用于獲取訂購圖書的庫存數(shù)量、editOrder()用于更新訂單。對于已發(fā)貨的訂單，將訂單狀態(tài)更新為“發(fā)貨”；對于缺貨的訂單，將訂單狀態(tài)設(shè)置為“缺貨”。（2）分析與繪制圖書類、購物車類、訂單類與用戶類的類圖 圖書類、購物車類、訂單類與用戶類的類圖如圖8-6所示。圖8-6圖書類、購物車類、訂單類與用戶類的類圖 ①圖書類的屬性主要包括圖書ID（bookID）、圖書名稱（bookName）、圖書價(jià)格（bookPrice）、庫存數(shù)量（storeNum）等，其方法主要有：searchBook()用于查詢圖書、addBook()用于增加圖書、editBook()用于編輯圖書信息、deleteBook()用于刪除圖書、listDetailInfo()用于顯示圖書詳細(xì)信息、updateNum()用于更改圖書現(xiàn)有數(shù)量。 ②購物類的屬性主要包括圖書ID（bookID）、圖書名稱（bookName）、圖書價(jià)格（bookPrice）、購買數(shù)量（buyNum）等，其方法主要有： addBook()用于新增圖書、delBook()用于移除圖書、editNum()用于更新購買圖書數(shù)量、calMoney()用于計(jì)算購買圖書的總金額、clearCart()用于清空購物車。 ③訂單類的屬性主要包括訂單ID（orderID）、用戶ID（userID）、圖書ID（bookID）、購買日期（buyDate）、購買數(shù)量（buyNum）、總金額（totalMoney）、訂單狀態(tài)（orderState）。 其方法主要有：addOrder()用于新增訂單、getOrderInfo()用于獲取訂單信息、editOrder()用于修改訂單信息、deleteOrder()用于刪除訂單、searchOrder()用于查詢訂單、transactOrder()用 于處理訂單、editOrderState()用于更新訂單狀態(tài)。 ④用戶類的屬性主要包括用戶ID（userID）、用 戶名稱（userName）、用戶密碼（userPass