專利名稱：Web頁(yè)面生成方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種Web頁(yè)面生成方法。
背景技術(shù)：
Web頁(yè)面定義的方法很多，有采用Sun公司的JSP文件格式、微軟公司的ASP、XAML格式，有PHP文件格式，有Adobe公司采用的SWF XML文件格式，每種格式都有它的優(yōu)勢(shì)和劣勢(shì)。針對(duì)各種文件格式，都對(duì)頁(yè)面展現(xiàn)的基本元素進(jìn)行了定義，包括頁(yè)面、布局、控件、事件的定義。目前，軟件行業(yè)開(kāi)發(fā)web頁(yè)面，通常的做法是使用SUN的JSP格式、或者微軟的ASP格式文件，在格式文件中穿插HTML元素進(jìn)行頁(yè)面的開(kāi)發(fā)。這種方式存在的主要問(wèn)題是，頁(yè)面開(kāi)發(fā)復(fù)雜，容易出錯(cuò)，對(duì)開(kāi)發(fā)人員的技術(shù)水平要求比較高，開(kāi)發(fā)的速度也比較慢。維護(hù)成本比較高。但是，由于web頁(yè)面風(fēng)格不統(tǒng)一，在定義時(shí)過(guò)于復(fù)雜，降低了開(kāi)發(fā)web頁(yè)面的速度。

發(fā)明內(nèi)容
本發(fā)明的主要目的在于提供一種Web頁(yè)面生成方法，以解決現(xiàn)有技術(shù)存在的web頁(yè)面的開(kāi)發(fā)速度較慢的問(wèn)題，其中:根據(jù)本發(fā)明實(shí)施例的Web頁(yè)面生成方法包括:使用多個(gè)通用XML標(biāo)簽定義Web頁(yè)面的特征；編寫(xiě)文檔轉(zhuǎn)換程序，在文檔轉(zhuǎn)換程序中讀取頁(yè)面格式文件，并解析頁(yè)面格式文件中的XML標(biāo)簽；將XML標(biāo)簽使用相應(yīng)的HTML內(nèi)容進(jìn)行替換，生成對(duì)應(yīng)的HTML元素；輸出HTML格式的web頁(yè)面。其中,通用XML標(biāo)簽包括:頁(yè)面標(biāo)簽、布局標(biāo)簽、控件標(biāo)簽、事件標(biāo)簽。其中，通用XML標(biāo)簽包括:聲明web界面的Form標(biāo)簽；聲明工具條的toolbar標(biāo)簽；聲明位于工具條上按鈕的button標(biāo)簽；聲明下拉菜單項(xiàng)目的item標(biāo)簽；聲明頁(yè)面空間擺放方式的widgets標(biāo)簽；聲明控件的basic標(biāo)簽；聲明表格的datagrid標(biāo)簽；聲明表格中的一列的col標(biāo)簽；用于做掛接Plugin標(biāo)簽的容器的extendPointer標(biāo)簽；用于定義處理插件的plugin標(biāo)簽；用于為頁(yè)面控件綁定事件的bind標(biāo)簽；用于定義布局格式的layout標(biāo)簽。其中，toolbar標(biāo)簽位于Form標(biāo)簽內(nèi)。
其中，button標(biāo)簽位于toolbar標(biāo)簽內(nèi)部。其中于，item標(biāo)簽位于button標(biāo)簽內(nèi)部。其中于，widgets標(biāo)簽位于form標(biāo)簽內(nèi)部。其中，plugin標(biāo)簽位于extendPointer標(biāo)簽中間。其中，XML標(biāo)簽與頁(yè)面元素——對(duì)應(yīng)。與現(xiàn)有技術(shù)相比，根據(jù)本發(fā)明的技術(shù)方案，通過(guò)定義一系列的通用標(biāo)簽，解決了web頁(yè)面定義過(guò)于復(fù)雜的問(wèn)題，極大的提高了開(kāi)發(fā)web頁(yè)面的速度，并保證了 web頁(yè)面的風(fēng)格統(tǒng)一。


此處所說(shuō)明的附圖用來(lái)提供對(duì)本發(fā)明的進(jìn)一步理解，構(gòu)成本申請(qǐng)的一部分，本發(fā)明的示意性實(shí)施例及其說(shuō)明用于解釋本發(fā)明，并不構(gòu)成對(duì)本發(fā)明的不當(dāng)限定。在附圖中:圖1是本發(fā)明實(shí)施例的Web頁(yè)面生成方法的流程圖；圖2是本發(fā)明實(shí)施例的標(biāo)簽嵌套關(guān)系的示意圖。
具體實(shí)施例方式為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，以下結(jié)合附圖及具體實(shí)施例，對(duì)本發(fā)明作進(jìn)一步地詳細(xì)說(shuō)明。根據(jù)本發(fā)明的實(shí)施例，提供了一種Web頁(yè)面生成方法。參考圖1，圖1是本發(fā)明實(shí)施例的Web頁(yè)面生成方法的流程圖，如圖1所示,包括:步驟S102，使用多個(gè)通用XML標(biāo)簽定義Web頁(yè)面的特征；步驟S104，編寫(xiě)文檔轉(zhuǎn)換程序，在文檔轉(zhuǎn)換程序中讀取頁(yè)面格式文件，并解析頁(yè)面格式文件中的XML標(biāo)簽；步驟S106，將XML標(biāo)簽使用相應(yīng)的HTML內(nèi)容進(jìn)行替換，生成對(duì)應(yīng)的HTML元素；步驟S108，輸出HTML格式的web頁(yè)面。其中，通用XML標(biāo)簽包括:頁(yè)面標(biāo)簽、布局標(biāo)簽、控件標(biāo)簽、事件標(biāo)簽。下面結(jié)合圖
2詳細(xì)描述通用XML標(biāo)簽。( 一 )〈Form〉標(biāo)簽用于聲明一個(gè)web界面，〈Form〉標(biāo)簽有如下屬性:屬性id,用于表不頁(yè)面的編號(hào)；屬性desp,用于表不頁(yè)面的名稱,描述頁(yè)面的含義；屬性formType,用于表示頁(yè)面使用的模板名稱；屬性version,用于表示頁(yè)面的版本編號(hào),默認(rèn)是O。( 二)〈toolbar〉標(biāo)簽用于聲明一個(gè)工具條,必須位于〈Form〉標(biāo)簽內(nèi)部，該工具條將會(huì)顯不在頁(yè)面上部，〈toolbar〉標(biāo)簽內(nèi)部可以定義多個(gè)按鈕。(三)〈button〉標(biāo)簽用于聲明一個(gè)位于工具條上面的按鈕，必須位于〈toolbar〉標(biāo)簽內(nèi)部。它會(huì)顯示為一個(gè)工具條上的按鈕?！碽utton〉標(biāo)簽還可以嵌套〈item〉標(biāo)簽?！碽utton〉有如下屬性:
屬性id,用于表不按鈕的編號(hào)；屬性text，用于表示按鈕上要顯示的文字；屬性img，用于表示按鈕上要顯示的圖片；屬性onclick，用于表示鼠標(biāo)點(diǎn)擊后，要觸發(fā)的事件。(四)〈item〉標(biāo)簽用于聲明一個(gè)下拉菜單項(xiàng)目，必須位于〈button〉標(biāo)簽內(nèi)部。該標(biāo)簽有id, text,img, onclick等屬性,屬性的含義與〈button〉標(biāo)簽類(lèi)似,此處不贅述。(五)〈widgets〉標(biāo)簽用于聲明頁(yè)面空間擺放方式，必須位于〈form〉標(biāo)簽內(nèi)部，該標(biāo)簽沒(méi)有屬性。(六)〈basic〉標(biāo)簽用于聲明一個(gè)控件，〈basic〉標(biāo)簽有如下屬性:屬性name必須,用于表示頁(yè)面元素的id ；屬性label必須，用于表示頁(yè)面元素的文字標(biāo)題；屬性width可選,用于表不頁(yè)面兀素的寬度；屬性height可選，用于表示頁(yè)面元素的高度；屬性IeftSpace可選,用于表示widget相對(duì)所處容器的左邊距；屬性topSpace可選,用于表示widget相對(duì)所處容器的上邊距；屬性maxlength可選,用于表示頁(yè)面元素的最大輸入長(zhǎng)度,對(duì)Edit類(lèi)型的輸入有效；屬性widget可選，用于表示頁(yè)面元素的類(lèi)型，如果沒(méi)有定義，在沒(méi)有取值器是默認(rèn)是一個(gè)編輯框；屬性default可選，為默認(rèn)值；屬性hint可選，用于表示元素的提示；屬性readonly可選,用于表示頁(yè)面元素是否是只讀,值為true或false。(七)<datagrid)標(biāo)簽用于聲明一個(gè)表格，<datagrid)標(biāo)簽有如下屬性:屬性name必須,用于表不表格的名稱id ；屬性IinkToState可選，用于表示表格可用的狀態(tài)集合，只在表格可編輯的情況下有效；屬性layout可選，用于表示所在布局的編號(hào)；屬性hasPage可選，用于表示是否有分頁(yè)條，值為true或false，可編輯的情況下無(wú)效，默認(rèn)為false ；屬性canBeReset可選，用于表示是否可以被清空，值為true或false,默認(rèn)為false ；屬性pageAction可選,用于表示分頁(yè)時(shí)候提交的action名稱,一般應(yīng)該查詢的action ；屬性pagebar可選,用于表示分頁(yè)條的類(lèi)型；屬性pageHj可選,用于表示是否需要合計(jì)行,值為true或false,默認(rèn)為true ；屬性defaultPageSize可選,用于表示分頁(yè)時(shí)每頁(yè)顯示的紀(jì)錄數(shù)；
屬性template可選，用于表不表格控件的模板；屬性width可選,用于表不表格的總體寬度；屬性height可選,用于表不表格的高度；屬性attr可選,用于表不表格的屬性。(八)〈col>標(biāo)簽該標(biāo)簽用于聲明表格中的一列，<col>標(biāo)簽有如下屬性:屬性id必須，用于表示列的名稱id ；屬性label必須，用于表示列的標(biāo)題；屬性cacu可選,用于表示列的合計(jì)行計(jì)算方式，目前只有sum和count兩種；屬性hidden可選,用于表示列是否隱藏,值為true或false,默認(rèn)為false ;；屬性pageCacuExp可選,用于表示列在頁(yè)面上的計(jì)算公式；屬性default可選，用于表示列的默認(rèn)值；屬性img可選，用于表示列顯示的圖片；屬性attr可選，用于表示列的屬性；屬性width可選，用于表示列的寬度；屬性sort可選,用于表不列的排序方式；屬性align可選,用于表不列的對(duì)齊方式；屬性href可選，用于表示列的超級(jí)鏈接；屬性color可選，用于表示列的顯示顏色；屬性editType可選，用于表示列的編輯框類(lèi)型；屬性inputFormator可選,用于表示列的編輯框要求的數(shù)據(jù)類(lèi)型和格式；屬性validator可選,用于表示列的校驗(yàn)；屬性lock可選，用于表示列是否鎖定，值為true或false，默認(rèn)為false，鎖定只能鎖定最開(kāi)始的列，并連續(xù)；屬性ignore可選,用于表示列是否忽略,值為true或false,默認(rèn)為false。(九)〈extendPointer〉標(biāo)簽用于做掛接Plugin的容器。(十)〈plugin〉標(biāo)簽〈plugin〉用于定義一個(gè)處理插件,必須位于〈extendPointer〉中間，該標(biāo)簽有如下屬性:屬性type必須，用于表示插件類(lèi)型；屬性attr可選，用于表示插件屬性；屬性desp可選,用于表不插件描述；屬性onEvent可選,用于表示插件的觸發(fā)事件。(十一)〈bind〉標(biāo)簽〈bind〉標(biāo)簽用于給頁(yè)面控件綁定一個(gè)事件，該標(biāo)簽有如下屬性:屬性element必須，用于表示事件綁定的元素對(duì)象的id,可以是toolbar上的button,也可以是 widget ；屬性event必須,用于表示事件類(lèi)型，比如click事件，keyup事件等等；
屬性bind，用于表示標(biāo)簽中寫(xiě)事件的處理腳本。(十二)〈layout〉標(biāo)簽〈layout〉標(biāo)簽用于定義一個(gè)布局格式,該標(biāo)簽有如下屬性:屬性layout,用于表示上級(jí)標(biāo)簽為widgets ；屬性type必須,用于表示layout的類(lèi)型；屬性name可選,用于表示layout的名字；屬性IeftSpace可選,用于表示layout的左邊距；屬性topSpace可選,用于表示layout的上邊距；屬性width可選,用于表示layout的寬度；屬性height可選,用于表示layout的高度；屬性isHidden可選,用于表示layout在顯示的時(shí)候是否隱藏,取值true、false,默認(rèn)false不隱藏；屬性ignore可選，用于表示在解析xml的時(shí)候是否忽略改layout,取值true、false,默認(rèn)為 false ；屬性attr可選,用于表示layout的屬性；屬性desp可選,用于表示layout的標(biāo)題或者是描述。在使用通用一系列XML標(biāo)簽定義Web頁(yè)面的特征后，通過(guò)不同的編程語(yǔ)言，編寫(xiě)文檔轉(zhuǎn)換程序，在程序中讀取頁(yè)面定義文件，并解析文件中的XML標(biāo)簽(不同的標(biāo)簽對(duì)應(yīng)不同的頁(yè)面元素)，將標(biāo)簽按照規(guī)則，使用相應(yīng)的HTML內(nèi)容進(jìn)行替換，生成對(duì)應(yīng)的HTML元素，整個(gè)文件解析完成后，最終輸出HTML格式的web頁(yè)面。綜上所示，根據(jù)本發(fā)明的技術(shù)方案，通過(guò)定義一系列的通用標(biāo)簽，解決了 web頁(yè)面定義過(guò)于復(fù)雜的問(wèn)題，極大的提高了開(kāi)發(fā)web頁(yè)面的速度，并保證了 web頁(yè)面的風(fēng)格統(tǒng)一。以上所述僅為本發(fā)明的實(shí)施例而已，并不用于限制本發(fā)明，對(duì)于本領(lǐng)域的技術(shù)人員來(lái)說(shuō)，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的權(quán)利要求范圍之內(nèi)。
權(quán)利要求
1.一種用于Web頁(yè)面生成方法，其特征在于，包括: 使用多個(gè)通用XML標(biāo)簽定義Web頁(yè)面的特征； 編寫(xiě)文檔轉(zhuǎn)換程序，在文檔轉(zhuǎn)換程序中讀取頁(yè)面格式文件，并解析頁(yè)面格式文件中的XML標(biāo)簽； 將所述XML標(biāo)簽使用相應(yīng)的HTML內(nèi)容進(jìn)行替換，生成對(duì)應(yīng)的HTML元素； 輸出HTML格式的web頁(yè)面。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述通用XML標(biāo)簽包括:頁(yè)面標(biāo)簽、布局標(biāo)簽、控件標(biāo)簽、事件標(biāo)簽。
3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述通用XML標(biāo)簽包括: 聲明web界面的Form標(biāo)簽； 聲明工具條的toolbar標(biāo)簽； 聲明位于工具條上按鈕的button標(biāo)簽； 聲明下拉菜單項(xiàng)目的item標(biāo)簽； 聲明頁(yè)面空間擺放方式的widgets標(biāo)簽； 聲明控件的basic標(biāo)簽； 聲明表格的datagrid標(biāo)簽； 聲明表格中的一列的col標(biāo)簽； 用于做掛接Plugin標(biāo)簽的容器的extendPointer標(biāo)簽； 用于定義處理插件的plugin標(biāo)簽； 用于為頁(yè)面控件綁定事件的bind標(biāo)簽； 用于定義布局格式的layout標(biāo)簽。
4.根據(jù)權(quán)利要求3所述的方法,其特征在于，toolbar標(biāo)簽位于Form標(biāo)簽內(nèi)。
5.根據(jù)權(quán)利要求3所述的方法,其特征在于，button標(biāo)簽位于toolbar標(biāo)簽內(nèi)部。
6.根據(jù)權(quán)利要求3所述的方法,其特征在于，item標(biāo)簽位于button標(biāo)簽內(nèi)部。
7.根據(jù)權(quán)利要求3所述的方法,其特征在于，widgets標(biāo)簽位于form標(biāo)簽內(nèi)部。
8.根據(jù)權(quán)利要求3所述的方法,其特征在于，plugin標(biāo)簽位于extendPointer標(biāo)簽中間。
9.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述XML標(biāo)簽與頁(yè)面元素一一對(duì)應(yīng)。
全文摘要
本發(fā)明公開(kāi)了提供一種Web頁(yè)面生成方法，其包括使用多個(gè)通用XML標(biāo)簽定義Web頁(yè)面的特征；編寫(xiě)文檔轉(zhuǎn)換程序，在文檔轉(zhuǎn)換程序中讀取頁(yè)面格式文件，并解析頁(yè)面格式文件中的XML標(biāo)簽；將XML標(biāo)簽使用相應(yīng)的HTML內(nèi)容進(jìn)行替換，生成對(duì)應(yīng)的HTML元素；輸出HTML格式的web頁(yè)面。通過(guò)本發(fā)明，解決了web頁(yè)面定義過(guò)于復(fù)雜的問(wèn)題，極大的提高了開(kāi)發(fā)web頁(yè)面的速度。
文檔編號(hào)G06F9/44GK103164201SQ20111041984
公開(kāi)日2013年6月19日 申請(qǐng)日期2011年12月15日 優(yōu)先權(quán)日2011年12月15日
發(fā)明者瞿建軍, 李長(zhǎng)山 申請(qǐng)人:航天信息軟件技術(shù)有限公司