[發明專利]一種可快速模塊化配置的WEB界面構建方法

在審

• 申請號: 201410382849.X
• 申請日: 2014-08-06
• 公開（公告）號: CN104133686A
• 公開（公告）日: 2014-11-05
• 發明（設計）人: 張壯
• 申請（專利權）人: 浪潮通用軟件有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 濟南信達專利事務所有限公司 37100
• 代理人: 姜明

?

技術領域

本發明涉及一種Web界面構建方法，具體地說是一種可快速模塊化配置的WEB界面構建方法。

背景技術

隨著internet的迅速發展，越來越多的工作流程，商務交易，教育、培訓、會議和講座，以及個人消費娛樂都被轉移到WEB上來。與此相對應的是交互操作的復雜性越來越高，Web界面展現和交互也越來越豐富。

在多種情況下，各種元素往往需要進行互動，但是，由于其中有些元素歸屬于不同的界面區塊，因此，直接互相操作會造成較高的耦合，后續維護成本也很高，并且當邏輯關系較復雜時容易出現程序錯誤。

發明內容

本發明的技術任務是針對上述現有技術的不足，提供一種結合Java?Tag技術，基于Tag和Javascript?EDA（事件驅動架構）的可快速模塊化配置的WEB界面構建方法。

本發明的技術任務是按以下方式實現的：一種可快速模塊化配置的WEB界面構建方法，其特點是以Tag技術構建可重用的界面元素，采用虛擬事件的方式，利用事件驅動機制發送和監聽事件，使產品Web界面快速構建，并可以使不同Web界面間快速交互。其中Tag提供模塊化元素，EDA提供交互解耦，支持產品界面快速重組定制，通過控制模塊代碼可直接增減界面組件及改變其特性。

上述方法的具體實現步驟為：

A、設計各系統各Web界面需要的模塊化元素，并以Tag的形式表示；

B、不同的Web界面依據需要引用相應的Tag標簽；

C、各Web界面設立事件廣播通道，所述廣播通道用于當界面元素放生變化時向廣播站發送消息；

D、各Web界面設立事件監聽通道，所述監聽通道用于監聽廣播站廣播的消息，以促使界面元素做出相應改變。

為了更好的實現上述方法，還可以設置廣播站，所述廣播站用于接收所有界面元素發生變化時發送的消息，并把這些消息全部廣播出去。

上述方法中不同元素之間的交互方法為：

當一個元素發生改變時，委托事件代理觸發一個虛擬事件，事件中包含這次改變的類型、名稱、變量信息，觸發事件后結束該元素的處理程序；注冊其他界面元素監聽事件代理，當上述元素觸發的虛擬事件發生時，其他界面元素各自作出相應改變。

例如，假設某界面元素A發生改變時，需要若干其他界面元素B1、B2等作出相應改變：

a．A發生改變時，委托事件代理觸發一個虛擬的事件，事件中包含這次改變的類型、名稱、變量等信息。觸發事件后結束A的處理程序。

b．注冊其他界面元素監聽事件代理，當A觸發的虛擬事件發生時，這些界面元素各自做出相應改變。

本發明的可快速模塊化配置的WEB界面構建方法與現有技術相比具有以下突出的有益效果：

（一）可快速構建內容豐富的不同Web界面；

（二）降低程序代碼的耦合度，提高代碼的重復利用度，但是又能使相關Web界面快速交互；

（三）降低邏輯復雜的程序代碼的錯誤率，減低維護成本。

附圖說明

附圖1是本發明方法中Web界面快速重組與交互的流程圖，

其中，

1.Tag1、Tag2、Tag3?是構成Web界面的元素模塊；

2.Web界面A、Web界面B1、Web界面B2、Web界面B3是產品不同的Web界面；

3.元素A1、元素A2是構成Web界面A的模塊化元素；

4.元素B1是構成Web界面B1的模塊化元素之一；

5.元素B2是構成Web界面B2的模塊化元素之一；

6.元素B3是構成Web界面B3的模塊化元素之一。

具體實施方式

參照說明書附圖以具體實施例對本發明的可快速模塊化配置的WEB界面構建方法作以下詳細地說明。

實施例：

本發明可快速模塊化配置的WEB界面構建方法的實現包括以下步驟：

通過Tag實現界面元素模塊化，不同的Web界面引用不同的界面元素實現Web界面的快速重組與交互。

1.創建Tag標簽

Funcpub.tag

lsmenupanels.tag

favpanel.tag

searchpanel.tag

topfloatbar.tag

2.Web界面引入Tag

<mainbody:funcpub?/>

<mainbody:lsmenupanels?/>