《電子技術應用》
您所在的位置:首頁 > 其他 > 設計應用 > 基于模型-視圖-控制器的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亚洲国产精品_日韩亚洲一区二区
在线欧美视频| 国产精品电影在线观看| 亚洲精品视频免费在线观看| 欧美激情91| 日韩亚洲精品电影| 日韩一级黄色大片| 国产区二精品视| 久久久99久久精品女同性| 久久国产精品一区二区三区| 亚洲第一色在线| 国产亚洲亚洲| 欧美另类综合| 性欧美1819sex性高清| 久久精品一区二区三区不卡| 亚洲人成毛片在线播放| 国产精品啊啊啊| 久久一区视频| 国产精品99久久久久久久女警| 亚洲欧美三级伦理| 伊人久久大香线| 久久综合综合久久综合| 亚洲午夜精品久久久久久app| 午夜精品婷婷| 亚洲精品国产精品国自产观看| 亚洲国产成人精品视频| 国产伦理一区| 欧美精品久久99久久在免费线| 欧美一区二区成人| 亚洲精品国久久99热| 亚洲一区欧美| 亚洲人屁股眼子交8| 日韩视频免费观看高清完整版| 国产自产精品| 国产精品日本一区二区| 欧美大香线蕉线伊人久久国产精品| 亚洲影视综合| 最近看过的日韩成人| 亚洲欧美日韩第一区| 欧美一区日本一区韩国一区| 99成人在线| 亚洲新中文字幕| 亚洲美女中出| 中文日韩电影网站| 亚洲国产精品一区在线观看不卡| 91久久久精品| 亚洲午夜免费视频| 欧美一区二区三区在线观看| 亚洲国产一区二区三区a毛片 | 亚洲高清激情| 一区二区三区**美女毛片| 在线日韩精品视频| 日韩一级大片在线| 性欧美xxxx视频在线观看| 在线亚洲+欧美+日本专区| 午夜激情久久久| 亚洲麻豆视频| 亚洲精品看片| 午夜精品一区二区三区在线视| 宅男噜噜噜66国产日韩在线观看| 午夜精品视频网站| 欧美a一区二区| 另类av导航| 欧美私人网站| 欧美日韩视频免费播放| 欧美电影免费观看高清完整版| 欧美图区在线视频| 韩国免费一区| 国产偷国产偷精品高清尤物| 国产精品婷婷| 亚洲国产二区| 午夜精品福利电影| 一区二区三区国产精品| 99天天综合性| 亚洲精品久久久久久久久久久久| 亚洲一区二区免费看| 久久亚洲精品中文字幕冲田杏梨| 欧美日韩伦理在线免费| 欧美日韩综合在线免费观看| 国外成人在线| 中文日韩在线| 亚洲免费观看高清完整版在线观看| 欧美在线播放视频| 久久精品国产亚洲一区二区三区| 久久国产精品久久久| 欧美精品一区二区三区一线天视频 | 亚洲电影免费在线观看| 午夜精品久久99蜜桃的功能介绍| 日韩一区二区精品视频| 美女福利精品视频| 久热国产精品| 国产麻豆午夜三级精品| 99国产精品久久久| 亚洲精品国产拍免费91在线| 久久国产精品99久久久久久老狼| 国产精品国产a| 亚洲美女区一区| 亚洲人成网站在线观看播放| 久久久久**毛片大全| 国产精品美女久久久浪潮软件| 国产精品一区二区a| 亚洲精品久久久久久久久久久久| 亚洲黑丝在线| 久久午夜精品一区二区| 国产日韩欧美二区| 亚洲在线中文字幕| 亚洲欧美日韩精品久久久| 欧美日韩国产在线看| 亚洲国产精品一区二区久| 亚洲国产综合在线| 久久色中文字幕| 国产香蕉97碰碰久久人人| 亚洲欧美日韩国产中文| 亚洲欧美www| 久久免费高清视频| 欧美国产日本在线| 影音先锋久久| 亚洲高清免费| 中国成人在线视频| 欧美精品色综合| 亚洲欧洲在线免费| 99国产一区二区三精品乱码| 欧美二区在线观看| 亚洲成人在线视频网站| 亚洲日韩欧美视频一区| 欧美成人在线影院| 亚洲激情偷拍| 亚洲欧美在线磁力| 亚洲欧美怡红院| 国产精品免费观看在线| 中日韩美女免费视频网址在线观看| 亚洲桃色在线一区| 国产精品国产三级国产a| 亚洲专区一区二区三区| 久久动漫亚洲| 伊人伊人伊人久久| 日韩亚洲不卡在线| 欧美色视频一区| 亚洲一区二区三区免费视频 | 国产日韩欧美在线播放不卡| 性做久久久久久免费观看欧美| 久久精品欧洲| 激情综合色综合久久综合| 亚洲人成亚洲人成在线观看图片| 欧美激情综合| 日韩午夜精品| 性做久久久久久| 国内精品免费在线观看| 日韩午夜免费视频| 国产精品美女久久久久aⅴ国产馆 国产精品美女久久久 | 亚洲无限av看| 久久精品国产在热久久| 在线精品观看| 一区二区三区成人精品| 国产精品视频| 亚洲夫妻自拍| 欧美日韩国产色视频| 亚洲在线观看视频网站| 久久综合色天天久久综合图片| 亚洲另类春色国产| 性欧美1819性猛交| 在线观看视频一区二区| 亚洲系列中文字幕| 国产一区在线观看视频| 夜夜嗨av色一区二区不卡| 国产精品一区在线观看| 亚洲三级免费观看| 国产精品一区二区女厕厕| 亚洲人成欧美中文字幕| 国产精品高潮粉嫩av| 亚洲国产成人午夜在线一区| 欧美日在线观看| 久久精品日韩欧美| 欧美性天天影院| 亚洲国产精品电影| 国产精品久久久久久妇女6080| 久久er99精品| 欧美三级日韩三级国产三级| 久久成人免费电影| 欧美午夜激情小视频| 久久国产精品一区二区三区四区 | 亚洲激情六月丁香| 久久精品国产99国产精品| 亚洲精品在线二区| 久久久视频精品| 一区二区三区四区在线| 久久亚洲欧美国产精品乐播| 中文在线资源观看网站视频免费不卡| 久久尤物视频| 亚洲欧美成人综合| 欧美日韩亚洲高清一区二区| 亚洲国产高清一区| 国产欧美一区视频| 亚洲视频碰碰| 亚洲电影av在线| 久久久久综合| 亚洲综合日本| 欧美日韩在线播放三区四区| 亚洲精品乱码久久久久久久久| 国产一区激情| 午夜伦理片一区|