本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種根據(jù)配置信息動(dòng)態(tài)生成界面的方法及根據(jù)該方法設(shè)置的系統(tǒng)。

背景技術(shù)：

隨著科學(xué)技術(shù)的發(fā)展，計(jì)算機(jī)軟件應(yīng)用越來(lái)越廣，用戶界面作為軟件的一部分，起著尤為重要的作用，用戶界面是軟件在被應(yīng)用過(guò)程中，直接面向用戶、和用戶交互最多的軟件組成部分。針對(duì)不同場(chǎng)景不同需求，用戶要求界面的展現(xiàn)形式及功能多種多樣。

傳統(tǒng)的軟件為支持不同場(chǎng)景，滿足不同業(yè)務(wù)需求，需不斷開(kāi)發(fā)具有特定界面及功能的軟件，若場(chǎng)景改變，則需重寫代碼開(kāi)發(fā)新的界面。這大大增加了工作量，延長(zhǎng)了開(kāi)發(fā)周期且不利于維護(hù)，代碼的可重用性低。

技術(shù)實(shí)現(xiàn)要素：

本發(fā)明的目的在于克服現(xiàn)有技術(shù)中存在的不足，提供一種靈活可配的界面生成方法和系統(tǒng)。本發(fā)明的目的是解決傳統(tǒng)軟件界面開(kāi)發(fā)繁瑣、代碼可復(fù)用性低且環(huán)境適應(yīng)性差的現(xiàn)狀，要求能夠針對(duì)不同業(yè)務(wù)類型、不同客戶需求定制相應(yīng)的配置信息，能夠根據(jù)配置信息生成相應(yīng)界面，且界面靈活可配。

為了達(dá)到上述發(fā)明目的，本發(fā)明提供的技術(shù)方案如下：

一種靈活可配的界面生成方法包括步驟如下：

第一步、開(kāi)發(fā)構(gòu)件庫(kù)，在構(gòu)件庫(kù)中封裝常用并且高可復(fù)用性的控件和功能模塊，使構(gòu)件庫(kù)信息不斷完善；

第二步、編寫配置文件，將包括系統(tǒng)界面展現(xiàn)形式、布局、屬性、功能模塊在內(nèi)的信息寫入配置文件中；

第三步、解析配置模塊，對(duì)載入到該系統(tǒng)的配置文件進(jìn)行解析，提取出能識(shí)別的界面信息，所述能夠識(shí)別的界面信息包括有控件類型、布局、屬性和操作；第四步、生成UI界面，根據(jù)解析后的界面信息在構(gòu)件庫(kù)中查找對(duì)應(yīng)的控件和功能模塊：當(dāng)構(gòu)件庫(kù)中存在對(duì)應(yīng)的控件和功能模塊時(shí)，實(shí)例化控件與功能模塊以配置文件中的界面信息要求的形式生成UI界面；當(dāng)構(gòu)件庫(kù)中不存在相應(yīng)的控件和功能模塊時(shí)，實(shí)施所述第一步，完善構(gòu)件庫(kù)，在所述構(gòu)件庫(kù)中封裝相應(yīng)的控件和功能模塊，根據(jù)解析后的界面信息在構(gòu)件庫(kù)中查找對(duì)應(yīng)的控件和功能模塊，實(shí)例化控件與功能模塊以配置文件中的界面信息要求的形式生成UI界面。

在本發(fā)明的一種靈活可配的界面生成方法中，所述第一步中，所述的控件為自主開(kāi)發(fā)的包括表格、樹、選項(xiàng)卡、按鈕、標(biāo)簽、下拉框在內(nèi)的常用控件。

在本發(fā)明的一種靈活可配的界面生成方法中，所述第一步中，所述功能模塊是指針對(duì)不同業(yè)務(wù)所開(kāi)發(fā)的專有模塊。

在本發(fā)明的一種靈活可配的界面生成方法中，所述第二步中，所述配置文件包括有文本文件和二進(jìn)制文件兩種形式。

在本發(fā)明的一種靈活可配的界面生成方法中，所述第二步中，所述包括系統(tǒng)的界面展現(xiàn)形式、布局、屬性、功能模塊在內(nèi)的信息以固定格式寫入配置文件中，所述的固定格式是指為所述控件和所述功能模塊指定標(biāo)識(shí)，并定義對(duì)應(yīng)的參數(shù)數(shù)據(jù)結(jié)構(gòu)，以對(duì)配置文件進(jìn)行解析。

在本發(fā)明的一種靈活可配的界面生成方法中，所述第三步中，所述的屬性包括有標(biāo)題、顯示文本、樣式、大小、位置和狀態(tài)。

一種靈活可配的界面生成系統(tǒng)，包括有構(gòu)件庫(kù)、配置文件、解析模塊和UI界面，所述配置文件與所述解析模塊相連接，所述解析模塊連接于所述構(gòu)件庫(kù)上，所述構(gòu)件庫(kù)連接有所述UI界面。

在本發(fā)明的一種靈活可配的界面生成系統(tǒng)中，所述配置文件，通過(guò)文本文件和二進(jìn)制文件形式存儲(chǔ)界面信息，配置文件所存儲(chǔ)的界面信息包括有系統(tǒng)的界面展現(xiàn)形式、布局、屬性和功能模塊；

所述解析模塊，用于對(duì)配置文件進(jìn)行解析，提取出包括界面展現(xiàn)形式、布局和功能模塊在內(nèi)的能夠識(shí)別的界面信息，并在構(gòu)件庫(kù)中查找與所述能夠識(shí)別的界面信息相對(duì)應(yīng)的控件和功能模塊；

所述構(gòu)件庫(kù)，封裝常用并且高可復(fù)用的控件和功能模塊，供解析模塊查找調(diào)用需要的控件和功能模塊，并實(shí)例化所找到的控件和功能模塊生成UI界面；

所述UI界面，用于展現(xiàn)實(shí)例化構(gòu)件庫(kù)中控件和功能模塊的結(jié)果。

基于上述技術(shù)內(nèi)容，本發(fā)明的靈活可配界面生成技術(shù)與現(xiàn)有技術(shù)相比具有如下技術(shù)優(yōu)點(diǎn)：

1.本發(fā)明一種靈活可配的界面生成方法和系統(tǒng)中，該界面生成方法的優(yōu)點(diǎn)是生成界面的靈活性高，可滿足用戶的個(gè)性定制，能適應(yīng)不同環(huán)境，滿足不同業(yè)務(wù)需求，開(kāi)發(fā)人員只需不斷完善維護(hù)構(gòu)件庫(kù)和增加特定業(yè)務(wù)的功能模塊即可。

2.本發(fā)明一種靈活可配的界面生成方法和系統(tǒng)，采用由配置信息生成界面的方法提高代碼的可重復(fù)使用性，并大大縮短開(kāi)發(fā)周期。

附圖說(shuō)明

圖1是本發(fā)明一種靈活可配的界面生成系統(tǒng)的結(jié)構(gòu)圖。

圖2是本發(fā)明一種靈活可配的界面生成方法的流程圖。

圖3是場(chǎng)景為報(bào)警檢測(cè)時(shí)的UI界面圖。

圖4是場(chǎng)景為學(xué)生成績(jī)時(shí)的UI界面圖。

具體實(shí)施方式

下面我們結(jié)合附圖和具體的實(shí)施例來(lái)對(duì)本發(fā)明的一種靈活可配的界面生成方法和系統(tǒng)作進(jìn)一步的詳細(xì)闡述，以求更清楚的理解本發(fā)明的結(jié)構(gòu)組成和工作原理，但不能以此來(lái)限制本發(fā)明的保護(hù)范圍。

請(qǐng)看圖1，圖1是本發(fā)明一種靈活可配的界面生成系統(tǒng)的結(jié)構(gòu)圖。

本發(fā)明的一種靈活可配的界面生成系統(tǒng)的結(jié)構(gòu)中包括有構(gòu)件庫(kù)1、配置文件2、解析模塊3和UI界面4。

構(gòu)件庫(kù)1，構(gòu)件庫(kù)1封裝了常用控件和針對(duì)不同業(yè)務(wù)所開(kāi)發(fā)的具有特定功能的功能模塊。該構(gòu)件庫(kù)1中的常用控件為自主開(kāi)發(fā)具有相應(yīng)功能的控件。這些常用控件具有高可復(fù)用性，可以重復(fù)調(diào)用。高可復(fù)用性的常用控件包含有自主開(kāi)發(fā)的窗體、標(biāo)題攔、表格、選項(xiàng)卡、樹、按鈕、標(biāo)簽等常用控件。為了使其具有比較好的靈活性，可通過(guò)配置滿足不同場(chǎng)景，應(yīng)為控件提供豐富功能與接口函數(shù)。功能模塊則針對(duì)不同業(yè)務(wù)需求開(kāi)發(fā)的專有模塊。這些專有模塊在某種業(yè)務(wù)中常用但在其它業(yè)務(wù)中很少用到。

配置文件2，配置文件2存儲(chǔ)的是以固定格式編寫的界面信息，配置文件2有兩種形式：文本文件、二進(jìn)制文件。文本文件直觀方便用戶觀看，二進(jìn)制文件是為了保證系統(tǒng)加載配置文件2的速度。系統(tǒng)能識(shí)別這兩種格式的配置文件2，并可對(duì)其解析。

解析配置模塊3，將配置文件2載入系統(tǒng)后并對(duì)載入的配置文件2進(jìn)行解析，提取出能夠識(shí)別的界面信息，這些能夠識(shí)別的界面信息包括控件類型、布局、屬性（標(biāo)題、顯示文本、樣式、大小、位置、狀態(tài)等）及操作（對(duì)應(yīng)的業(yè)務(wù)邏輯）等。控件類型包括在構(gòu)件庫(kù)1中的自主開(kāi)發(fā)的窗體、標(biāo)題攔、表格、選項(xiàng)卡、樹等，控件的布局則包括GridLayout、FillLayout、SashForm等，控件的屬性（標(biāo)題、顯示文本、樣式、大小、位置、狀態(tài)等）樣式包括SWT.NONE、SWT.CLOSE、SWT.MIN、SWT.VERTICAL等，大小則包括控件的寬、高等信息，位置包括x坐標(biāo)、y坐標(biāo)，狀態(tài)則包括可見(jiàn)、隱藏等。

UI界面4，根據(jù)解析的配置信息及構(gòu)件庫(kù)1提供的構(gòu)件和功能模塊生成UI界面4。利用解析后的界面信息在構(gòu)件庫(kù)1中查找對(duì)應(yīng)的控件或功能模塊，實(shí)例化控件和功能模塊以配置信息要求的界面展現(xiàn)形式及布局生成UI界面4，該UI界面4既包含展現(xiàn)的控件也包含對(duì)應(yīng)的邏輯功能，可滿足用戶需求。

圖2是本發(fā)明一種靈活可配的界面生成方法的流程圖。

第一步，開(kāi)發(fā)構(gòu)件庫(kù)1，在構(gòu)件庫(kù)1中封裝控件和功能模塊，構(gòu)件庫(kù)1中封裝的控件和功能模塊具有高可復(fù)用性，可以重復(fù)使用。當(dāng)需要使用時(shí)可以根據(jù)不同場(chǎng)景隨時(shí)對(duì)構(gòu)件庫(kù)1中的相應(yīng)的控件和功能模塊進(jìn)行調(diào)用。這些控件是自主開(kāi)發(fā)的一些常用控件，這些常用控件包括表格、樹、選項(xiàng)卡、按鈕、標(biāo)簽、下拉框等。功能模塊則是針對(duì)不同業(yè)務(wù)所開(kāi)發(fā)的專有模塊。在實(shí)際應(yīng)用過(guò)程中不斷完善構(gòu)件庫(kù)1的控件和功能模塊等信息。例如，在實(shí)際使用過(guò)程中遇到了新的場(chǎng)景，但在構(gòu)件庫(kù)中找不到相應(yīng)的控件和功能模塊時(shí)，開(kāi)發(fā)相應(yīng)控件和功能模塊，并使這些控件和功能模塊的具有高可復(fù)用性，然后將這些控件和功能模塊封裝在構(gòu)件庫(kù)1中，豐富構(gòu)件庫(kù)1中的信息，方便需要時(shí)調(diào)用。

第二步，編寫配置文件2，將所需要的系統(tǒng)的界面展現(xiàn)形式、布局、屬性、功能模塊等信息，以固定格式寫入配置文件2中；此處的固定格式是指為構(gòu)件庫(kù)1中的控件和功能模塊指定標(biāo)識(shí)，并定義好系統(tǒng)的界面展現(xiàn)形式、布局、屬性和功能模塊等信息的參數(shù)數(shù)據(jù)結(jié)構(gòu)，方便下一步的解析。

第三步，解析配置模塊3，加載配置文件2并對(duì)該配置文件2進(jìn)行解析，提取出能識(shí)別的界面信息，能夠識(shí)別的界面信息即界面的展現(xiàn)形式、布局和功能等。提取的界面信息包括有控件的類型、布局、屬性（包括有標(biāo)題、顯示文本、樣式、大小、位置、狀態(tài)等）以及操作（指對(duì)應(yīng)的業(yè)務(wù)邏輯）等；

第四步，生成UI界面4，根據(jù)第三步中所提取的界面信息并在構(gòu)件庫(kù)1中查找對(duì)應(yīng)的控件和功能模塊：若構(gòu)件庫(kù)中存在這些對(duì)應(yīng)的控件和功能模塊，則調(diào)用并且實(shí)例化這些控件和功能模塊，完成按照界面信息要求的形式生成UI界面4；若在構(gòu)件庫(kù)1中不存在相應(yīng)的控件和功能模塊時(shí)，則實(shí)施第一步，逐步完成對(duì)構(gòu)件庫(kù)信息的完善，開(kāi)發(fā)相應(yīng)的控件和功能模塊并將其封裝在構(gòu)件庫(kù)中，方便使用時(shí)查找調(diào)用，然后調(diào)用并構(gòu)件庫(kù)中的相應(yīng)控件和功能模塊，完成按照界面信息要求的形式生成UI界面，生成的UI界面4既包含展現(xiàn)的控件也包含對(duì)應(yīng)的邏輯功能，可滿足用戶需求。

為方便理解本發(fā)明如何通過(guò)配置文件2信息生成UI界面4，下面結(jié)合具體實(shí)施例來(lái)進(jìn)行說(shuō)明。

實(shí)施例一：

請(qǐng)看圖3，圖3是場(chǎng)景為報(bào)警檢測(cè)時(shí)的UI界面4圖。本實(shí)施例中的構(gòu)件庫(kù)1包含開(kāi)發(fā)的常用、高可復(fù)用性的控件及特定功能模塊，如自定義窗體CustomShell、自定義標(biāo)題欄CustomTitleBar、自定義樹CustomTree、自定義表格、CustomTable、自定義功能模塊如刪除等。配置文件2為文本文件，采用域=值的格式存儲(chǔ)界面信息，文本文件如下：

[CustomShell]

width=700,height=500;

[CustomTitleBar]

text=測(cè)試用例,style=center,image= smile.png;

[CustomTree]

Node={id=0,parent=-1,name=對(duì)象};

Node={id=1,parent=0,name=硬件視圖};

Node={id=2,parent=1,name=電路板1};

Node={id=3,parent=1,name=電路板2};

Node={id=4,parent=0,name=軟件視圖};

[CustomTable]

ColCnt=3,showCol={0,1,2};popMenu=刪除; colWid={50,50,50};colName={起始時(shí)間,終止時(shí)間,報(bào)警類型};

其中CustomShell（譯為：自定義窗體）、CustomTitleBar（譯為：自定義標(biāo)題欄）、CustomTree（譯為：自定義樹）、CustomTable（譯為：自定義表格）為構(gòu)件庫(kù)1中自主開(kāi)發(fā)的控件。popMenu則代表構(gòu)件庫(kù)1中的一個(gè)表格的特定功能模塊，當(dāng)popMenu=刪除則代表為表格增加右鍵菜單刪除，當(dāng)鼠標(biāo)單擊該菜單時(shí)，對(duì)表格執(zhí)行刪除操作。

解析配置模塊3對(duì)配置文件2進(jìn)行解析，前提是配置文件按某一固定格式編寫，解析模塊可按照該格式對(duì)配置文件2解析，得到可識(shí)別的界面信息。以上述配置文件2中的CustomTree為例，CustomTree的固定格式規(guī)定樹節(jié)點(diǎn)具有3個(gè)參數(shù)分別為自身id、父節(jié)點(diǎn)id（即parent）、名字（name），解析模塊可根據(jù)該格式解析CustomTree，根據(jù)解析后的信息就可確定節(jié)點(diǎn)之間的關(guān)系，從而將其正確顯示。

生成UI界面4。根據(jù)解析后的配置信息在構(gòu)件庫(kù)1中查找相應(yīng)控件及功能模塊，將其實(shí)例化可生成UI界面4，如圖3所示。

實(shí)施例二：

用本發(fā)明的一種靈活可配的界面生成方法該生成UI界面4可提高代碼的可重用性，有利于代碼的維護(hù)，并且界面靈活性比較高。例如當(dāng)場(chǎng)景改為顯示學(xué)生成績(jī)時(shí)，只需對(duì)實(shí)施例一中的配置文件2進(jìn)行部分修改，在修改時(shí)無(wú)需更改代碼即可達(dá)到所需效果，對(duì)上述配置文件2進(jìn)行部分修改后的配置文件2如下：

[CustomShell]

width=700,height=500;

[CustomTitleBar]

text=測(cè)試用例1,style=center,image= smile.png;

[CustomTree]

Node={id=0,parent=-1,name=一年級(jí)};

Node={id=1,parent=0,name=一班};

Node={id=2,parent=0,name=二班};

Node={id=3,parent=-1,name=二年級(jí)};

[CustomTable]

ColCnt=3，showCol={0,1,2,3}; colWid={50,50,50,50};colName={學(xué)號(hào),姓名,學(xué)科,成績(jī)};

根據(jù)上述修改配置文件2，經(jīng)過(guò)解析模塊的解析，調(diào)用構(gòu)件庫(kù)1中相應(yīng)控件和功能模塊后可生成對(duì)應(yīng)UI界面4，如圖4所示，圖4是場(chǎng)景為學(xué)生成績(jī)時(shí)的UI界面4圖。

由上可見(jiàn)通過(guò)該方法生成的界面靈活性高、可適用不同場(chǎng)景，代碼的可重用性高，利于可維護(hù)，開(kāi)發(fā)人員只需不斷完善構(gòu)件庫(kù)并編寫相應(yīng)配置文件即可。本發(fā)明的一種根據(jù)配置信息生成界面的方法及系統(tǒng)，能夠針對(duì)不同業(yè)務(wù)類型、不同客戶需求定制相應(yīng)的配置信息，根據(jù)配置信息生成相應(yīng)界面，界面靈活可配。