混合開發(fā)前端mvc框架實(shí)現(xiàn)方法和系統(tǒng)的制作方法
【專利摘要】本發(fā)明公開了一種混合開發(fā)前端MVC框架實(shí)現(xiàn)方法和系統(tǒng)，用以解決現(xiàn)有混合開發(fā)前端模式中程序代碼管理邏輯混亂，不易維護(hù)和重構(gòu)的問題。所述方法包括：表現(xiàn)層捕獲用戶界面中一頁面模塊的動(dòng)作事件，并將所述動(dòng)作事件通知控制層；所述控制層在接收到通知后，根據(jù)所述動(dòng)作事件判斷所述頁面模塊是否需要從服務(wù)層獲取數(shù)據(jù)；在判定為是時(shí)，確定所述動(dòng)作事件對(duì)應(yīng)的數(shù)據(jù)模型，并將所述數(shù)據(jù)模型通知數(shù)據(jù)模型層；所述數(shù)據(jù)模型層調(diào)用所述數(shù)據(jù)模型，以向服務(wù)層請(qǐng)求所述數(shù)據(jù)；并在接收到所述服務(wù)層返回的所述數(shù)據(jù)后，將所述數(shù)據(jù)發(fā)送給所述控制層；所述控制層將所述數(shù)據(jù)填充到所述表現(xiàn)層，并刷新所述頁面模塊。
【專利說明】
混合開發(fā)前端MVC框架實(shí)現(xiàn)方法和系統(tǒng)
技術(shù)領(lǐng)域
[0001]本發(fā)明涉及計(jì)算機(jī)領(lǐng)域，特別是涉及一種混合開發(fā)前端MVC框架實(shí)現(xiàn)方法和系統(tǒng)。 【背景技術(shù)】
[0002]隨著智能終端(手機(jī)、平板電腦等)的發(fā)展和普及，很多辦公、娛樂及操作軟件已從大型硬件電腦軟件轉(zhuǎn)變成終端APP(應(yīng)用程序，Applicat1n的縮寫)，而終端APP的開發(fā)正逐步由單一1S或Android開發(fā)模式向混合開發(fā)模式(i0S+HTML5+Javascript或Android+ HTML5+Javascript)轉(zhuǎn)變，HTML5+Javascript開發(fā)被稱為混合開發(fā)模式中的前端開發(fā)。
[0003]目前，由于前端開發(fā)興起時(shí)間較短，大部分開發(fā)者對(duì)前端開發(fā)的理解停留在較陳舊模式中，使得前端開發(fā)代碼管理邏輯混亂，不易維護(hù)和重構(gòu)，增加了開發(fā)成本，從而造成了開發(fā)的應(yīng)用程序刷新效率和數(shù)據(jù)存儲(chǔ)性能較低，導(dǎo)致應(yīng)用程序的用戶體驗(yàn)不夠好。
【發(fā)明內(nèi)容】

[0004]鑒于現(xiàn)有技術(shù)的缺陷，本發(fā)明目的在于提供一種混合開發(fā)前端MVC框架實(shí)現(xiàn)方法和系統(tǒng)，用以解決現(xiàn)有混合開發(fā)前端模式中程序代碼管理邏輯混亂，不易維護(hù)和重構(gòu)的問題。
[0005]本發(fā)明目的主要是通過以下技術(shù)方案實(shí)現(xiàn)的:
[0006]根據(jù)本發(fā)明的一個(gè)方面，本發(fā)明提供一種混合開發(fā)的前端MVC框架實(shí)現(xiàn)方法，包括:
[0007]表現(xiàn)層捕獲用戶界面中一頁面模塊的動(dòng)作事件，并將所述動(dòng)作事件通知控制層；
[0008]所述控制層在接收到通知后，根據(jù)所述動(dòng)作事件判斷所述頁面模塊是否需要從服務(wù)層獲取數(shù)據(jù);在判定為是時(shí)，確定所述動(dòng)作事件對(duì)應(yīng)的數(shù)據(jù)模型，并將所述數(shù)據(jù)模型通知數(shù)據(jù)模型層；
[0009]所述數(shù)據(jù)模型層調(diào)用所述數(shù)據(jù)模型，以向服務(wù)層請(qǐng)求所述數(shù)據(jù)；以及接收所述服務(wù)層返回的所述數(shù)據(jù)，并將所述數(shù)據(jù)發(fā)送給所述控制層；
[0010]所述控制層將所述數(shù)據(jù)填充到所述表現(xiàn)層，并刷新所述頁面模塊。
[0011]進(jìn)一步，所述表現(xiàn)層采用單頁面應(yīng)用模式。
[0012]進(jìn)一步，所述方法還包括:
[0013]將所述表現(xiàn)層的程序代碼、所述控制層的程序代碼和所述數(shù)據(jù)模型層的程序代碼分咼。
[0014]進(jìn)一步，所述數(shù)據(jù)模型層向所述服務(wù)層請(qǐng)求所述數(shù)據(jù)時(shí)采用異步請(qǐng)求方式。
[0015]進(jìn)一步，所述數(shù)據(jù)模型層在接收到所述服務(wù)層返回的所述數(shù)據(jù)后，將所述數(shù)據(jù)發(fā)送給所述控制層的步驟，還包括:
[0016]按照預(yù)定的數(shù)據(jù)格式封裝所述數(shù)據(jù)，并將封裝后的所述數(shù)據(jù)發(fā)送給所述控制層。
[0017]根據(jù)本發(fā)明的另一個(gè)方面，本發(fā)明還提供一種混合開發(fā)的前端MVC框架實(shí)現(xiàn)系統(tǒng)， 包括:
[0018]表現(xiàn)層，用于捕獲用戶界面中一個(gè)頁面模塊的動(dòng)作事件，將所述動(dòng)作事件通知控制層；以及用于接收所述控制層填充的數(shù)據(jù)，并在所述用戶界面上展示刷新后的頁面模塊；
[0019]控制層，用于在接收到通知后，根據(jù)所述動(dòng)作事件判斷所述頁面模塊是否需要從服務(wù)層獲取數(shù)據(jù);在判定為是時(shí)，確定所述動(dòng)作事件對(duì)應(yīng)的數(shù)據(jù)模型，并將所述數(shù)據(jù)模型通知數(shù)據(jù)模型層；以及用于接收數(shù)據(jù)模型層發(fā)送的所述數(shù)據(jù)，將所述數(shù)據(jù)填充到所述表現(xiàn)層，并刷新所述頁面模塊；
[0020]數(shù)據(jù)模型層，用于調(diào)用所述數(shù)據(jù)模型，以向服務(wù)層請(qǐng)求所述數(shù)據(jù)；以及接收所述服務(wù)層返回的所述數(shù)據(jù)，并將所述數(shù)據(jù)發(fā)送給所述控制層。
[0021 ]進(jìn)一步，所述表現(xiàn)層采用單頁面應(yīng)用模式。
[0022]進(jìn)一步，所述表現(xiàn)層的程序代碼、所述控制層的程序代碼和所述數(shù)據(jù)模型層的程序代碼分離。
[0023]進(jìn)一步，所述數(shù)據(jù)模型層向所述服務(wù)層請(qǐng)求所述數(shù)據(jù)時(shí)采用異步請(qǐng)求方式。
[0024]進(jìn)一步，所述數(shù)據(jù)模型層在接收所述服務(wù)層返回的所述數(shù)據(jù)后，還用于按照預(yù)定的數(shù)據(jù)格式封裝所述數(shù)據(jù)，并將封裝后的所述數(shù)據(jù)發(fā)送給所述控制層。
[0025]本發(fā)明有益效果如下:
[0026]本發(fā)明的方法和系統(tǒng)通過使控制層采用數(shù)據(jù)注入的方式將數(shù)據(jù)傳給表現(xiàn)層，從而實(shí)現(xiàn)表現(xiàn)層的程序代碼和控制層的程序代碼的分離；同時(shí)通過控制層調(diào)用數(shù)據(jù)模型層的相應(yīng)數(shù)據(jù)模型，并使該數(shù)據(jù)模型向服務(wù)層請(qǐng)求數(shù)據(jù)，從而實(shí)現(xiàn)數(shù)據(jù)模型層的程序代碼和控制層的程序代碼的分離;從而使混合開發(fā)的表現(xiàn)層，控制層及數(shù)據(jù)層彼此分立，模塊維護(hù)獨(dú)立互不影響，使程序代碼管理邏輯清晰，易維護(hù)和重構(gòu)；并且通過頁面局部刷新，降低應(yīng)用數(shù)據(jù)請(qǐng)求所占內(nèi)存，提高運(yùn)行性能，為軟件及APP開發(fā)帶來更好的用戶體驗(yàn)。
【附圖說明】
[0027]圖1是本發(fā)明實(shí)施例中混合開發(fā)前端MVC框架實(shí)現(xiàn)方法的主流程圖；
[0028]圖2是本發(fā)明實(shí)施例中混合開發(fā)前端MVC框架實(shí)現(xiàn)系統(tǒng)的框架示意圖。
【具體實(shí)施方式】
[0029]為了解決現(xiàn)有混合開發(fā)前端模式中程序代碼管理邏輯混亂，不易維護(hù)和重構(gòu)的問題，本發(fā)明提供了一種混合開發(fā)前端MVC(Model (對(duì)象實(shí)例)View(視圖)Control Ier (控制器))框架實(shí)現(xiàn)方法和系統(tǒng)，以下結(jié)合附圖以及實(shí)施例，對(duì)本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅用以解釋本發(fā)明，并不限定本發(fā)明。
[0030]實(shí)施例一
[0031]如圖1所示，本發(fā)明實(shí)施例提供一種混合開發(fā)的前端MVC框架實(shí)現(xiàn)方法，包括:
[0032]步驟A、捕捉用戶操作，也就是說，表現(xiàn)層捕獲用戶界面中一頁面模塊的動(dòng)作事件，并將所述動(dòng)作事件通知控制層；
[0033]步驟B、調(diào)用數(shù)據(jù)處理，也就是說，所述控制層在接收到通知后，根據(jù)所述動(dòng)作事件判斷所述頁面模塊是否需要從服務(wù)層獲取數(shù)據(jù);在判定為是時(shí)，確定所述動(dòng)作事件對(duì)應(yīng)的數(shù)據(jù)模型，并將所述數(shù)據(jù)模型通知數(shù)據(jù)模型層；
[0034]步驟C、請(qǐng)求數(shù)據(jù)，也就是說，所述數(shù)據(jù)模型層調(diào)用所述數(shù)據(jù)模型，以向服務(wù)層請(qǐng)求所述數(shù)據(jù);并在接收到所述服務(wù)層返回的所述數(shù)據(jù)后，將所述數(shù)據(jù)發(fā)送給所述控制層；
[0035]步驟D、服務(wù)層返回?cái)?shù)據(jù)；
[0036]步驟E、返回?cái)?shù)據(jù)到控制器，也就是說，所述數(shù)據(jù)模型層接收所述服務(wù)層返回的所述數(shù)據(jù)，將所述數(shù)據(jù)發(fā)送給所述控制層；
[0037]步驟F、局部刷新頁面填充數(shù)據(jù)，也就是說，所述控制層將所述數(shù)據(jù)填充到所述表現(xiàn)層，并刷新所述頁面模塊。
[0038]具體說，表現(xiàn)層用來提供用戶界面，用戶界面包括若干頁面模塊;也就是說表現(xiàn)層向用戶提供展示頁面;頁面展示的內(nèi)容包括瀏覽器或APP中用戶能看到的所有內(nèi)容，包括文字、圖片、動(dòng)畫和加載提示，以及用戶自己輸入的文字及表情等。
[0039]數(shù)據(jù)是指從服務(wù)器拿到的所有動(dòng)態(tài)變化的內(nèi)容，包括動(dòng)態(tài)更新顯示的新聞、廣告、 用戶信息、訂單信息、用戶習(xí)慣和設(shè)備當(dāng)前狀態(tài)等。
[0040]控制層用來判斷表現(xiàn)層的用戶操作，并調(diào)用數(shù)據(jù)模型層請(qǐng)求數(shù)據(jù)；用戶操作泛指用戶在頁面中做出的所有動(dòng)作事件，包括:輸入動(dòng)作、點(diǎn)擊動(dòng)作和滑動(dòng)動(dòng)作等，例如注冊(cè)時(shí)輸入信息，登陸時(shí)輸入用戶名密碼，點(diǎn)擊瀏覽下一頁，在APP中滑動(dòng)頁面加載更多內(nèi)容，點(diǎn)擊某商品進(jìn)入商品詳細(xì)介紹頁面等。
[0041]數(shù)據(jù)模型層用于保存多個(gè)功能模塊(即數(shù)據(jù)模型)，每個(gè)功能模塊對(duì)應(yīng)與表現(xiàn)層中的一個(gè)動(dòng)作，用于實(shí)現(xiàn)表現(xiàn)層中相應(yīng)動(dòng)作所要實(shí)現(xiàn)的功能。[〇〇42]現(xiàn)有前端開發(fā)模式中，是在HTML中引入或嵌入相關(guān)的Javascript代碼，這種開發(fā)模式使得代碼邏輯不夠清晰，代碼維護(hù)繁瑣;并且這種開發(fā)模式在表現(xiàn)層需要數(shù)據(jù)是，需要刷新整個(gè)頁面，從而造成了服務(wù)端處理需要處理整個(gè)頁面數(shù)據(jù)，從而頁面加載時(shí)間較長;并且頁面之間邏輯耦合較高，不易分離。
[0043]本發(fā)明實(shí)施例通過在表現(xiàn)層的用戶界面需要載入數(shù)據(jù)時(shí)，控制層向數(shù)據(jù)模型層發(fā)送數(shù)據(jù)請(qǐng)求，以使所述數(shù)據(jù)模型層返回所述數(shù)據(jù)，所述控制層接收到所述數(shù)據(jù)后，刷新所述用戶界面上所述數(shù)據(jù)所屬的頁面模塊，并將所述數(shù)據(jù)填充到所述表現(xiàn)層，從而使控制層采用數(shù)據(jù)注入的方式將數(shù)據(jù)傳給表現(xiàn)層，從而實(shí)現(xiàn)表現(xiàn)層的程序代碼和控制層的程序代碼的分離，使程序代碼管理邏輯清晰，易維護(hù)和重構(gòu);并且通過頁面局部刷新，降低應(yīng)用數(shù)據(jù)請(qǐng)求所占內(nèi)存，提高運(yùn)行性能，為軟件及APP開發(fā)帶來更好的用戶體驗(yàn)。
[0044]在本發(fā)明的一個(gè)優(yōu)選的實(shí)施方式中，還對(duì)上述方法進(jìn)行了優(yōu)化，具體來說，所述方法還包括:
[0045]所述表現(xiàn)層采用單頁面應(yīng)用模式，只提供一個(gè)頁面作為用戶界面。
[0046]單頁面應(yīng)用模式具體包括:一個(gè)應(yīng)用(包括門戶網(wǎng)站及APP)只有一個(gè)頁面入口(用戶界面)；所有的請(qǐng)求及頁面變化通過控制層控制實(shí)現(xiàn)，不需要發(fā)送url改變請(qǐng)求，節(jié)省流量提高加載速度。
[0047]在本發(fā)明的一個(gè)優(yōu)選的實(shí)施方式中，還對(duì)上述方法進(jìn)行了優(yōu)化，具體來說，所述表現(xiàn)層捕獲用戶界面中一頁面模塊的動(dòng)作事件的步驟之前，還包括:
[0048]將所述表現(xiàn)層的程序代碼、所述控制層的程序代碼和所述數(shù)據(jù)模型層的程序代碼分咼。[〇〇49]也就是說，采用模塊化開發(fā)方式，模塊之間可繼承。模塊化開發(fā)方式使開發(fā)者像添加模塊一樣添加新的開發(fā)功能，所有功能互不影響，獨(dú)立管理。具體說，需要新增功能時(shí)，只需新增一個(gè)模塊進(jìn)行開發(fā)，此模塊會(huì)作為單一獨(dú)立模塊，與其他功能模塊互相之間不會(huì)影響，且可選擇繼承其他模塊功能。例如，HTML頁面和Javascript代碼都可作為單一片段，按需加載，使用完后實(shí)例自動(dòng)銷毀，合理管理內(nèi)存空間。
[0050]在本發(fā)明的一個(gè)優(yōu)選的實(shí)施方式中，還對(duì)上述方法進(jìn)行了優(yōu)化，具體來說，
[0051 ]數(shù)據(jù)模型向所述服務(wù)層發(fā)送數(shù)據(jù)請(qǐng)求的方式為異步請(qǐng)求。
[0052]在本發(fā)明的一個(gè)優(yōu)選的實(shí)施方式中，還對(duì)上述方法進(jìn)行了優(yōu)化，具體來說，所述數(shù)據(jù)模型層接收所述數(shù)據(jù)后，按照預(yù)定的數(shù)據(jù)格式封裝所述數(shù)據(jù)，并將封裝后的所述數(shù)據(jù)發(fā)送給所述控制層。
[0053]也就是說，在本優(yōu)選的實(shí)施方式中，控制層主要用來分析處理用戶界面需要載入的數(shù)據(jù)，根據(jù)需要載入的數(shù)據(jù)，調(diào)用數(shù)據(jù)模型層中的相應(yīng)數(shù)據(jù)模型(model)，使數(shù)據(jù)模型從服務(wù)器中獲取該數(shù)據(jù)。比如:用戶點(diǎn)擊注冊(cè)，控制層需調(diào)用注冊(cè)的model并發(fā)送用戶信息到服務(wù)器進(jìn)行注冊(cè);又如:用戶點(diǎn)擊下一頁，控制層負(fù)責(zé)頁面正確跳轉(zhuǎn)并且展示頁面跳轉(zhuǎn)的動(dòng)畫(比如手機(jī)APP中新頁面是從右向左滑動(dòng)出現(xiàn))。
[0054]頁面中所有的動(dòng)作或者請(qǐng)求，都有控制層先進(jìn)行分析，然后處理。
[0055]數(shù)據(jù)模型層主要負(fù)責(zé)發(fā)送請(qǐng)求，并且封裝請(qǐng)求回來的數(shù)據(jù)?？刂茖迂?fù)責(zé)處理頁面所有的動(dòng)作和邏輯，并決定是否需要調(diào)用數(shù)據(jù)模型層來發(fā)送請(qǐng)求，以及調(diào)用哪個(gè)數(shù)據(jù)模型來發(fā)送請(qǐng)求。并在接收到服務(wù)層返回的數(shù)據(jù)后，在S102中每次只需重繪用戶需要看到變化的部分，從而減輕服務(wù)端的處理負(fù)擔(dān)，提高網(wǎng)頁響應(yīng)速度，且將數(shù)據(jù)交互從服務(wù)端轉(zhuǎn)移到瀏覽器端，做到數(shù)據(jù)按用戶所需加載的目的。
[0056]如圖1所示，以HTML5+JavaScript為例，詳細(xì)描述本發(fā)明實(shí)施例方法，本發(fā)明實(shí)施例方法包括:
[0057]A:HTML表現(xiàn)層用來展示頁面及數(shù)據(jù)，在用戶觸發(fā)某種事件后捕獲事件并通知控制層;例如:用戶在海爾商城首頁看到所有的商品列表，點(diǎn)擊某一個(gè)商品，會(huì)觸發(fā)一個(gè)”點(diǎn)擊”事件，控制層會(huì)監(jiān)控到。
[0058]B: Javascript控制層用來分析表現(xiàn)層捕獲的事件類型及相對(duì)應(yīng)的處理機(jī)制，調(diào)用該事件對(duì)應(yīng)的數(shù)據(jù)模型請(qǐng)求數(shù)據(jù);例如:控制層分析當(dāng)前的”點(diǎn)擊”事件是什么類型，比如這個(gè)事件不是注冊(cè)，不是登陸，不是頁面跳轉(zhuǎn)，而是點(diǎn)擊商品需要進(jìn)入商品詳情頁面。
[0059]控制層控制頁面跳轉(zhuǎn)到商品詳情頁，并且調(diào)用取商品詳情的數(shù)據(jù)model發(fā)送該商品數(shù)據(jù)的請(qǐng)求。
[0060]C:數(shù)據(jù)模型層收到數(shù)據(jù)請(qǐng)求后，發(fā)送Ajax請(qǐng)求后臺(tái)服務(wù)器；
[0061]D:服務(wù)器返回?cái)?shù)據(jù)；
[0062]E:數(shù)據(jù)模型層按照規(guī)定的數(shù)據(jù)格式封裝取回的數(shù)據(jù)并傳回控制層；
[0063]F:控制層接收數(shù)據(jù)，并局部刷新對(duì)應(yīng)的頁面模塊，將數(shù)據(jù)填充到HTML表現(xiàn)層中。
[0064]也就是說，按照此流程，混合開發(fā)的表現(xiàn)層，控制層及數(shù)據(jù)層彼此分立，模塊維護(hù)獨(dú)立互不影響，無論從編碼或者維護(hù)方面考察，都更加簡(jiǎn)便，且更符合面向?qū)ο筮壿嫛?br>[0065]實(shí)施例二
[0066]如圖2所示，本發(fā)明實(shí)施例提供一種混合開發(fā)的前端MVC框架實(shí)現(xiàn)系統(tǒng)，包括:
[0067]表現(xiàn)層，用于捕獲用戶界面中一個(gè)頁面模塊的動(dòng)作事件，將所述動(dòng)作事件通知控制層；以及用于接收所述控制層填充的數(shù)據(jù)，并在所述用戶界面上展示刷新后的頁面模塊；
[0068]控制層，用于在接收到通知后，根據(jù)所述動(dòng)作事件判斷所述頁面模塊是否需要從服務(wù)層獲取數(shù)據(jù);在判定為是時(shí)，確定所述動(dòng)作事件對(duì)應(yīng)的數(shù)據(jù)模型，并將所述數(shù)據(jù)模型通知數(shù)據(jù)模型層；以及用于接收數(shù)據(jù)模型層發(fā)送的所述數(shù)據(jù)，將所述數(shù)據(jù)填充到所述表現(xiàn)層， 并刷新所述頁面模塊；
[0069]數(shù)據(jù)模型層，用于調(diào)用所述數(shù)據(jù)模型，以向服務(wù)層請(qǐng)求所述數(shù)據(jù);并在接收到所述服務(wù)層返回的所述數(shù)據(jù)后，將所述數(shù)據(jù)發(fā)送給所述控制層。
[0070]其中，所述表現(xiàn)層采用單頁面應(yīng)用模式，只提供一個(gè)入口頁面作為用戶界面。
[0071]所述表現(xiàn)層的程序代碼、所述控制層的程序代碼和所述數(shù)據(jù)模型層的程序代碼分離。
[0072]所述數(shù)據(jù)模型向所述服務(wù)層發(fā)送數(shù)據(jù)請(qǐng)求的方式為異步請(qǐng)求。
[0073]所述數(shù)據(jù)模型層在接收所述服務(wù)層返回的所述數(shù)據(jù)后，還用于按照預(yù)定的數(shù)據(jù)格式封裝所述數(shù)據(jù)，并將封裝后的所述數(shù)據(jù)發(fā)送給所述控制層。
[0074]本發(fā)明實(shí)施例的系統(tǒng)可使開發(fā)者更容易管理展示頁面與邏輯控制代碼，模式由面向腳本語言開發(fā)轉(zhuǎn)為面向?qū)ο箝_發(fā)。需要新增功能時(shí)，只需新增一個(gè)模塊進(jìn)行開發(fā)，此模塊會(huì)作為單一獨(dú)立模塊，與其他功能模塊互相之間不會(huì)影響，且可選擇繼承其他模塊功能。 HTML頁面和Javascript代碼都可作為單一片段，按需加載，使用完后實(shí)例自動(dòng)銷毀，合理管理內(nèi)存空間。
[0075]盡管為示例目的，以上已經(jīng)公開了本發(fā)明的優(yōu)選實(shí)施例，但本領(lǐng)域的技術(shù)人員將意識(shí)到各種改進(jìn)、增加和取代也是可能的，因此，本發(fā)明的范圍應(yīng)當(dāng)不限于上述實(shí)施例。
【主權(quán)項(xiàng)】
1.一種混合開發(fā)的前端MVC框架實(shí)現(xiàn)方法，其特征在于，包括: 表現(xiàn)層捕獲用戶界面中一頁面模塊的動(dòng)作事件，并將所述動(dòng)作事件通知控制層； 所述控制層在接收到通知后，根據(jù)所述動(dòng)作事件判斷所述頁面模塊是否需要從服務(wù)層獲取數(shù)據(jù);在判定為是時(shí)，確定所述動(dòng)作事件對(duì)應(yīng)的數(shù)據(jù)模型，并將所述數(shù)據(jù)模型通知數(shù)據(jù)模型層； 所述數(shù)據(jù)模型層調(diào)用所述數(shù)據(jù)模型，以向服務(wù)層請(qǐng)求所述數(shù)據(jù)；以及接收所述服務(wù)層返回的所述數(shù)據(jù)，并將所述數(shù)據(jù)發(fā)送給所述控制層； 所述控制層將所述數(shù)據(jù)填充到所述表現(xiàn)層，并刷新所述頁面模塊。2.如權(quán)利要求1所述的方法，其特征在于， 所述表現(xiàn)層采用單頁面應(yīng)用模式。3.如權(quán)利要求1所述的方法，其特征在于，所述方法還包括: 將所述表現(xiàn)層的程序代碼、所述控制層的程序代碼和所述數(shù)據(jù)模型層的程序代碼分離。4.如權(quán)利要求1-3中任意一項(xiàng)所述的方法，其特征在于，所述數(shù)據(jù)模型層向所述服務(wù)層請(qǐng)求所述數(shù)據(jù)時(shí)采用異步請(qǐng)求方式。5.如權(quán)利要求1-3中任意一項(xiàng)所述的方法，其特征在于，所述數(shù)據(jù)模型層在接收到所述服務(wù)層返回的所述數(shù)據(jù)后，將所述數(shù)據(jù)發(fā)送給所述控制層的步驟，還包括: 按照預(yù)定的數(shù)據(jù)格式封裝所述數(shù)據(jù)，并將封裝后的所述數(shù)據(jù)發(fā)送給所述控制層。6.一種混合開發(fā)的前端MVC框架實(shí)現(xiàn)系統(tǒng)，其特征在于，包括: 表現(xiàn)層，用于捕獲用戶界面中一個(gè)頁面模塊的動(dòng)作事件，將所述動(dòng)作事件通知控制層；以及用于接收所述控制層填充的數(shù)據(jù)，并在所述用戶界面上展示刷新后的頁面模塊； 控制層，用于在接收到通知后，根據(jù)所述動(dòng)作事件判斷所述頁面模塊是否需要從服務(wù)層獲取數(shù)據(jù);在判定為是時(shí)，確定所述動(dòng)作事件對(duì)應(yīng)的數(shù)據(jù)模型，并將所述數(shù)據(jù)模型通知數(shù)據(jù)模型層；以及用于接收數(shù)據(jù)模型層發(fā)送的所述數(shù)據(jù)，將所述數(shù)據(jù)填充到所述表現(xiàn)層，并刷新所述頁面模塊； 數(shù)據(jù)模型層，用于調(diào)用所述數(shù)據(jù)模型，以向服務(wù)層請(qǐng)求所述數(shù)據(jù)；以及接收所述服務(wù)層返回的所述數(shù)據(jù)，并將所述數(shù)據(jù)發(fā)送給所述控制層。7.如權(quán)利要求6所述的系統(tǒng)，其特征在于， 所述表現(xiàn)層采用單頁面應(yīng)用模式。8.如權(quán)利要求6所述的系統(tǒng)，其特征在于，所述表現(xiàn)層的程序代碼、所述控制層的程序代碼和所述數(shù)據(jù)模型層的程序代碼分離。9.如權(quán)利要求6-8中任意一項(xiàng)所述的系統(tǒng)，其特征在于，所述數(shù)據(jù)模型層向所述服務(wù)層請(qǐng)求所述數(shù)據(jù)時(shí)采用異步請(qǐng)求方式。10.如權(quán)利要求6-8中任意一項(xiàng)所述的系統(tǒng)，其特征在于，所述數(shù)據(jù)模型層在接收所述服務(wù)層返回的所述數(shù)據(jù)后，還用于按照預(yù)定的數(shù)據(jù)格式封裝所述數(shù)據(jù)，并將封裝后的所述數(shù)據(jù)發(fā)送給所述控制層。
【文檔編號(hào)】G06F9/44GK105955714SQ201610235863
【公開日】2016年9月21日
【申請(qǐng)日】2016年4月15日
【發(fā)明人】劉旭升
【申請(qǐng)人】北京海爾廣科數(shù)字技術(shù)有限公司, 青島海爾智能家電科技有限公司