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


1 MVC設計模式
    MVC由Trygve Reenskaug提出,首先被應用在SmallTalk-80環境中,是許多交互和界面系統的構成基礎。MVC結構是為那些需要為同樣的數據提供多個視圖的應用程序而設計的,它很好地實現了數據層與表示層的分離。MVC作為一種開發模型,通常用于分布式應用系統的設計和分析中;另外,它也可用于確定系統各部分間的組織關系。對于界面設計可變性的需求,MVC把交互系統的組成分解成視圖、控制器、模型3種部件。
    視圖部件把表示模型數據及邏輯關系和狀態的信息以特定形式展示給用戶。它從模型獲得顯示信息,對于相同的信息可以有多個不同的顯示形式或視圖。控制器部件主要用于處理用戶與軟件的交互操作,其職責是控制提供模型中任何變化的傳播,確保用戶界面與模型間的對應聯系;它接受用戶的輸入,將輸入反饋給模型,進而實現對模型的計算控制,是使模型和視圖協調工作的部件。模型部件保存由視圖顯示、由控制器控制的數據;它封裝了問題的核心數據及邏輯和功能的計算關系,它獨立于具體的界面表達和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網站原創,未經授權禁止轉載。
亚洲一区二区欧美_亚洲丝袜一区_99re亚洲国产精品_日韩亚洲一区二区
亚洲国产一二三| 羞羞漫画18久久大片| 国产精品亚洲欧美| 欧美日韩在线播| 欧美精品午夜视频| 欧美黄色影院| 欧美二区不卡| 欧美国产精品日韩| 欧美成人精品三级在线观看| 久久九九久久九九| 久久精品国产亚洲一区二区三区| 亚洲一区二区影院| 亚洲网站视频| 国产又爽又黄的激情精品视频| 亚洲一区欧美二区| 亚洲精品裸体| 好吊一区二区三区| 国模 一区 二区 三区| 国产一区二区三区四区五区美女| 国产亚洲欧美日韩日本| 国产精品五区| 国产欧美精品在线| 国产婷婷色一区二区三区四区 | 久久久人成影片一区二区三区观看 | 欧美日韩一区视频| 国产精品对白刺激久久久| 国产精品久久夜| 国产精品视区| 国内精品久久国产| 尤物99国产成人精品视频| 亚洲黄色av一区| 99re8这里有精品热视频免费| 99热免费精品在线观看| 亚洲一区二区动漫| 先锋影音久久久| 亚洲国产va精品久久久不卡综合| 亚洲精品一区二区三区福利| 夜夜嗨av一区二区三区网站四季av | 久久久久久精| 欧美激情精品久久久久| 欧美视频在线观看一区二区| 国产精品视频午夜| 好看的日韩视频| 亚洲黄色在线| 亚洲视频视频在线| 欧美一级免费视频| 亚洲黄色天堂| 亚洲午夜精品国产| 久久精品国产精品亚洲精品| 蜜桃精品一区二区三区| 欧美日韩国产不卡在线看| 国产精品制服诱惑| 亚洲高清不卡在线观看| 亚洲无人区一区| 久久精品视频在线观看| 中文av字幕一区| 欧美一区二区三区免费看| 乱中年女人伦av一区二区| 欧美精品一区二区三区久久久竹菊| 国产精品国产精品| 国内精品一区二区| 亚洲精品久久久一区二区三区| 亚洲午夜精品在线| 91久久精品www人人做人人爽| 亚洲视频导航| 久久久五月天| 欧美日韩一区二区在线视频| 国产综合精品| 一本色道88久久加勒比精品| 久久精品视频免费观看| 亚洲图色在线| 欧美成年人视频网站欧美| 国产精品一区在线播放| 亚洲欧洲中文日韩久久av乱码| 亚洲一区二区三区中文字幕在线| 亚洲国产精品一区在线观看不卡| 亚洲午夜视频在线观看| 久久这里有精品15一区二区三区| 欧美体内谢she精2性欧美| 精品成人久久| 亚洲在线视频网站| 亚洲毛片av| 久久久久久久久蜜桃| 欧美视频国产精品| 亚洲高清不卡一区| 欧美中文日韩| 亚洲欧美日韩天堂| 欧美日韩国产在线看| 韩国欧美一区| 亚洲综合二区| 亚洲无线视频| 欧美激情亚洲精品| 激情六月婷婷久久| 午夜精品国产精品大乳美女| 亚洲一区激情| 欧美日韩国产成人在线免费 | 伊人精品视频| 午夜视黄欧洲亚洲| 亚洲欧美日韩成人高清在线一区| 欧美寡妇偷汉性猛交| 精品av久久久久电影| 久久av免费一区| 久久成人精品无人区| 国产精品美女在线| 在线性视频日韩欧美| 一区二区免费在线视频| 欧美电影免费观看高清完整版| 黄色成人精品网站| 午夜视频在线观看一区二区| 午夜在线视频观看日韩17c| 欧美视频在线看| 日韩视频专区| 一区二区欧美国产| 欧美人成在线视频| 最新中文字幕一区二区三区| 91久久精品日日躁夜夜躁欧美| 久久免费黄色| 好看的av在线不卡观看| 久久精品官网| 久久综合精品一区| 在线看片成人| 亚洲激情在线观看| 欧美成人在线免费视频| 亚洲国产裸拍裸体视频在线观看乱了中文 | 亚洲激情综合| 美女主播视频一区| 在线观看欧美日本| 亚洲欧洲美洲综合色网| 免费永久网站黄欧美| 亚洲电影第1页| 日韩一级欧洲| 欧美色欧美亚洲高清在线视频| 一区二区免费在线播放| 亚洲免费婷婷| 国产精品视频大全| 欧美亚洲日本一区| 久久人91精品久久久久久不卡| 禁久久精品乱码| 亚洲免费成人av| 欧美日韩免费网站| 亚洲一区高清| 久久精品亚洲乱码伦伦中文 | 亚洲综合电影| 国产欧美日韩综合精品二区| 欧美一区二区黄色| 久久躁日日躁aaaaxxxx| 91久久精品国产91性色tv| 在线性视频日韩欧美| 国产精品卡一卡二| 欧美在线你懂的| 欧美精品久久久久久久久久| 亚洲视频免费观看| 久久久久久久激情视频| 亚洲国产成人久久| 在线中文字幕不卡| 国产精品一区三区| 亚洲国产日韩一区二区| 欧美日韩精品在线视频| 午夜精品久久| 欧美激情一区二区三区 | 99在线热播精品免费| 国产精品女主播| 久久激情综合| 欧美美女喷水视频| 亚洲欧美资源在线| 欧美护士18xxxxhd| 亚洲线精品一区二区三区八戒| 久久久久在线观看| 亚洲另类黄色| 久久精品免费| 亚洲乱码精品一二三四区日韩在线| 午夜国产精品视频| 1024亚洲| 欧美一级黄色网| 亚洲激情视频网| 欧美诱惑福利视频| 亚洲经典在线看| 久久精品国产在热久久| 亚洲精品中文字| 亚洲国产精品一区二区www| 一本一本大道香蕉久在线精品| 一本色道久久综合亚洲精品不卡| 午夜精品国产精品大乳美女| **性色生活片久久毛片| 亚洲综合第一页| 亚洲国产一区二区精品专区| 先锋影音久久| 亚洲激情图片小说视频| 欧美一区二区三区视频在线 | 亚洲精品在线一区二区| 国产免费成人| 一本色道婷婷久久欧美| 国语自产精品视频在线看一大j8 | 一区二区在线观看视频| 亚洲在线免费| 亚洲国产美女精品久久久久∴| 亚洲男人的天堂在线| 亚洲国产高清一区二区三区| 久久精品国产久精国产爱| 一本一道久久综合狠狠老精东影业|