一種基于IOC的web應(yīng)用系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種基于1C的web應(yīng)用系統(tǒng)。
[0002]
【背景技術(shù)】
[0003]當(dāng)今世界科學(xué)技術(shù)飛速發(fā)展，尤其以通信、計(jì)算機(jī)、網(wǎng)絡(luò)為代表的互聯(lián)網(wǎng)技術(shù)更是日新月異。而作為客戶端最主要的應(yīng)用軟件之一，web瀏覽器的應(yīng)用領(lǐng)域正在逐漸擴(kuò)展，在C/S結(jié)構(gòu)基礎(chǔ)之上發(fā)展而來的B/S結(jié)構(gòu)，因其成本低、升級快、高效便捷的優(yōu)勢也越來越被主流所采納。
[0004]B/S結(jié)構(gòu)及瀏覽器(Browser)和服務(wù)器(Server)結(jié)構(gòu)，在這種結(jié)構(gòu)下,用戶工作界面是通過WEB瀏覽器來實(shí)現(xiàn)的，客戶機(jī)上安裝瀏覽器，服務(wù)器安裝數(shù)據(jù)庫，二者通過WebServer進(jìn)行數(shù)據(jù)交互，這種模式統(tǒng)一了客戶端，將系統(tǒng)功能實(shí)現(xiàn)的核心部分集中在服務(wù)器上。
[0005]而在B/S結(jié)構(gòu)方面，當(dāng)前較為流行的框架采用模型(Model)-視圖(View)-控制器(Controller)模式，業(yè)務(wù)邏輯和數(shù)據(jù)顯示分離，業(yè)務(wù)邏輯被較為集中的安排在一個(gè)部件當(dāng)中，而用戶窗口則通過網(wǎng)絡(luò)與數(shù)據(jù)模塊進(jìn)行數(shù)據(jù)傳輸。這樣，為了便于與服務(wù)器的交互，Javascript等腳本被廣泛應(yīng)用于客戶端的瀏覽器中。在實(shí)現(xiàn)本發(fā)明的過程中，發(fā)明人發(fā)現(xiàn)現(xiàn)有技術(shù)存在以下問題:
一、安全系數(shù)較低。隨著Javascript的功能越來越強(qiáng)大，一些原來運(yùn)行于服務(wù)器端的業(yè)務(wù)邏輯被越來越多的放置在客戶端中使用腳本語言程序運(yùn)行。這一方面減輕了服務(wù)器的負(fù)擔(dān)，另一方面卻為將攸關(guān)系統(tǒng)安全的業(yè)務(wù)邏輯暴露在客戶端用戶面前，為系統(tǒng)安全埋下隱患。
[0006]二、開發(fā)成本較高。由于Javascript易學(xué)難精的特性,相關(guān)人才較為稀缺,這就造成JS開發(fā)人員配備緊張，開發(fā)成本提高。
[0007]三、數(shù)據(jù)傳輸速度較慢。為了進(jìn)行數(shù)據(jù)模塊(Data Model)和視圖(View)間的交互，現(xiàn)有框架需要在網(wǎng)絡(luò)中傳輸大量的數(shù)據(jù)和參數(shù)，當(dāng)網(wǎng)絡(luò)帶寬有限時(shí)，傳輸速度就會明顯變慢，從而使得客戶體驗(yàn)受到影響。
[0008]

【發(fā)明內(nèi)容】

[0009]本發(fā)明的目的在于，克服現(xiàn)有web框架安全系數(shù)低、開發(fā)成本高、傳輸速度慢等不足，提供一種改進(jìn)的基于1C的web應(yīng)用系統(tǒng)，引入web視圖1OC技術(shù)，從而提高安全系數(shù)及傳輸速度，降低風(fēng)險(xiǎn)和成本。
[0010]為實(shí)現(xiàn)上述發(fā)明目的，本發(fā)明提供一種基于1C的web應(yīng)用系統(tǒng)。所述技術(shù)方案如下:
一種基于1C的web應(yīng)用系統(tǒng),包括以下模塊: 視圖鏡像模塊:用于服務(wù)器和瀏覽器雙方同步用戶界面；
視圖1OC模塊:用于將所述視圖鏡像中的屬性注入到瀏覽器指定的DOM對象和JS對象中。
[0011]作為上述技術(shù)方案的優(yōu)選，所述視圖鏡像模塊包括:
中間層視圖鏡像單元:用于對接業(yè)務(wù)邏輯層處理業(yè)務(wù)數(shù)據(jù)，并與瀏覽器中的視圖鏡像單元進(jìn)行對照交互；
數(shù)據(jù)傳輸單元:用于進(jìn)行數(shù)據(jù)傳輸；
瀏覽器的視圖鏡像單元:用于從瀏覽器獲取用戶操作，并與所述中間層視圖鏡像單元進(jìn)行對照交互，瀏覽器指定的DOM對象和JS對象被動依賴注入屬性。
[0012]作為上述技術(shù)方案的優(yōu)選，所述數(shù)據(jù)傳輸單元用于將所述瀏覽器視圖鏡像單元和所述中間層視圖鏡像單元之間的視圖差異進(jìn)行傳輸。
[0013]作為上述技術(shù)方案的優(yōu)選，所述視圖1OC模塊用于從所述瀏覽器視圖鏡像獲取所述中間層視圖鏡像中的屬性，并將所述屬性注入到瀏覽器指定的DOM對象和JS對象中，再通過任意一種UI展現(xiàn)框架渲染瀏覽器(頁面元素)效果。
[0014]作為上述技術(shù)方案的優(yōu)選，所述視圖1OC模塊還用于接收瀏覽器DOM和JS對象中的屬性變換和交互動作，反向注入到瀏覽器視圖鏡像，并通過數(shù)據(jù)傳輸?shù)椒?wù)器的視圖鏡像，以保持中間層和瀏覽器鏡像間的屬性同步。
[0015]與現(xiàn)有技術(shù)相比，本發(fā)明的有益效果是:基于1C的web應(yīng)用系統(tǒng)，通過引入視圖鏡像，將與業(yè)務(wù)邏輯有關(guān)的代碼從客戶端完全剝離，客戶端也不包含任何和業(yè)務(wù)邏輯層的交互數(shù)據(jù)，提高系統(tǒng)安全度。同時(shí)，視圖鏡像使得與業(yè)務(wù)邏輯相關(guān)的代碼完全集中到服務(wù)器中，對客戶端腳本的開發(fā)要求降低，節(jié)約成本。另外，用視圖鏡像間的差異作為網(wǎng)絡(luò)傳輸數(shù)據(jù)，有效提高了數(shù)據(jù)傳輸速度。
[0016]
【附圖說明】
[0017]圖1是當(dāng)前流行的web框架的結(jié)構(gòu)示意圖。
[0018]圖2是本發(fā)明一個(gè)實(shí)施例中基于1C的web應(yīng)用系統(tǒng)的結(jié)構(gòu)示意圖。
[0019]圖3是本發(fā)明一個(gè)實(shí)施例中視圖鏡像模塊包括的單元圖。
[0020]
【具體實(shí)施方式】
[0021]為了更清楚地展示本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)，下面將結(jié)合具體實(shí)施例及附圖對本發(fā)明的實(shí)施方式作較為詳細(xì)地描述。但這些實(shí)施方式并不限制本發(fā)明，本領(lǐng)域的普通技術(shù)人員根據(jù)這些實(shí)施方式所輕易做出的結(jié)構(gòu)、方法、或功能上的變換均包含在本發(fā)明的保護(hù)范圍內(nèi)。
[0022]如圖2所述，本發(fā)明第一實(shí)施例提出了一種基于1C的web應(yīng)用系統(tǒng)，包括以下模塊:
視圖鏡像模塊201、用于服務(wù)器和瀏覽器雙方同步用戶界面；
視圖1OC模塊202、用于將所述視圖鏡像中的屬性注入到瀏覽器指定的DOM對象和JS對象中。
[0023]如圖3所示，在本發(fā)明中，所述視圖鏡像模塊201包括:
中間層視圖鏡像單元301、用于對接業(yè)務(wù)邏輯層處理業(yè)務(wù)數(shù)據(jù)，并與瀏覽器中的視圖鏡像單元進(jìn)行對照交互。
[0024]數(shù)據(jù)傳輸單元302、用于進(jìn)行數(shù)據(jù)傳輸。
[0025]具體的，此單元用于將所述瀏覽器視圖鏡像單元和所述中間層視圖鏡像單元之間的視圖差異進(jìn)行傳輸。例如，在所述瀏覽器視圖鏡像中有一個(gè)保存按鈕后，點(diǎn)擊后，所述中間層視圖鏡像將會與所述瀏覽器視圖鏡像進(jìn)行同步，瀏覽器中的數(shù)據(jù)和保存按鈕的點(diǎn)擊指令將通過網(wǎng)絡(luò)傳輸?shù)椒?wù)器，從而調(diào)用后臺所述中間層視圖鏡像中的保存按鈕(服務(wù)器模擬點(diǎn)擊)。
[0026]瀏覽器的視圖鏡像單元303、用于從瀏覽器獲取用戶操作，并與所述中間層視圖鏡像單元進(jìn)行對照交互，瀏覽器指定的DOM對象和JS對象被動依賴注入屬性。
[0027]本發(fā)明實(shí)施例提供的上述技術(shù)方案的全部或部分可以通過程序指令相關(guān)的硬件來完成，所述程序可以儲存在可讀取的存儲介質(zhì)中，所述存儲介質(zhì)包括:R0M、RAM、磁盤、光盤等各種可以存儲程序代碼的介質(zhì)。
[0028]上文所述僅為本發(fā)明的可行性實(shí)施例，并不用以限制本發(fā)明，凡未脫離本發(fā)明的精神和原則所作的任何等效實(shí)施方式或變更，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
【主權(quán)項(xiàng)】
1.一種基于1C的web應(yīng)用系統(tǒng)，其特征在于，所述基于1C的web應(yīng)用系統(tǒng)包括: a)視圖鏡像模塊:用于服務(wù)器和瀏覽器雙方同步用戶界面； b)視圖1OC模塊:用于將所述視圖鏡像中的屬性注入到瀏覽器指定的DOM對象和JS對象中。
2.根據(jù)權(quán)利要求1所述的基于1C的web應(yīng)用系統(tǒng)，其特征在于，所述視圖鏡像模塊包括: 中間層視圖鏡像單元:用于對接業(yè)務(wù)邏輯層處理業(yè)務(wù)數(shù)據(jù)，并與瀏覽器中的視圖鏡像單元進(jìn)行對照交互； 數(shù)據(jù)傳輸單元:用于進(jìn)行數(shù)據(jù)傳輸； 瀏覽器的視圖鏡像單元:用于從瀏覽器獲取用戶操作，并與所述中間層視圖鏡像單元進(jìn)行對照交互，瀏覽器指定的DOM對象和JS對象被動依賴注入屬性。
3.根據(jù)權(quán)利要求2所述的基于1C的web應(yīng)用系統(tǒng)，其特征在于，所述數(shù)據(jù)傳輸單元用于將所述瀏覽器視圖鏡像單元和所述中間層視圖鏡像單元之間的視圖差異進(jìn)行傳輸。
4.根據(jù)權(quán)利要求1所述的基于1C的web應(yīng)用系統(tǒng)，其特征在于，所述視圖1OC模塊用于從所述瀏覽器視圖鏡像獲取所述中間層視圖鏡像中的屬性，并將所述屬性注入到瀏覽器指定的DOM對象和JS對象中，再通過任意一種UI展現(xiàn)框架渲染瀏覽器(頁面元素)效果。
5.根據(jù)權(quán)利要求4所述的基于1C的web應(yīng)用系統(tǒng)，其特征在于，所述視圖1OC模塊還用于接收瀏覽器DOM和JS對象中的屬性變換和交互動作，反向注入到瀏覽器視圖鏡像，并通過數(shù)據(jù)傳輸?shù)椒?wù)器的視圖鏡像，以保持中間層和瀏覽器鏡像間的屬性同步。
【專利摘要】本發(fā)明提供一種基于IOC的web應(yīng)用系統(tǒng)，屬于計(jì)算機(jī)技術(shù)領(lǐng)域。本發(fā)明包括：視圖鏡像模塊：用于服務(wù)器和瀏覽器雙方同步用戶界面；視圖IOC模塊：用于將所述視圖鏡像中的屬性注入到瀏覽器指定的DOM對象和JS對象中。本發(fā)明的有益效果是：基于IOC的web應(yīng)用系統(tǒng)，通過引入視圖鏡像，將與業(yè)務(wù)邏輯有關(guān)的代碼從客戶端完全剝離，客戶端也不包含任何和業(yè)務(wù)邏輯層的交互數(shù)據(jù)，提高系統(tǒng)安全度。同時(shí)，視圖鏡像使得與業(yè)務(wù)邏輯相關(guān)的代碼完全集中到服務(wù)器中，對客戶端腳本的開發(fā)要求降低，節(jié)約成本。另外，用視圖鏡像間的差異作為網(wǎng)絡(luò)傳輸數(shù)據(jù)，有效提高了數(shù)據(jù)傳輸速度。
【IPC分類】H04L29-08
【公開號】CN104767780
【申請?zhí)枴緾N201410008007
【發(fā)明人】周小偉
【申請人】上海博科資訊股份有限公司
【公開日】2015年7月8日
【申請日】2014年1月8日