《電子技術應用》
您所在的位置:首頁 > 其他 > 設計應用 > 基于模型-視圖-控制器的Web應用程序框架設計
基于模型-視圖-控制器的Web應用程序框架設計
摘要: 傳統的web應用程序會在表現層包含管理用戶交互的代碼,例如:一個頁面可以決定用戶將要跳轉的下一個頁面。
Abstract:
Key words :
    傳統的web應用程序會在表現層包含管理用戶交互的代碼,例如:一個頁面可以決定用戶將要跳轉的下一個頁面。開發者經常把所有交互代碼寫在用戶界面代碼中。然而,開發者將頁面導航代碼寫入頁面代碼后,代碼會很復雜,而且難以重用、維護和擴展。對于整個應用程序來說,它的業務邏輯、控制邏輯和運行狀態等都很難被重用。在很多情況下,應用程序的運行狀態需要保持。但是如果狀態保存在某個頁面中,那么代碼必須從這個頁面中找回狀態。這樣編寫出來的代碼不夠優雅,很難得到預想的效果,而且這些不雅的代碼又影響了web頁面的擴展和重用。本文基于MVC模式,提出了一個可擴展的框架,簡化了對從web頁面獨立出來的業務邏輯代碼的處理,有利于復雜的web頁面導航和工作流處理的復用。


1 MVC設計模式
    MVC由Trygve Reenskaug提出,首先被應用在SmallTalk-80環境中,是許多交互和界面系統的構成基礎。MVC結構是為那些需要為同樣的數據提供多個視圖的應用程序而設計的,它很好地實現了數據層與表示層的分離。MVC作為一種開發模型,通常用于分布式應用系統的設計和分析中;另外,它也可用于確定系統各部分間的組織關系。對于界面設計可變性的需求,MVC把交互系統的組成分解成視圖、控制器、模型3種部件。
    視圖部件把表示模型數據及邏輯關系和狀態的信息以特定形式展示給用戶。它從模型獲得顯示信息,對于相同的信息可以有多個不同的顯示形式或視圖??刂破鞑考饕糜谔幚碛脩襞c軟件的交互操作,其職責是控制提供模型中任何變化的傳播,確保用戶界面與模型間的對應聯系;它接受用戶的輸入,將輸入反饋給模型,進而實現對模型的計算控制,是使模型和視圖協調工作的部件。模型部件保存由視圖顯示、由控制器控制的數據;它封裝了問題的核心數據及邏輯和功能的計算關系,它獨立于具體的界面表達和I/O操作。
    模型、視圖與控制器的分離,使得一個模型可以具有多個顯示視圖。如果用戶通過某個視圖的控制器改變了模型的數據,所有其它依賴于這些數據的視圖都應反映出這些變化。因此,無論何時發生了何種數據變化,控制器都會將變化通知所有的視圖,導致顯示的更新。這實際上是一種模型的變化一傳播機制。
    模型、視圖、控制器三者之間的關系和各自的主要功能如圖1所示。

2 應用框架
    為了方便地實現業務流程控制和更改,本文根據MVC設計模式,提出了一個可擴展的框架。該框架的優點是:
    1)實現了對業務流程控
制部分的包裝,便于簡化web應用程序的開發。使用框架開發web應用程序,只需依照頁面接口編寫web頁面和業務邏輯,控制部分由框架根據配置文件實現。這樣設計有利于頁面美工與程序員的協作。
    2)提高了web頁面和業務邏輯的擴展和重用,便于對業務邏輯的測試,提高了系統的靈活性。

框架的結構如圖2所示。Views和ViewManager是系統的視圖部分,其中,ViewManager負責頁面的生成與顯示。Web服務和業務邏輯組件提供應用程序的業務邏輯,屬于系統的模型部分。剩下的部分屬于系統的控制器部分,各個部分的主要功能如下:Manager給應用程序提供一個人口,根據不同的Navigator來決定新建或加載一個任務:Navigator負責管理頁面之間的跳轉,根據配置文件選擇合適的頁面,調用ViewManager激活頁面;ControllerBase和Controllers根據頁面請求調用不同的業務邏輯,返回結果;State保存應用程序的狀態以及當前顯示的頁面。

 

    此應用框架的具體工作流程如下:在Manager中啟動任務以后,實例化導航器傳遞適當的信息給導航器(Navigator)。導航器調用Configuration類從配置文件中取出配置信息,根據配置信息,創建視圖管理器(Views Manager)。然后,Manager調用Navigator的NavigateEvent事件,獲得應用程序要顯示的和下一個要顯示的頁面。此時,可以調用State類中的Save方法,將狀態保存到數據庫中。另外,導航器也可以調用適當的視圖管理器中的ActiveView方法,將視圖名字傳給視圖管理器。ActiveView方法負責創建控制器,顯示視圖。視圖顯示之后,等待用戶在界面中執行一個動作。如果用戶執行了一個動作,就通過控制器調用業務邏輯,處理后就會將結果返回頁面。
    使用框架開發應用程序可以很方便地控制和改變業務流程,此時只需要修改配置文件即可;可以實現狀態管理,保持頁面間狀態的連貫性,捕獲用戶與應用程序交互的狀態,根據保存的狀態信息,用戶可以在任何時間、地點、機器繼續未完成的操作。

3 面向應用框架的web程序開發
    汽車4S店企業資源計劃(Enterprise Resource Planning,ERP)系統業務邏輯復雜,業務流程易更改,采用本文提出的框架進行開發,結構層次清晰,便于分工協作,取得較好的效果。我們使用汽車配件采購訂單模塊,來說明框架的應用,其流程如圖3所示。

 

    在開發過程中,分別編寫需要顯示的web頁面和后臺業務邏輯,在配置文件中,使用view元素將頁面名稱與頁面代碼對應起來,在navigation部分編寫頁面的流轉。如果要修改業務流程,只需修改配置文件導航部分;另外,添加頁面也很方便,只需要在配置文件中增加頁面節點,配置頁面的流轉過程即可。
    部分流程配置代碼如下:


    通過配置文件的設置,框架可以便利地修改和擴展應用程序,實現對業務流程的控制和修改。這樣,web頁面和邏輯代碼就可以很方便地修改和復用,應用系統也具有很強的靈活性和可擴展性。


4 結論
    MVC作為一種常用的開發模型,因其實現了數據層與表示層的分離,被廣泛用于分布式系統的設計和分析,應用程序的重用度高,并易于維護和修改。很多交互性愈來愈強的傳統web應用程序開發(如PHP、ASP、JSP等),存在著代碼較為復雜、重用度低和維護擴展難度大的問題,根據MVC思想的可擴展設計框架,可有效地提高web應用程序的開發效率。

此內容為AET網站原創,未經授權禁止轉載。
主站蜘蛛池模板: 欧美在线二区 | 国产高清在线精品一区a | 亚洲欧美日韩综合一区 | 五月天婷婷在线观看高清 | 国产精品成在线观看 | 视频一区二区欧美日韩在线 | 中日韩精品视频在线观看 | 亚洲国产精品激情在线观看 | 日日爽爽| 性感美女香蕉视频 | 国产制服丝袜 | 午夜看黄网站免费 | 国产专区一va亚洲v天堂 | 欧美高清无砖专区欧美精品 | 国产精品久久久久久久免费 | 亚洲精品午夜级久久久久 | 99re在线 | 老色批影院 | 激情五月综合网 | 国产第二十三页浮力影院 | a国产视频 | 最近中文字幕高清视频2019 | 一级片中国 | 国产精品亚洲欧美 | 午夜在线视频 | 日本在线小视频 | 97国产蝌蚪视频在线观看 | 成人欧美日韩视频一区 | 一本香蕉 | 免费在线一级片 | 日韩伊人网 | 欧美国产日本高清不卡免费 | 国产 欧美 在线 | 男女男精品网站免费观看 | 欧美一区在线观看视频 | 亚洲一区二区三区欧美 | 日韩色天使综合色视频 | 色在线视频网站 | 福利视频一区 | 国产成人一区二区 | 国产女女互摸互慰在线观看 |