專(zhuān)利名稱(chēng)：圖形用戶(hù)界面生成方法及系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及與計(jì)算機(jī)、通信有關(guān)的互聯(lián)網(wǎng)領(lǐng)域中終端顯示圖形的生成方法及系統(tǒng)，尤其是在互聯(lián)網(wǎng)的網(wǎng)站中以網(wǎng)頁(yè)形式出現(xiàn)的圖形用戶(hù)界面的生成方法及系統(tǒng)。
背景技術(shù)：
隨著互聯(lián)網(wǎng)的迅速普及，以互聯(lián)網(wǎng)為核心的電子商務(wù)、電子政務(wù)等網(wǎng)絡(luò)業(yè)務(wù)或服務(wù)也在不斷發(fā)展，這使得互聯(lián)網(wǎng)的網(wǎng)站在企業(yè)商務(wù)流程和政府辦公流程中的地位越來(lái)越重要。通過(guò)網(wǎng)站，企業(yè)和政府部門(mén)不僅可以實(shí)現(xiàn)以電子商務(wù)或電子政務(wù)為中心的商務(wù)信息和政務(wù)信息的管理和交換，還可以方便快捷地發(fā)布各自的重要信息。因此，網(wǎng)站建設(shè)和管理的效率和規(guī)范性將直接影響以互聯(lián)網(wǎng)為核心的電子商務(wù)、電子政務(wù)等網(wǎng)絡(luò)業(yè)務(wù)或服務(wù)的開(kāi)展。
在網(wǎng)站的建設(shè)和管理中，內(nèi)容管理是一個(gè)非常重要的部分。所述內(nèi)容管理的一個(gè)非常重要的方面就是信息采編，即網(wǎng)站工作人員在網(wǎng)站的圖形用戶(hù)界面中錄入有關(guān)信息并進(jìn)行信息的管理。在這個(gè)界面中，包含了錄入信息和管理信息需要的各種數(shù)據(jù)輸入模型對(duì)應(yīng)的業(yè)務(wù)數(shù)據(jù)。對(duì)于不同類(lèi)的管理信息，例如新聞?lì)愋畔ⅲ錁I(yè)務(wù)數(shù)據(jù)對(duì)應(yīng)的界面顯示內(nèi)容就包括信息的標(biāo)題、作者、內(nèi)容等；而對(duì)于企業(yè)網(wǎng)站來(lái)說(shuō)，在其提供的圖形用戶(hù)界面上，所包含的業(yè)務(wù)數(shù)據(jù)對(duì)應(yīng)的界面顯示內(nèi)容則可能包括產(chǎn)品的名稱(chēng)、價(jià)格、介紹等。即對(duì)于不同的行業(yè)領(lǐng)域，其業(yè)務(wù)數(shù)據(jù)對(duì)應(yīng)的界面顯示內(nèi)容往往存在很大的差別，因此對(duì)于絕大多數(shù)網(wǎng)站提供的圖形用戶(hù)界面而言，很難使用一個(gè)統(tǒng)一的數(shù)據(jù)模型滿(mǎn)足不同客戶(hù)的需求，即很難用一個(gè)統(tǒng)一的用戶(hù)管理界面提供的數(shù)據(jù)模型處理不同的業(yè)務(wù)數(shù)據(jù)。
因此，在目前的圖形用戶(hù)界面的生成方法及系統(tǒng)中，首先確定不同類(lèi)的管理信息的業(yè)務(wù)數(shù)據(jù)及其數(shù)據(jù)類(lèi)型，然后依據(jù)所述的業(yè)務(wù)數(shù)據(jù)及其數(shù)據(jù)類(lèi)型進(jìn)行二次開(kāi)發(fā)，即根據(jù)用戶(hù)的實(shí)際需求進(jìn)行網(wǎng)站的定制，這個(gè)階段包含根據(jù)用戶(hù)的業(yè)務(wù)領(lǐng)域劃分網(wǎng)站的頻道，并針對(duì)不同的頻道進(jìn)行具體的業(yè)務(wù)數(shù)據(jù)建模以及數(shù)據(jù)庫(kù)設(shè)計(jì)，然后開(kāi)發(fā)對(duì)應(yīng)的編輯采編管理信息的圖形用戶(hù)界面。由于現(xiàn)有的方法存在一個(gè)二次開(kāi)發(fā)階段，在這個(gè)階段中通常需要非常熟悉系統(tǒng)的開(kāi)發(fā)人員針對(duì)不同類(lèi)的管理信息所包含的業(yè)務(wù)數(shù)據(jù)進(jìn)行，而且這個(gè)過(guò)程往往是比較繁瑣、復(fù)雜，極其容易出錯(cuò)。
因此，現(xiàn)有方法的二次開(kāi)發(fā)階段大大降低圖形用戶(hù)界面的生成效率，且具有相當(dāng)復(fù)雜程度，很高成本消耗，而且沒(méi)有通用性。

發(fā)明內(nèi)容
本發(fā)明解決的問(wèn)題是提供一種通用性較好、效率較高、而復(fù)雜度較低的圖形用戶(hù)界面的生成方法及系統(tǒng)。
為解決上述問(wèn)題，本發(fā)明圖形用戶(hù)界面的生成方法包括以下步驟1)元數(shù)據(jù)模型建立步驟，根據(jù)業(yè)務(wù)數(shù)據(jù)、業(yè)務(wù)數(shù)據(jù)類(lèi)型及界面元素確定元數(shù)據(jù)類(lèi)型，并確定各元數(shù)據(jù)類(lèi)型與業(yè)務(wù)數(shù)據(jù)及界面元素的對(duì)應(yīng)關(guān)系；2)業(yè)務(wù)數(shù)據(jù)模型生成步驟，使用元數(shù)據(jù)類(lèi)型描述所需的具體業(yè)務(wù)數(shù)據(jù)，生成相應(yīng)業(yè)務(wù)數(shù)據(jù)模型；3)圖形用戶(hù)界面生成步驟，通過(guò)業(yè)務(wù)數(shù)據(jù)模型并利用元數(shù)據(jù)類(lèi)型與界面元素的對(duì)應(yīng)關(guān)系，生成圖形用戶(hù)管理界面。
相應(yīng)地，本發(fā)明圖形用戶(hù)界面的生成系統(tǒng)包括1)元數(shù)據(jù)模型，包括根據(jù)業(yè)務(wù)數(shù)據(jù)、業(yè)務(wù)數(shù)據(jù)類(lèi)型及界面元素所確定的元數(shù)據(jù)類(lèi)型，以及各元數(shù)據(jù)類(lèi)型與業(yè)務(wù)數(shù)據(jù)及界面元素的對(duì)應(yīng)關(guān)系；2)業(yè)務(wù)數(shù)據(jù)模型，包括通過(guò)元數(shù)據(jù)類(lèi)型所描述過(guò)的具體業(yè)務(wù)數(shù)據(jù)；3)圖形用戶(hù)界面生成裝置，用于通過(guò)業(yè)務(wù)數(shù)據(jù)模型并利用元數(shù)據(jù)類(lèi)型與界面元素的對(duì)應(yīng)關(guān)系，生成圖形用戶(hù)管理界面。
與現(xiàn)有技術(shù)相比，本發(fā)明具有以下優(yōu)點(diǎn)1)消除了內(nèi)容管理系統(tǒng)實(shí)施過(guò)程中的用戶(hù)界面開(kāi)發(fā)工作。將大量的手工配置、開(kāi)發(fā)過(guò)程變?yōu)橥ㄟ^(guò)界面自動(dòng)進(jìn)行，降低了操作難度，提高了系統(tǒng)的界面友好性。
2)通過(guò)界面自動(dòng)生成技術(shù)，二次開(kāi)發(fā)人員就不必針對(duì)具體的業(yè)務(wù)數(shù)據(jù)模型開(kāi)發(fā)采編管理界面，只需要使用元數(shù)據(jù)類(lèi)型定義業(yè)務(wù)數(shù)據(jù)模型，就能夠自動(dòng)的產(chǎn)生用戶(hù)見(jiàn)面，從根本上消除了用戶(hù)界面定制、開(kāi)發(fā)的工作。
3)大幅降低了二次開(kāi)發(fā)的工作量，提高了工作效率，降低了實(shí)施成本。
由于消除了用戶(hù)界面定制、開(kāi)發(fā)的工作，所以大大消減了二次開(kāi)發(fā)的工作量，降低了技術(shù)難度，這樣就降低了系統(tǒng)實(shí)施的成本，提高了利潤(rùn)率。
4)降低了系統(tǒng)維護(hù)的難度，縮減成本。
在沒(méi)有應(yīng)用本技術(shù)的情況下，一旦用戶(hù)界面需要做小的調(diào)整，就必須由二次開(kāi)發(fā)人員參與，這就增加了系統(tǒng)維護(hù)的難度。但是使用了界面自動(dòng)生成技術(shù)后，調(diào)整界面的工作就變得非常簡(jiǎn)單，而且用戶(hù)可以隨時(shí)調(diào)整用戶(hù)界面的界面元素。這樣，就不必由二次開(kāi)發(fā)人員參與，只需要對(duì)客戶(hù)進(jìn)行簡(jiǎn)單培訓(xùn)，就可以進(jìn)行系統(tǒng)維護(hù)。


圖1本發(fā)明圖形用戶(hù)界面生成系統(tǒng)映射關(guān)系示意圖。
圖2本發(fā)明布局管理器一實(shí)施例示意圖。
圖3本發(fā)明一實(shí)施例的界面生成示意4是本發(fā)明用戶(hù)使用流程圖具體實(shí)施方式
請(qǐng)參照?qǐng)D1所示，是本發(fā)明圖形用戶(hù)界面生成系統(tǒng)映射關(guān)系示意圖也是本發(fā)明的基本思想，即通過(guò)建立數(shù)據(jù)模型映射的方式實(shí)現(xiàn)從業(yè)務(wù)數(shù)據(jù)模型2到用戶(hù)管理界面3的映射，最終生成圖形用戶(hù)管理界面3。其中可以通過(guò)布局管理器(后文將會(huì)詳細(xì)描述)控制界面的顯示布局。
用戶(hù)使用時(shí)，只需要進(jìn)行業(yè)務(wù)數(shù)據(jù)模型2的設(shè)計(jì)，并選擇一種適合的界面布局風(fēng)格，系統(tǒng)會(huì)自動(dòng)實(shí)現(xiàn)從業(yè)務(wù)數(shù)據(jù)模型2到用戶(hù)管理界面3的映射，自動(dòng)生成實(shí)際可用的信息采編用戶(hù)管理界面3。其中，業(yè)務(wù)數(shù)據(jù)模型2采用數(shù)據(jù)庫(kù)表(如圖1中的表21、22)存儲(chǔ)。
本發(fā)明圖形用戶(hù)界面生成系統(tǒng)包括1)元數(shù)據(jù)模型1，包括根據(jù)業(yè)務(wù)數(shù)據(jù)、業(yè)務(wù)數(shù)據(jù)類(lèi)型及界面元素所確定的元數(shù)據(jù)類(lèi)型，以及各元數(shù)據(jù)類(lèi)型與業(yè)務(wù)數(shù)據(jù)及界面元素的對(duì)應(yīng)關(guān)系；2)業(yè)務(wù)數(shù)據(jù)模型2，包括通過(guò)元數(shù)據(jù)類(lèi)型所描述過(guò)的具體業(yè)務(wù)數(shù)據(jù)；3)圖形用戶(hù)界面生成裝置(未圖示)，用于通過(guò)業(yè)務(wù)數(shù)據(jù)模型2并利用元數(shù)據(jù)類(lèi)型與界面元素的對(duì)應(yīng)關(guān)系，生成圖形用戶(hù)管理界面3。
由圖1可知，在實(shí)際的網(wǎng)站內(nèi)容管理系統(tǒng)中，可以根據(jù)需要為每一個(gè)頻道定義一個(gè)或多個(gè)業(yè)務(wù)數(shù)據(jù)模型2(如，元數(shù)據(jù)子模型11相應(yīng)映射到用戶(hù)管理界面31、表21，而元數(shù)據(jù)子模型12則相應(yīng)映射到用戶(hù)管理界面32、表22)，系統(tǒng)會(huì)根據(jù)這個(gè)元數(shù)據(jù)模型1自動(dòng)地生成頻道的信息采編管理界面3，以及生成對(duì)應(yīng)的后臺(tái)數(shù)據(jù)庫(kù)表結(jié)構(gòu)(如圖1中的表21、22)，同時(shí)，在用戶(hù)進(jìn)行信息維護(hù)時(shí)，系統(tǒng)可以將用戶(hù)提交的處理請(qǐng)求自動(dòng)地轉(zhuǎn)化到數(shù)據(jù)庫(kù)的操作中。
相應(yīng)地，本發(fā)明圖形用戶(hù)界面生成方法包括以下步驟1)元數(shù)據(jù)模型1建立步驟，根據(jù)業(yè)務(wù)數(shù)據(jù)、業(yè)務(wù)數(shù)據(jù)類(lèi)型及界面元素確定元數(shù)據(jù)類(lèi)型，并確定各元數(shù)據(jù)類(lèi)型與業(yè)務(wù)數(shù)據(jù)及界面元素的對(duì)應(yīng)關(guān)系；2)業(yè)務(wù)數(shù)據(jù)模型2生成步驟，使用元數(shù)據(jù)類(lèi)型描述所需的具體業(yè)務(wù)數(shù)據(jù)，生成相應(yīng)業(yè)務(wù)數(shù)據(jù)模型2；3)圖形用戶(hù)界面生成步驟，通過(guò)業(yè)務(wù)數(shù)據(jù)模型2并利用元數(shù)據(jù)類(lèi)型與界面元素的對(duì)應(yīng)關(guān)系，生成圖形用戶(hù)管理界面3。
元數(shù)據(jù)模型建立首先，應(yīng)根據(jù)實(shí)際需要(可對(duì)需求分析進(jìn)行歸納)提煉出一套符合要求的元數(shù)據(jù)類(lèi)型，使這些類(lèi)型應(yīng)能完全描述應(yīng)用領(lǐng)域的業(yè)務(wù)數(shù)據(jù)。
然后，定義各元數(shù)據(jù)類(lèi)型與業(yè)務(wù)數(shù)據(jù)以及用戶(hù)界面元素的對(duì)應(yīng)關(guān)系。針對(duì)網(wǎng)站內(nèi)容管理系統(tǒng)，則是定義元數(shù)據(jù)類(lèi)型與HTML顯示的界面元素的對(duì)應(yīng)關(guān)系。
在完成這兩步后，一個(gè)能夠通過(guò)元數(shù)據(jù)類(lèi)型定義業(yè)務(wù)數(shù)據(jù)模型，并自動(dòng)生成用戶(hù)界面的系統(tǒng)的雛形就形成了。
元數(shù)據(jù)類(lèi)型的歸納在通常情況下，內(nèi)容管理系統(tǒng)都使用關(guān)系數(shù)據(jù)庫(kù)存儲(chǔ)業(yè)務(wù)數(shù)據(jù)，因此業(yè)務(wù)數(shù)據(jù)模型通常可以采用數(shù)據(jù)庫(kù)表來(lái)存儲(chǔ)，業(yè)務(wù)數(shù)據(jù)模型2中的元素則對(duì)應(yīng)著數(shù)據(jù)表中的字段，因此，業(yè)務(wù)數(shù)據(jù)模型2中的元素的數(shù)據(jù)類(lèi)型就對(duì)應(yīng)著數(shù)據(jù)庫(kù)中的數(shù)據(jù)類(lèi)型，如“數(shù)值型”、“字符型”等；而在用戶(hù)管理界面3中，描述界面的元素則是界面的界面元素，如“靜態(tài)文本”、“文本輸入框”、“文件選擇框”等。
為了能夠統(tǒng)一的描述業(yè)務(wù)數(shù)據(jù)模型2與用戶(hù)管理界面3中的界面元素，從二者中抽象出一個(gè)統(tǒng)一的數(shù)據(jù)模型——元數(shù)據(jù)模型1。通過(guò)元數(shù)據(jù)模型1中的元數(shù)據(jù)類(lèi)型，實(shí)現(xiàn)從業(yè)務(wù)數(shù)據(jù)模型2到用戶(hù)管理界面3的映射，即元數(shù)據(jù)模型1在業(yè)務(wù)數(shù)據(jù)模型2一端對(duì)應(yīng)著數(shù)據(jù)庫(kù)中的業(yè)務(wù)數(shù)據(jù)類(lèi)型，而在用戶(hù)管理界面3一端則對(duì)應(yīng)用戶(hù)管理界面3的界面元素。通過(guò)這種方式，就可以通過(guò)元數(shù)據(jù)類(lèi)型描述網(wǎng)站的業(yè)務(wù)數(shù)據(jù)，從而根據(jù)元數(shù)據(jù)模型1動(dòng)態(tài)生成對(duì)應(yīng)的用戶(hù)管理界面3。
考慮到不同應(yīng)用領(lǐng)域的差別，所需要的元數(shù)據(jù)類(lèi)型可能存在差異。元數(shù)據(jù)類(lèi)型除了要能夠?qū)崿F(xiàn)數(shù)據(jù)模型到用戶(hù)管理界面的映射，還要能涵蓋具體應(yīng)用領(lǐng)域的業(yè)務(wù)數(shù)據(jù)模型，針對(duì)內(nèi)容管理系統(tǒng)，則是指能夠包含內(nèi)容管理系統(tǒng)所包含的滿(mǎn)足不同需要的界面元素，即即使是同一種顯示樣式的界面元素，為了滿(mǎn)足不同的需要，也可能會(huì)被映射為不同的元數(shù)據(jù)類(lèi)型(例如，同樣是輸入框，輸入數(shù)值型數(shù)據(jù)的輸入框與輸入文本內(nèi)容的輸入框，就需要映射為不同的元數(shù)據(jù)類(lèi)型，這是因?yàn)椋瑪?shù)值類(lèi)型與文本類(lèi)型在底層的數(shù)據(jù)庫(kù)中對(duì)應(yīng)著不同的存儲(chǔ)類(lèi)型)。
表1給出了一個(gè)內(nèi)容管理系統(tǒng)所采用元數(shù)據(jù)模型的例子表1元數(shù)據(jù)模型表
表1給出元數(shù)據(jù)類(lèi)型的基本定義，從表1中可以看到，通過(guò)元數(shù)據(jù)類(lèi)型實(shí)現(xiàn)了用戶(hù)管理界面3的界面元素與業(yè)務(wù)數(shù)據(jù)類(lèi)型之間的映射，而且這種映射關(guān)系是可以擴(kuò)充的，可以根據(jù)不同的業(yè)務(wù)需要對(duì)元數(shù)據(jù)類(lèi)型進(jìn)行擴(kuò)展。在業(yè)務(wù)數(shù)據(jù)類(lèi)型增加時(shí)，擴(kuò)充所述元數(shù)據(jù)類(lèi)型，以建立新的元數(shù)據(jù)類(lèi)型與業(yè)務(wù)數(shù)據(jù)及界面元素的對(duì)應(yīng)關(guān)系。
另外，元數(shù)據(jù)類(lèi)型對(duì)應(yīng)的界面元素，只是定義了一些基本的信息，如哪種界面元素(在實(shí)際應(yīng)用，界面元素可以以控件的形式出現(xiàn))，并沒(méi)有定義界面元素的詳細(xì)屬性，如顏色(color)、風(fēng)格(style)、字體(font)等，這些屬性都可以顯示出來(lái)，供用戶(hù)配置，最大限度的提供界面風(fēng)格的多樣性。
元數(shù)據(jù)模型1的建立可以根據(jù)需要采用不同的方式，下面給出一個(gè)用XML的建立元數(shù)據(jù)模型1例子<pre listing-type="program-listing">　?。迹縳ml version＝″1.0″e(cuò)ncoding＝″UTF-8″？＞　　＜meta_def version＝″1.0″＞　　 ＜meta_list＞　　 ＜meta name＝″SERIAL_NO″desc＝″唯一標(biāo)識(shí)符″＞　　 ＜style＞　　 ＜input name＝″″type＝″hidden″value＝″″/＞　　 ＜/style＞　　 ＜/meta＞　　 ＜meta name＝″STRUCT ID″desc＝″欄目標(biāo)識(shí)符″＞　　 ＜stye＞　　 ＜style＞　　 ＜select name＝″″＞　　 ＜o(jì)ption value＝″″/＞　　 ＜/select＞ 　　 ＜/style＞　　 ＜/style＞　　 ＜/meta＞　　 ＜meta name＝″INPUT TEXT″desc＝″文本輸入″＞　?。約tyle＞　?。糹nput name＝″″type＝″text″value＝″″/&gt;　　&lt;!-- SIPO &lt;DP n="8"&gt; --&gt;&lt;dp n="d8"/&gt;　?。?style＞＜/meta＞＜meta name＝″INPUT_NUM″desc＝″數(shù)值輸入″＞　?。約tyle＞　　 ＜input name＝″″type＝″text″value＝″″/＞　　＜/style＞＜/meta＞＜meta name＝″FILE_CHOOSER″desc＝″文件選擇″＞　?。約tyle＞　　＜input name＝″″type＝″file″value＝″″/＞　?。?style＞＜/meta&gt;＜meta name＝″INPUT_DATE″ desc＝″時(shí)間輸入″＞　　＜style＞　　 ＜input name＝″″type＝″text″value＝″″/＞　?。?style＞＜/meta＞＜meta name＝″COMBO_TEXT″ desc＝″″文本下拉框″＞　?。約tyle＞　　＜select name＝″″＞　?。紀(jì)ption value＝″″/＞　　 ＜/select＞ ＜/style＞＜/meta&gt;＜meta name＝″COMBO_NUM″desc＝″數(shù)值下拉框″＞　?。約tyle＞　　 ＜select name＝″″＞　　 ＜o(jì)ption value＝″″/＞　　＜/select＞　?。?style＞＜/meta＞＜meta name＝″LIST_TEXT″desc＝″文本列表框″＞　?。約tyle＞　　 ＜select name＝″″size＝″″＞　　 ＜o(jì)ption value＝″″/＞　　 ＜/select＞　?。?style＞＜/meta＞＜meta name＝″LIST_NUM″desc＝″數(shù)值列表框″＞　?。約tyle＞　?。約elect name＝″″size＝″″＞　　 ＜o(jì)ption value＝″″/＞　　＜/select＞ ＜/style＞&lt;!-- SIPO &lt;DP n="9"&gt; --&gt;&lt;dp n="d9"/&gt;　?。?meta＞　?。糾eta name＝″INPUT_TEXTAREA″desc＝″文本區(qū)域輸入框″＞　?。約tyle＞　　 &lt;textarea name＝″″＞　　 ＜/textarea＞　?。?style＞　?。?meta＞　　 ＜/meta_list＞ ＜/meta_def＞</pre>從上面給出的元數(shù)據(jù)模型1的建立可以看出，不同的元數(shù)據(jù)類(lèi)型可能會(huì)對(duì)應(yīng)相同的界面元素(如，元數(shù)據(jù)類(lèi)型中LIST_TEXT和LIST_NUM都對(duì)應(yīng)著界面元素中的列表框)，這是為了將顯示數(shù)據(jù)與底層數(shù)據(jù)庫(kù)(用于存儲(chǔ)業(yè)務(wù)數(shù)據(jù)模型2)中的數(shù)據(jù)格式統(tǒng)一起來(lái)，從而保證在進(jìn)行數(shù)據(jù)存儲(chǔ)是不會(huì)產(chǎn)生沖突的問(wèn)題。
在元數(shù)據(jù)類(lèi)型定義中，頁(yè)面的顯示樣式(“style”元素中包含的部分)只定義了數(shù)據(jù)存儲(chǔ)、顯示的界面元素的控件代碼，而沒(méi)有定義諸如顏色、字體等顯示風(fēng)格，這部分用戶(hù)可以根據(jù)需要自己進(jìn)行調(diào)整。
另外，在上面的元數(shù)據(jù)類(lèi)型定義中，只是列出了元數(shù)據(jù)類(lèi)型與用戶(hù)管理界面中界面元素的對(duì)應(yīng)關(guān)系，并沒(méi)有給出元數(shù)據(jù)類(lèi)型與數(shù)據(jù)存儲(chǔ)類(lèi)型的對(duì)應(yīng)關(guān)系，這是因?yàn)椋煌臄?shù)據(jù)存儲(chǔ)層存在著比較大的差異，例如在采用關(guān)系數(shù)據(jù)庫(kù)作為數(shù)據(jù)存儲(chǔ)層的情況下，不同的數(shù)據(jù)庫(kù)提供的數(shù)據(jù)類(lèi)型差別是很大的，因此，在數(shù)據(jù)存儲(chǔ)層，需要對(duì)應(yīng)不同的數(shù)據(jù)庫(kù)類(lèi)型定義不同的元數(shù)據(jù)類(lèi)型對(duì)應(yīng)關(guān)系，根據(jù)對(duì)應(yīng)關(guān)系，就可以元數(shù)據(jù)類(lèi)型描述的業(yè)務(wù)數(shù)據(jù)模型生成數(shù)據(jù)庫(kù)結(jié)構(gòu)。
創(chuàng)建業(yè)務(wù)數(shù)據(jù)模型業(yè)務(wù)數(shù)據(jù)模型2采用數(shù)據(jù)庫(kù)表存儲(chǔ)，且業(yè)務(wù)數(shù)據(jù)類(lèi)型2與數(shù)據(jù)庫(kù)中的數(shù)據(jù)類(lèi)型相對(duì)應(yīng)。
在建立元數(shù)據(jù)模型1后，就可以使用元數(shù)據(jù)類(lèi)型描述具體地業(yè)務(wù)數(shù)據(jù)，這個(gè)工作應(yīng)該由對(duì)業(yè)務(wù)比較了解的人來(lái)做。在使用元數(shù)據(jù)類(lèi)型描述完畢所需的業(yè)務(wù)數(shù)據(jù)，就生成了元數(shù)據(jù)模型1對(duì)應(yīng)的業(yè)務(wù)數(shù)據(jù)模型2。業(yè)戶(hù)數(shù)據(jù)模型2包含所有數(shù)據(jù)信息，同時(shí)利用元數(shù)據(jù)模型1中的元數(shù)據(jù)類(lèi)型也對(duì)應(yīng)了用戶(hù)管理界面3中的界面元素。這樣，就可以由根據(jù)元數(shù)據(jù)模型1生成的業(yè)務(wù)數(shù)據(jù)模型2生成用戶(hù)管理界面3，在業(yè)務(wù)數(shù)據(jù)模型2中每個(gè)數(shù)據(jù)元素都會(huì)被分配一個(gè)唯一的標(biāo)識(shí)，通過(guò)這個(gè)唯一標(biāo)識(shí)可以在用戶(hù)界面中唯一的確定一個(gè)界面元素，這樣就能夠?qū)⒂脩?hù)提交的數(shù)據(jù)對(duì)應(yīng)地保存到后臺(tái)的數(shù)據(jù)庫(kù)中。本實(shí)施例中，這個(gè)唯一標(biāo)識(shí)對(duì)應(yīng)著用戶(hù)界面中界面元素的名稱(chēng)，對(duì)應(yīng)到WEB開(kāi)發(fā)中，也就是控件的名稱(chēng)，在一個(gè)Form中，通過(guò)這個(gè)唯一標(biāo)識(shí)保證了界面元素的唯一性。
在網(wǎng)站內(nèi)容管理系統(tǒng)中，可以根據(jù)需要設(shè)置業(yè)務(wù)數(shù)據(jù)模型2的顆粒度大小，例如，對(duì)于一個(gè)較小的網(wǎng)站，一個(gè)頻道就可以對(duì)應(yīng)一個(gè)業(yè)務(wù)數(shù)據(jù)模型2，而對(duì)于規(guī)模比較大的網(wǎng)站，業(yè)務(wù)數(shù)據(jù)模型就有可能要細(xì)化到欄目一級(jí)。下面給出了一個(gè)針對(duì)頻道的業(yè)務(wù)數(shù)據(jù)模型的例子，這里也采用了XML的格式<pre listing-type="program-listing">　?。迹縳ml version＝″1.0″e(cuò)ncoding＝″UTF-8″？＞　?。糾odel_def version＝″1.0″＞　　 ＜col_list＞　　 ＜column default＝″true″″desc＝″″唯一標(biāo)識(shí)符″hidden＝″true″　　meta_name＝″SERIAL_NO″name＝″id″/＞　　 ＜column default＝″true″desc＝″站點(diǎn)標(biāo)識(shí)符″hidden＝″true″　　meta_name＝″STRUCT_ID″name＝″site_id″/＞　　 ＜column default＝″true″desc＝″頻道標(biāo)識(shí)符″hidden＝″true″　　meta_name＝″STRUCT_ID″name＝″channel_id″/＞　　 ＜column default＝″true″desc＝″一級(jí)欄目標(biāo)識(shí)符″hidden＝″false″&lt;!-- SIPO &lt;DP n="11"&gt; --&gt;&lt;dp n="d11"/&gt;　　meta_name＝″STRUCT_ID″name＝″column_id1″/＞　　 ＜columndefault＝″true″desc＝″權(quán)重″hidden＝″false″　　meta_name＝″COMBO_NUM″name＝″importance″＞　　 ＜item name＝″普通新聞″value＝″0″/＞　　 ＜item name＝″頻道首頁(yè)新聞″value＝″1″/＞　　 ＜item name＝″首頁(yè)要聞″value＝″2″/＞　　 ＜item name＝″首頁(yè)圖片要聞″value＝″3″/＞　　 ＜/column＞　　 ＜column default＝″true″desc＝″新聞作者″hidden＝″false″　　meta_name＝″INPUT_TEXT″name＝″author″/＞　　 ＜column default＝″true″desc＝″新聞標(biāo)題″hidden＝″false″　　meta_name＝″INPUT_TEXT″name＝″title″/＞　　 ＜column default＝″true″desc＝″新聞?wù)摹録idden＝″false″　　meta_name＝″INPUT_TEXTAREA″name＝″contents″/＞　　 ＜column default＝″true″desc＝″上傳時(shí)間″hidden＝″false″　　meta_name＝″INPUT_DATE″name＝″up_date″required＝″true″/＞　　 ＜column default＝″true″desc＝″采編者″hidden＝″true″　　meta_name＝″SHORT_TEXT″name＝″publisher″/＞　　 ＜column default＝″true″desc＝″新聞來(lái)源″hidden＝″false″　　meta_name＝″COMBO_TEXT″name＝″news_source″＞　　 ＜item name＝″財(cái)經(jīng)時(shí)報(bào)″value＝″財(cái)經(jīng)時(shí)報(bào)″/＞　　 ＜item name＝″新華社″value＝″新華社″/＞　　 ＜item name＝″體壇周報(bào)″value＝″體壇周報(bào)″/＞　　＜/column＞　?。?model_def＞</pre>在上面給出的業(yè)務(wù)數(shù)據(jù)模型2定義文件中，每一個(gè)column元素對(duì)應(yīng)著業(yè)務(wù)數(shù)據(jù)模型2中的一條記錄，同樣也對(duì)應(yīng)著用戶(hù)管理界面3中的一個(gè)界面元素。column中的name屬性對(duì)應(yīng)著用戶(hù)管理界面中表單元素的name屬性，同時(shí)也對(duì)應(yīng)著數(shù)據(jù)庫(kù)表中的字段名稱(chēng)，因此，在本實(shí)施例中，業(yè)務(wù)數(shù)據(jù)模型2中，name屬性不能重復(fù)，通過(guò)name屬性可以唯一地確定一條記錄。因此，在用戶(hù)管理界面中也可以通過(guò)這個(gè)name屬性唯一地標(biāo)識(shí)一個(gè)界面元素，并可以通過(guò)這個(gè)屬性獲得用戶(hù)提交后的數(shù)據(jù)，以進(jìn)行相應(yīng)的處理。當(dāng)然，這種唯一標(biāo)識(shí)也可以不采用name屬性，而使用數(shù)值ID等形式進(jìn)行標(biāo)識(shí)。
創(chuàng)建布局管理器，用于對(duì)圖形用戶(hù)界面進(jìn)行風(fēng)格及布局的控制。
業(yè)務(wù)數(shù)據(jù)模型2中包含了業(yè)務(wù)所需要的所有數(shù)據(jù)，但是如果只是根據(jù)這些數(shù)據(jù)順序地生成用戶(hù)界面，那么用戶(hù)界面就可能是一些界面元素按照先后順序雜亂無(wú)章的堆砌在一起，這樣生成的用戶(hù)界面，是很難令用戶(hù)滿(mǎn)意的。因此，為了能夠生成整潔、有序、美觀的用戶(hù)界面，在圖形用戶(hù)界面生成裝置(未圖示)中加入了布局管理器，通過(guò)布局管理器控制界面的風(fēng)格布局。布局管理器的作用是按照一些事先約定好的規(guī)則對(duì)界面元素進(jìn)行有條理的布置，從而使生成的界面整潔、美觀。
根據(jù)實(shí)現(xiàn)機(jī)制的不同，布局管理器可以劃分為兩類(lèi)1)無(wú)模版布局管理器無(wú)模版布局器是指界面元素的位置完全由布局管理器控制，并不使用模版。布局管理器按照一定的原則(如出現(xiàn)順序或界面元素的大小等)自動(dòng)安排數(shù)據(jù)元素的顯示位置。
2)有模版布局管理器有模版布局管理器是指界面元素的顯示位置由布局管理器根據(jù)用戶(hù)提供的模版設(shè)置的。用戶(hù)可以將模版劃分為若干個(gè)顯示區(qū)域，并將業(yè)務(wù)數(shù)據(jù)模型中的數(shù)據(jù)元素分配到不同的數(shù)據(jù)區(qū)域中，布局管理器就可以按照用戶(hù)的設(shè)計(jì)生成顯示界面。就實(shí)現(xiàn)方式而言，模版可直接采用HTML語(yǔ)言編寫(xiě)，在設(shè)定的顯示區(qū)域部分，使用特殊的標(biāo)記代替(在本系統(tǒng)中，使用的標(biāo)記為“${DisplayAreaname＝″***″}$”，name屬性指定區(qū)域的名稱(chēng))。
上面的兩種布局管理器是可以結(jié)合起來(lái)使用的，可以在有模版布局管理器內(nèi)使用無(wú)模版的布局管理器，也就是說(shuō)，在將一些數(shù)據(jù)元素分配到一個(gè)顯示區(qū)域后，可以再給它們指定一個(gè)無(wú)模版的布局管理器，進(jìn)一步配置它們的顯示樣式，通過(guò)這樣的方式，可以更有效地控制面風(fēng)格。另外，在只使用無(wú)模版布局管理器的情況下，系統(tǒng)會(huì)自動(dòng)使用一個(gè)缺省的模版生成固定的顯示代碼。
下表給出了幾個(gè)常用的布局管理器表2布局管理器

創(chuàng)建布局管理器實(shí)施步驟在進(jìn)行布局管理器配置之前，必須首先完成業(yè)務(wù)數(shù)據(jù)模型2的建模。對(duì)于無(wú)模版的布局管理器，其配置過(guò)程非常簡(jiǎn)單，只需要從可用列表中選擇一個(gè)布局管理器即可。因此，這里給出一個(gè)使用模版布局管理器的例子1)設(shè)計(jì)布局模版根據(jù)需要設(shè)計(jì)一個(gè)頁(yè)面布局模版，本實(shí)施例中模版采用的是HTML的格式。在設(shè)計(jì)好HTML的風(fēng)格后，將其中設(shè)置為顯示區(qū)域的部分用標(biāo)記替換掉，其效果如圖2所示。
其中，該模版建立兩個(gè)顯示區(qū)域，一個(gè)名稱(chēng)為“area1”，另一個(gè)為“area2”。
2)向顯示區(qū)域中分配業(yè)務(wù)數(shù)據(jù)模型2的數(shù)據(jù)元素這一步，根據(jù)需要將業(yè)務(wù)數(shù)據(jù)模型2中的數(shù)據(jù)元素分配到期望的顯示區(qū)域中，簡(jiǎn)單起見(jiàn)，將新聞?wù)姆诺健癮era2”區(qū)域中，剩下的都放到“area1”區(qū)域中。另外，也可以根據(jù)需要為顯示區(qū)域設(shè)定一個(gè)無(wú)模版的布局管理器，缺省情況下，系統(tǒng)會(huì)使用順序布局管理器。這里，使用缺省的布局管理器。
經(jīng)過(guò)上面這兩步，布局管理器的配置就完成了，對(duì)于上面給出的模版，生成的界面如圖3所示。其中，圖3最下面的submit和cancel按鈕是由系統(tǒng)自動(dòng)生成的。
請(qǐng)結(jié)合參照?qǐng)D4，用戶(hù)使用流程如下1)執(zhí)行步驟401，進(jìn)入頻道信息采編管理頁(yè)面2)執(zhí)行步驟402，讀取業(yè)務(wù)數(shù)據(jù)模型2元數(shù)據(jù)模型1預(yù)先建立，并在滿(mǎn)足相關(guān)業(yè)務(wù)數(shù)據(jù)情況下，重復(fù)使用，即并不是每次需要生成用戶(hù)管理頁(yè)面時(shí)都要建立元數(shù)據(jù)模型1。
分析其中每個(gè)數(shù)據(jù)元素，并得到對(duì)應(yīng)的元數(shù)據(jù)類(lèi)型，以及相應(yīng)的對(duì)應(yīng)關(guān)系及屬性。
3)執(zhí)行步驟403，創(chuàng)建對(duì)應(yīng)的布局管理器這一步首先要得到元數(shù)據(jù)模型對(duì)應(yīng)的布局管理器，如果是有模版的布局管理器，獲取模版，如果是無(wú)模版的布局管理器，則使用缺省模版。
4)執(zhí)行步驟404，布置界面元素的界面布局這一步，根據(jù)布局管理器，將數(shù)據(jù)元素填充到模版中。
5)執(zhí)行步驟405，輸出固定界面元素這一步，向模版中填充一些固定的界面元素，如提交按鈕等。同時(shí)也會(huì)加入處理流程的邏輯代碼。
6)執(zhí)行步驟406，完成整個(gè)界面并顯示綜上所述，本發(fā)明解決業(yè)務(wù)數(shù)據(jù)模型到用戶(hù)管理界面映射的一種非常有效的方案，通過(guò)本發(fā)明，簡(jiǎn)化了用戶(hù)界面開(kāi)發(fā)的工作，它不僅是用于內(nèi)容管理系統(tǒng)中，而且也適用于管理信息系統(tǒng)(MIS)、報(bào)表系統(tǒng)等的用戶(hù)界面設(shè)計(jì)中。
使用本發(fā)明，二次開(kāi)發(fā)人員就不必針對(duì)具體的業(yè)務(wù)數(shù)據(jù)模型開(kāi)發(fā)采編管理界面，只需要使用元數(shù)據(jù)類(lèi)型定義業(yè)務(wù)數(shù)據(jù)模型，就能夠自動(dòng)的產(chǎn)生用戶(hù)見(jiàn)面，從根本上消除了用戶(hù)界面定制、開(kāi)發(fā)的工作，且提高圖形用戶(hù)界面的生成效率，降低復(fù)雜度和成本，減少二次開(kāi)發(fā)階段的工作量。
權(quán)利要求
1.一種圖形用戶(hù)界面生成方法，其特征在于，該方法包括1)元數(shù)據(jù)模型建立步驟，根據(jù)業(yè)務(wù)數(shù)據(jù)、業(yè)務(wù)數(shù)據(jù)類(lèi)型及界面元素確定元數(shù)據(jù)類(lèi)型，并確定各元數(shù)據(jù)類(lèi)型與業(yè)務(wù)數(shù)據(jù)及界面元素的對(duì)應(yīng)關(guān)系；2)業(yè)務(wù)數(shù)據(jù)模型生成步驟，使用元數(shù)據(jù)類(lèi)型描述所需的具體業(yè)務(wù)數(shù)據(jù)，生成相應(yīng)業(yè)務(wù)數(shù)據(jù)模型；3)圖形用戶(hù)界面生成步驟，通過(guò)業(yè)務(wù)數(shù)據(jù)模型并利用元數(shù)據(jù)類(lèi)型與界面元素的對(duì)應(yīng)關(guān)系，生成圖形用戶(hù)管理界面。
2.如權(quán)利要求1所述的圖形用戶(hù)界面生成方法，其特征在于，步驟2)中，采用數(shù)據(jù)庫(kù)表存儲(chǔ)業(yè)務(wù)數(shù)據(jù)模型，且業(yè)務(wù)數(shù)據(jù)類(lèi)型與數(shù)據(jù)庫(kù)中的數(shù)據(jù)類(lèi)型相對(duì)應(yīng)。
3.如權(quán)利要求1所述的圖形用戶(hù)界面生成方法，其特征在于，所述方法還包括在業(yè)務(wù)數(shù)據(jù)類(lèi)型增加時(shí)，擴(kuò)充所述元數(shù)據(jù)類(lèi)型，以建立新的元數(shù)據(jù)類(lèi)型與業(yè)務(wù)數(shù)據(jù)及界面元素的對(duì)應(yīng)關(guān)系。
4.如權(quán)利要求1所述的圖形用戶(hù)界面生成方法，其特征在于，所述方法還包括步驟2)中，分配一個(gè)唯一標(biāo)識(shí)給每個(gè)數(shù)據(jù)元素，并通過(guò)該唯一標(biāo)識(shí)在用戶(hù)界面中確定唯一的一個(gè)界面元素。
5.如權(quán)利要求1、2、3或4所述的圖形用戶(hù)界面生成方法，其特征在于，所述方法還包括創(chuàng)建布局管理器，用于對(duì)圖形用戶(hù)界面進(jìn)行風(fēng)格及布局的控制。
6.如權(quán)利要求5所述的圖形用戶(hù)界面生成方法，其特征在于，創(chuàng)建布局管理器包括順序布局管理器，按照業(yè)務(wù)數(shù)據(jù)模型中數(shù)據(jù)元素出現(xiàn)的次序順序地布置界面元素；大小布局管理器，按照業(yè)務(wù)數(shù)據(jù)模型中數(shù)據(jù)元素對(duì)應(yīng)的界面元素所占區(qū)域的大小進(jìn)行分組排序；模板布局管理器，在布局模板中對(duì)界面區(qū)域進(jìn)行劃分，并根據(jù)需要將不同的數(shù)據(jù)元素分配到相應(yīng)的顯示區(qū)域中。
7.一種圖形用戶(hù)界面生成系統(tǒng)，其特征在于，該系統(tǒng)包括1)元數(shù)據(jù)模型，包括根據(jù)業(yè)務(wù)數(shù)據(jù)、業(yè)務(wù)數(shù)據(jù)類(lèi)型及界面元素所確定的元數(shù)據(jù)類(lèi)型，以及各元數(shù)據(jù)類(lèi)型與業(yè)務(wù)數(shù)據(jù)及界面元素的對(duì)應(yīng)關(guān)系；2)業(yè)務(wù)數(shù)據(jù)模型，包括通過(guò)元數(shù)據(jù)類(lèi)型所描述過(guò)的具體業(yè)務(wù)數(shù)據(jù)；3)圖形用戶(hù)界面生成裝置，用于通過(guò)業(yè)務(wù)數(shù)據(jù)模型并利用元數(shù)據(jù)類(lèi)型與界面元素的對(duì)應(yīng)關(guān)系，生成圖形用戶(hù)管理界面。
8.如權(quán)利要求7所述的圖形用戶(hù)界面生成系統(tǒng)，其特征在于，業(yè)務(wù)數(shù)據(jù)模型采用數(shù)據(jù)庫(kù)表存儲(chǔ)，且業(yè)務(wù)數(shù)據(jù)類(lèi)型與數(shù)據(jù)庫(kù)中的數(shù)據(jù)類(lèi)型相對(duì)應(yīng)。
9.如權(quán)利要求8所述的圖形用戶(hù)界面生成系統(tǒng)，其特征在于，所述系統(tǒng)在業(yè)務(wù)數(shù)據(jù)模型中的每個(gè)數(shù)據(jù)元素分配一個(gè)唯一標(biāo)識(shí)，通過(guò)該唯一標(biāo)識(shí)在用戶(hù)界面中確定唯一的一個(gè)界面元素。
10.如權(quán)利要求9所述的圖形用戶(hù)界面生成系統(tǒng)，其特征在于，該系統(tǒng)還包括布局管理器，用于對(duì)圖形用戶(hù)界面進(jìn)行風(fēng)格及布局的控制。
11.如權(quán)利要求10所述的圖形用戶(hù)界面生成系統(tǒng)，其特征在于，該布局管理器包括順序布局管理器，按照業(yè)務(wù)數(shù)據(jù)模型中數(shù)據(jù)元素出現(xiàn)的次序順序地布置界面元素；大小布局管理器，按照業(yè)務(wù)數(shù)據(jù)模型中數(shù)據(jù)元素對(duì)應(yīng)的界面元素所占區(qū)域的大小進(jìn)行分組排序；模板布局管理器，在布局模板中對(duì)界面區(qū)域進(jìn)行劃分，并根據(jù)需要將不同的數(shù)據(jù)元素分配到相應(yīng)的顯示區(qū)域中。
全文摘要
一種圖形用戶(hù)界面生成方法及系統(tǒng)，其中該方法包括元數(shù)據(jù)模型建立步驟，根據(jù)業(yè)務(wù)數(shù)據(jù)、業(yè)務(wù)數(shù)據(jù)類(lèi)型及界面元素確定元數(shù)據(jù)類(lèi)型，并確定各元數(shù)據(jù)類(lèi)型與業(yè)務(wù)數(shù)據(jù)及界面元素的對(duì)應(yīng)關(guān)系；業(yè)務(wù)數(shù)據(jù)模型生成步驟，使用元數(shù)據(jù)類(lèi)型描述所需的具體業(yè)務(wù)數(shù)據(jù)，生成相應(yīng)業(yè)務(wù)數(shù)據(jù)模型；圖形用戶(hù)界面生成步驟，通過(guò)業(yè)務(wù)數(shù)據(jù)模型并利用元數(shù)據(jù)類(lèi)型與界面元素的對(duì)應(yīng)關(guān)系，生成圖形用戶(hù)管理界面。相應(yīng)地，圖形用戶(hù)界面生成系統(tǒng)包括元數(shù)據(jù)模型、業(yè)務(wù)數(shù)據(jù)模型及圖形用戶(hù)界面生成裝置。
文檔編號(hào)G06T11/60GK1542699SQ0312407
公開(kāi)日2004年11月3日 申請(qǐng)日期2003年4月29日 優(yōu)先權(quán)日2003年4月29日
發(fā)明者郭明亮, 黃京明, 武莊 申請(qǐng)人:聯(lián)想(北京)有限公司