[發(fā)明專利]一種編輯頁面的方法和系統(tǒng)

在審

• 申請(qǐng)?zhí)枺?/td>: 201610201124.5
• 申請(qǐng)日: 2016-03-31
• 公開（公告）號(hào): CN107291736A
• 公開（公告）日: 2017-10-24
• 發(fā)明（設(shè)計(jì)）人: 章宇清;張普朝
• 申請(qǐng)（專利權(quán)）人: 華為技術(shù)有限公司
• 主分類號(hào): G06F17/30
• 分類號(hào): G06F17/30;G06F9/44
• 代理公司: 暫無信息
• 代理人: 暫無信息

技術(shù)領(lǐng)域

本發(fā)明涉及通信技術(shù)領(lǐng)域，特別涉及一種編輯頁面的方法和系統(tǒng)。

背景技術(shù)

目前主流的網(wǎng)站交易系統(tǒng)，都存在需要隨時(shí)調(diào)整頁面布局，頁面元素，頁面顯示內(nèi)容等，比如電商網(wǎng)站就是典型的交易網(wǎng)站，在電商網(wǎng)站會(huì)經(jīng)常增加新的商品品類，增加新的互聯(lián)網(wǎng)玩法，增加廣告，增加促銷等操作。當(dāng)前界面實(shí)現(xiàn)的技術(shù)，一般都是通過Java Script(JS)代碼來獲取到后臺(tái)的數(shù)據(jù)，這些數(shù)據(jù)來自一個(gè)后臺(tái)的數(shù)據(jù)服務(wù)，JS通過調(diào)用這個(gè)服務(wù)得到要顯示的數(shù)據(jù)，然后將這些數(shù)據(jù)設(shè)置到要顯示的界面的數(shù)據(jù)對(duì)象上。這個(gè)過程就是一個(gè)寫JS代碼的過程，如果按照上面的需求，發(fā)生界面顯示內(nèi)容變化時(shí)，就必須修改這樣一段代碼，來替換當(dāng)前代碼中對(duì)數(shù)據(jù)服務(wù)的調(diào)用，同時(shí)把它映射到界面要顯示的數(shù)據(jù)對(duì)象上。由于JS代碼只能在客戶端瀏覽器被執(zhí)行，所以JS代碼是無法讀取任何的服務(wù)器配置信息的，正因?yàn)槿绱耍龅竭@樣的需求，無法通過配置的方法實(shí)現(xiàn)，只能硬代碼來完成。而硬代碼的過程是一個(gè)完整的開發(fā)過程，為了保證代碼的正確性，必須通過調(diào)測(cè)和測(cè)試流程后才能上線，這樣就會(huì)導(dǎo)致：從一個(gè)需求提出到最后實(shí)現(xiàn)，周期非常長(zhǎng)，一般都是以月為單位，往往從需求提出到上線，最佳時(shí)機(jī)已經(jīng)錯(cuò)過。

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

一方面，本發(fā)明實(shí)施例提供了一種編輯網(wǎng)頁的方法，該方法包括：頁面編輯系統(tǒng)獲取要編輯的頁面，并從所述頁面中拆解出頁面組件。其中，頁面組件中包括界面數(shù)據(jù)對(duì)象、數(shù)據(jù)服務(wù)以及配置，所述配置用于配置所述界面數(shù)據(jù)對(duì)象和所述數(shù)據(jù)服務(wù)的輸出數(shù)據(jù)之間的映射關(guān)系。頁面編輯系統(tǒng)可以根據(jù)用戶(界面修改人員)的選擇指令選定需要編輯的頁面組件。當(dāng)頁面組件庫(kù)中存在可直接替換所述要編輯的頁面組件的目標(biāo)頁面組件時(shí)，頁面編輯系統(tǒng)可以直接將所述目標(biāo)頁面組件替換所述需要修改的頁面組件。頁面編輯系統(tǒng)也可以對(duì)所述需要編輯的頁面組件進(jìn)行編輯，所述編輯包括：從數(shù)據(jù)服務(wù)庫(kù)中選擇目標(biāo)數(shù)據(jù)服務(wù)來替換所述需要編輯的頁面組件中的數(shù)據(jù)服務(wù)，并將所述的界面數(shù)據(jù)對(duì)象和所述數(shù)據(jù)服務(wù)的輸出數(shù)據(jù)之間的映射關(guān)系修改成所述的界面數(shù)據(jù)對(duì)象和所述目標(biāo)數(shù)據(jù)服務(wù)的輸出數(shù)據(jù)之間的映射關(guān)系。

上述方法，通過在頁面組件中包括數(shù)據(jù)服務(wù)和配置，從而可以通過配置的方式來進(jìn)行頁面的修改，將現(xiàn)有技術(shù)中的需要硬代碼寫JS代碼部分的工作完全變成了配置，大大縮短交付時(shí)間。

在一種可能的設(shè)計(jì)中，頁面組件還進(jìn)一步包括界面顯示模板，界面的層疊樣式CSS，所述界面顯示模板和所述CSS決定所述界面該如何顯示。其中，對(duì)所述需要編輯的頁面組件進(jìn)行編輯還包括修改所述頁面組件的界面顯示模板，和/或，界面的層疊樣式。

在一種可能的設(shè)計(jì)中，頁面組件還可以進(jìn)一步包括JS動(dòng)態(tài)事件，所述JS動(dòng)態(tài)事件用于處理來自所述頁面組件上面的不同按鈕，從而動(dòng)態(tài)調(diào)用所述按鈕對(duì)應(yīng)的數(shù)據(jù)服務(wù)。

在一種可能的設(shè)計(jì)中，所述數(shù)據(jù)服務(wù)是通過服務(wù)注冊(cè)管理系統(tǒng)注冊(cè)到所述數(shù)據(jù)服務(wù)庫(kù)中。通過注冊(cè)數(shù)據(jù)服務(wù)的方式，將后臺(tái)數(shù)據(jù)對(duì)象通過可配置的數(shù)據(jù)服務(wù)來提供，解決了對(duì)后臺(tái)數(shù)據(jù)信息模型的封裝問題，通過數(shù)據(jù)服務(wù)的封裝，完全屏蔽了后臺(tái)數(shù)據(jù)信息的具體格式信息；通過數(shù)據(jù)服務(wù)這種形式提供后臺(tái)數(shù)據(jù)，同樣也解決了不同系統(tǒng)間的數(shù)據(jù)提供問題。

在一種可能的設(shè)計(jì)中，所述頁面組件是通過頁面組件注冊(cè)管理系統(tǒng)注冊(cè)到頁面組件庫(kù)中的。頁面組件庫(kù)中注冊(cè)的頁面組件可以直接對(duì)頁面中的頁面組件進(jìn)行替換，提高了修改頁面的效率。

在一種可能的設(shè)計(jì)中，所述數(shù)據(jù)服務(wù)用于獲取與其對(duì)應(yīng)的后臺(tái)數(shù)據(jù)，所述后臺(tái)數(shù)據(jù)被格式化后作為所述數(shù)據(jù)服務(wù)的輸出數(shù)據(jù)；通過所述配置中的映射關(guān)系，所述數(shù)據(jù)服務(wù)的輸出數(shù)據(jù)被設(shè)置到所述界面數(shù)據(jù)對(duì)象上通過頁面顯示給用戶。將后臺(tái)數(shù)據(jù)對(duì)象通過可配置的數(shù)據(jù)服務(wù)來提供，解決了對(duì)后臺(tái)數(shù)據(jù)信息模型的封裝問題，通過數(shù)據(jù)服務(wù)的封裝，完全屏蔽了后臺(tái)數(shù)據(jù)信息的具體格式信息；通過數(shù)據(jù)服務(wù)這種形式提供后臺(tái)數(shù)據(jù)，同樣也解決了不同系統(tǒng)間的數(shù)據(jù)提供問題。

在一種可能的設(shè)計(jì)中，所述的頁面編輯系統(tǒng)還可以進(jìn)一步對(duì)所修改的頁面或者頁面組件進(jìn)行測(cè)試，并反饋測(cè)試結(jié)果。頁面編輯系統(tǒng)可以確定測(cè)試成功后將所述修改的頁面(包括頁面的修改和/或頁面組件的修改)部署到生產(chǎn)系統(tǒng)頁面站點(diǎn)。

又一方面，本發(fā)明實(shí)施例提供了一種編輯頁面的系統(tǒng)，該系統(tǒng)具有實(shí)現(xiàn)上述方法實(shí)施例中頁面編輯系統(tǒng)行為的功能。所述功能可以通過硬件實(shí)現(xiàn)，也可以通過硬件執(zhí)行相應(yīng)的軟件實(shí)現(xiàn)。所述硬件或軟件包括一個(gè)或多個(gè)與上述功能相對(duì)應(yīng)的部件(比如，頁面管理子系統(tǒng)和頁面編輯子系統(tǒng))。