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

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


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