本發(fā)明涉及計(jì)算機(jī)應(yīng)用技術(shù)領(lǐng)域，特別涉及一種基于HC-CELL的WEB頁(yè)面管理系統(tǒng)及其實(shí)現(xiàn)方法。

背景技術(shù)：

隨著計(jì)算機(jī)應(yīng)用技術(shù)的發(fā)展，用戶涉及到的系統(tǒng)業(yè)務(wù)需求愈趨向于多樣化。伴隨著業(yè)務(wù)的復(fù)雜化和客戶需求不確定性，重復(fù)類(lèi)似的WEB頁(yè)面開(kāi)發(fā)工作需要花費(fèi)較多人力資源及時(shí)間。在傳統(tǒng)業(yè)務(wù)系統(tǒng)內(nèi)，常規(guī)WEB頁(yè)面涉及到的頁(yè)面組件類(lèi)型多，樣式定義復(fù)雜，開(kāi)發(fā)重復(fù)性高。這時(shí)候更需要一種靈活度高和適用范圍廣的方法，可以在快速響應(yīng)業(yè)務(wù)需求，并實(shí)現(xiàn)快速開(kāi)發(fā)。

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

本發(fā)明解決的技術(shù)問(wèn)題在于針對(duì)重復(fù)類(lèi)似的業(yè)務(wù)需求及其WEB頁(yè)面開(kāi)發(fā)工作需要花費(fèi)較多時(shí)間的問(wèn)題，提供了一種基于HC-CELL的WEB頁(yè)面管理系統(tǒng)。通過(guò)HC-CELL單元組件的維護(hù)，實(shí)現(xiàn)了業(yè)務(wù)需求細(xì)化管理，可以在短時(shí)間內(nèi)將業(yè)務(wù)需求拆分并實(shí)現(xiàn)快速開(kāi)發(fā)。同時(shí)，以模板的方式定制頁(yè)面，保證了系統(tǒng)的多元化及可擴(kuò)展性。

本發(fā)明解決的另一技術(shù)問(wèn)題在于提供一種基于HC-CELL的WEB頁(yè)面管理系統(tǒng)的實(shí)現(xiàn)方法。

本發(fā)明解決上述技術(shù)問(wèn)題之一的技術(shù)方案是：

所述的系統(tǒng)由配置管理組件和解析模塊組成，并提供相應(yīng)的開(kāi)發(fā)和集成接口：

所述的配置管理組件，包括HC-CELL單元組件、基于HC-CELL配置的頁(yè)面組件以及資源調(diào)度模塊；

所述的HC-CELL單元組件，是構(gòu)成系統(tǒng)的核心單元，每一個(gè)HC-CELL單元具有唯一標(biāo)識(shí)；單元組件由樣式配置庫(kù)和類(lèi)型配置庫(kù)組裝而成，樣式配置庫(kù)以集合方式存在，配置完成后可多次關(guān)聯(lián)，HC-CELL單元與樣式配置庫(kù)呈多對(duì)多或多對(duì)一的關(guān)系；類(lèi)型配置庫(kù)支持的類(lèi)型組件包括WEB頁(yè)面所具備的文本域、密碼字段、單/多選按鈕、復(fù)選框和下拉選項(xiàng)，配置項(xiàng)包含單個(gè)類(lèi)型下所需要的名稱、ID、展示值、控制權(quán)限、樣式及關(guān)聯(lián)字典集合；

所述的頁(yè)面組件，是基于HC-CELL配置的CELL單元集合，單個(gè)頁(yè)面包括了一個(gè)或多個(gè)HC-CELL單元組件；組件布局采用模板的方式，通過(guò)定制頁(yè)面布局模板，將單元組件組合擺放；

所述的資源調(diào)度模塊，提供了頁(yè)面設(shè)計(jì)代碼資源進(jìn)行用戶交付的功能；用戶可選擇郵件和文件服務(wù)器兩種方式進(jìn)行資源交付，交付資源包括頁(yè)面唯一標(biāo)識(shí)及代碼資源；

所述的解析模塊，負(fù)責(zé)將完成布局的頁(yè)面進(jìn)行解析，并生成代碼資源和唯一標(biāo)識(shí)；依據(jù)HC-CELL單元配置規(guī)則和樣式生成CELL單元代碼，通過(guò)模板樣式和單元組件布局生成布局代碼；單元和布局代碼合并后形成代碼資源，資源按業(yè)務(wù)類(lèi)型進(jìn)行分類(lèi)存放。

所述的HC-CELL是高可配的頁(yè)面組件單元，由樣式配置庫(kù)和類(lèi)型配置庫(kù)進(jìn)行組裝。

所述的頁(yè)面組件使用HC-CELL單元進(jìn)行填充；可通過(guò)解析模塊進(jìn)行組件解析并生成代碼資源。

所述的配置管理組件提供CRUD訪問(wèn)接口，用于查詢及維護(hù)HC-CELL單元、頁(yè)面布局配置以及調(diào)度任務(wù)。

本發(fā)明解決上述技術(shù)問(wèn)題之二的技術(shù)方案是：

所述的方法包括配置HC-CELL樣式庫(kù)、配置HC-CELL類(lèi)型庫(kù)、配置HC-CELL單元、頁(yè)面組件維護(hù)、解析模塊處理業(yè)務(wù)、資源調(diào)度模塊運(yùn)行；

所述的配置HC-CELL樣式庫(kù)的步驟是：

第一步，新建樣式配置業(yè)務(wù)類(lèi)型；

第二步，選擇業(yè)務(wù)類(lèi)型下的子類(lèi)型，可選項(xiàng)支持常規(guī)樣式層疊表元素，包括文本、字體、邊框、輪廓屬性、外邊距、填充、定位、浮動(dòng)、尺寸以及顯示與隱藏狀態(tài)；

第三步，新建子類(lèi)型下對(duì)應(yīng)屬性值以及單位，以鍵值對(duì)的形式保存子類(lèi)型集合；

第四步，當(dāng)鍵值對(duì)KEY重復(fù)時(shí)，清理冗余鍵值對(duì)；清理的規(guī)則是：當(dāng)值為數(shù)值型時(shí)，比較鍵值對(duì)內(nèi)的值，取值較大的鍵值；當(dāng)值為布爾型時(shí)，取TRUE；

第五步，保存子類(lèi)型，根據(jù)時(shí)間戳生成子類(lèi)型唯一標(biāo)識(shí)以及加載序號(hào)；

第六步，當(dāng)業(yè)務(wù)類(lèi)型存在多個(gè)子類(lèi)型時(shí)，樣式加載順序按照加載序號(hào)加載；

第七步，保存業(yè)務(wù)類(lèi)型樣式至樣式庫(kù)，生成該類(lèi)型樣式唯一標(biāo)識(shí)；

第八步，日志記錄；

所述配置HC-CELL類(lèi)型庫(kù)的步驟是：

第一步，新建HC-CELL類(lèi)型配置；

第二步，選擇類(lèi)型組件：文本域、密碼字段、單/多選按鈕、復(fù)選框或者下拉選項(xiàng)；

第三步，添加配置組件下對(duì)應(yīng)的名稱、ID、展示值、控制權(quán)限、樣式及關(guān)聯(lián)字典集合；

第四步，當(dāng)添加類(lèi)型為文本域、密碼字段時(shí)，關(guān)聯(lián)字典集合為單一鍵值對(duì)；

第五步，當(dāng)添加類(lèi)型為/多選按鈕、復(fù)選框或者下拉選項(xiàng)時(shí)，關(guān)聯(lián)字典集合為多鍵值對(duì)，同時(shí)需要配置默認(rèn)鍵值對(duì)作為展示值；多選條件下可配置多對(duì)默認(rèn)值；

第六步，檢查類(lèi)型配置下ID是否存在重復(fù)項(xiàng)；

第七步，檢查多選情況下鍵值對(duì)是否存在重復(fù)KEY的情況；

第八步，保存類(lèi)型配置至類(lèi)型庫(kù)，生成類(lèi)型邏輯ID；

第九步，日志記錄

配置HC-CELL單元的步驟是：

第一步，新建HC-CELL單元；

第二步，選擇類(lèi)型庫(kù)內(nèi)一個(gè)類(lèi)型；

第三步，選擇樣式庫(kù)內(nèi)一種或多種樣式；

第四步，當(dāng)選擇多種樣式時(shí)，對(duì)按照加載序號(hào)進(jìn)行優(yōu)先級(jí)關(guān)聯(lián)；

第五步，以樹(shù)的形式關(guān)聯(lián)類(lèi)型ID和樣式ID；

第六步，保存HC-CELL單元，生成邏輯ID。

第七步，日志記錄，完成；

所述頁(yè)面組件維護(hù)流程是：

第一步，新建頁(yè)面模板；

第二步，選擇一個(gè)或者多個(gè)已配置完成的HC-CELL單元；

第三步，按照模板布局存放HC-CELL單元；

第四步，保存布局頁(yè)面，生成頁(yè)面唯一標(biāo)識(shí)；

第五步，日志記錄，完成；

所述解析模塊處理流程是：

第一步，新建解析任務(wù)；

第二步，選擇一個(gè)或多個(gè)布局完成頁(yè)面添加至解析任務(wù)；

第三步，分析當(dāng)前解析頁(yè)面布局樣式；

第四步，按照樣式規(guī)則形成布局代碼并輸出到樣式文件內(nèi)；

第五步，分析當(dāng)前解析頁(yè)面HC-CELL集合；

第六步，按照HC-CELL類(lèi)型進(jìn)行分類(lèi)處理；

第七步，對(duì)每一類(lèi)元素進(jìn)行名稱、ID、展示值、控制權(quán)限、樣式及關(guān)聯(lián)字典集合解析，并轉(zhuǎn)換形成HC-CELL單元代碼。

第八步，合并布局代碼和單元代碼，在單元代碼內(nèi)進(jìn)行布局代碼引用。

第九步，生成代碼壓縮包，并根據(jù)唯一標(biāo)識(shí)命名。

第十步，日志記錄，完成；

所述資源調(diào)度模塊的流程是：

第一步，新建調(diào)度任務(wù)；

第二步，選擇資源接收方式：郵件或文件服務(wù)器；

第三步，選擇接收目標(biāo)；

第四步，根據(jù)接收方式及目標(biāo)，通過(guò)網(wǎng)絡(luò)協(xié)議或者郵件服務(wù)器交付資源；

第五步，日志記錄，完成。

本發(fā)明針對(duì)業(yè)務(wù)需求的復(fù)雜化及WEB頁(yè)面重復(fù)復(fù)雜開(kāi)發(fā)工作較多的問(wèn)題，通過(guò)對(duì)業(yè)務(wù)需求進(jìn)行分解，并以HC-CELL單元的形式進(jìn)行定制。HC-CELL單元囊括了頁(yè)面元素類(lèi)型及樣式，支持多種方式定制；頁(yè)面組件統(tǒng)一管理HC-CELL單元，定制化模板更加貼近客戶需求。解析模塊實(shí)現(xiàn)了代碼的快速分析和轉(zhuǎn)換。各個(gè)模塊緊密結(jié)合，將重復(fù)復(fù)雜的代碼開(kāi)發(fā)簡(jiǎn)單化，通過(guò)系統(tǒng)快速實(shí)現(xiàn)頁(yè)面開(kāi)發(fā)。通過(guò)需求拆分、CELL單元組裝和代碼轉(zhuǎn)換三個(gè)流程，保證了系統(tǒng)的靈活性和擴(kuò)展性。

附圖說(shuō)明

下面結(jié)合附圖對(duì)本發(fā)明進(jìn)一步說(shuō)明：

圖1是本發(fā)明的總體結(jié)構(gòu)圖；

圖2是本發(fā)明解析模塊的處理活動(dòng)圖；

圖3是本發(fā)明HC-CELL單元樣式庫(kù)配置的序列圖。

圖4是本發(fā)明HC-CELL單元類(lèi)型庫(kù)配置的序列圖。

圖5是本發(fā)明HC-CELL單元配置的序列圖。

具體實(shí)施方式

本發(fā)明針對(duì)重復(fù)復(fù)雜的業(yè)務(wù)需求頁(yè)面定制及其代碼開(kāi)發(fā)工作花費(fèi)時(shí)間較多時(shí)間的問(wèn)題，提供了一種基于HC-CELL的WEB頁(yè)面管理系統(tǒng)。實(shí)現(xiàn)了頁(yè)面元素定制化管理，可以實(shí)現(xiàn)WEB頁(yè)面繪制簡(jiǎn)化及代碼快速開(kāi)發(fā)。

圖1表示了本發(fā)明的總體結(jié)構(gòu)圖，由配置管理組件和解析模塊組成。

HC-CELL：高可配的頁(yè)面組件單元，由樣式配置庫(kù)和類(lèi)型配置庫(kù)進(jìn)行組裝。

配置管理組件：包括HC-CELL單元組件、基于HC-CELL配置的頁(yè)面組件以及資源調(diào)度模塊三部分。

HC-CELL單元組件，是構(gòu)成系統(tǒng)的核心單元，每一個(gè)HC-CELL單元具有唯一標(biāo)識(shí)。單元組件由樣式配置庫(kù)和類(lèi)型配置庫(kù)組裝而成。樣式配置庫(kù)作為一個(gè)集合的方式存在，配置完成后可多次關(guān)聯(lián)，HC-CELL單元與樣式配置庫(kù)呈多對(duì)多或多對(duì)一的關(guān)系。類(lèi)型配置庫(kù)支持的類(lèi)型組件包括了WEB頁(yè)面所具備的文本域、密碼字段、單/多選按鈕、復(fù)選框和下拉選項(xiàng)，配置項(xiàng)包含單個(gè)類(lèi)型下所需要的名稱、ID、展示值、控制權(quán)限、樣式及關(guān)聯(lián)字典集合。頁(yè)面組件，是基于HC-CELL配置的CELL單元集合，單個(gè)頁(yè)面包括了一個(gè)或多個(gè)HC-CELL單元組件；組件布局采用模板的方式，通過(guò)定制頁(yè)面布局模板，將單元組件組合擺放。解析模塊，負(fù)責(zé)分析和轉(zhuǎn)換HC-CELL單元組裝完成并按照模板布局的頁(yè)面，形成單元代碼及布局代碼，代碼具備WEB頁(yè)面適用性。

解析模塊：負(fù)責(zé)將完成布局的頁(yè)面進(jìn)行解析，并生成代碼資源和唯一標(biāo)識(shí)。依據(jù)HC-CELL單元配置規(guī)則和樣式生成CELL單元代碼，通過(guò)模板樣式和單元組件布局生成布局代碼；單元和布局代碼合并后形成代碼資源，資源按業(yè)務(wù)類(lèi)型進(jìn)行分類(lèi)存放。

此外，配置管理組件提供CRUD訪問(wèn)接口，用于查詢及維護(hù)HC-CELL單元、頁(yè)面布局配置以及調(diào)度任務(wù)。

圖2表示了解析模塊的處理活動(dòng)圖，圖3表示了HC-CELL單元樣式庫(kù)配置的序列圖，圖4表示了HC-CELL單元類(lèi)型庫(kù)配置的序列圖，圖5表示了HC-CELL單元配置的序列圖，有關(guān)的實(shí)現(xiàn)步驟分別如下。

配置HC-CELL樣式庫(kù)的步驟是：

第一步，新建樣式配置業(yè)務(wù)類(lèi)型；

第二步，選擇業(yè)務(wù)類(lèi)型下的子類(lèi)型，可選項(xiàng)支持常規(guī)樣式層疊表元素，包括文本、字體、邊框、輪廓屬性、外邊距、填充、定位、浮動(dòng)、尺寸以及顯示與隱藏狀態(tài)；

第三步，新建子類(lèi)型下對(duì)應(yīng)屬性值以及單位，以鍵值對(duì)的形式保存子類(lèi)型集合；

第四步，當(dāng)鍵值對(duì)KEY重復(fù)時(shí)，清理冗余鍵值對(duì)。清理的規(guī)則是：當(dāng)值為數(shù)值型時(shí)，比較鍵值對(duì)內(nèi)的值，取值較大的鍵值；當(dāng)值為布爾型時(shí)，取TRUE。

第五步，保存子類(lèi)型，根據(jù)時(shí)間戳生成子類(lèi)型唯一標(biāo)識(shí)以及加載序號(hào)；

第六步，當(dāng)業(yè)務(wù)類(lèi)型存在多個(gè)子類(lèi)型時(shí)，樣式加載順序按照加載序號(hào)加載；

第七步，保存業(yè)務(wù)類(lèi)型樣式至樣式庫(kù)，生成該類(lèi)型樣式唯一標(biāo)識(shí)；

第八步，日志記錄。

配置HC-CELL類(lèi)型庫(kù)的步驟是：

第一步，新建HC-CELL類(lèi)型配置；

第二步，選擇類(lèi)型組件：文本域、密碼字段、單/多選按鈕、復(fù)選框或者下拉選項(xiàng)；

第三步，添加配置組件下對(duì)應(yīng)的名稱、ID、展示值、控制權(quán)限、樣式及關(guān)聯(lián)字典集合；

第四步，當(dāng)添加類(lèi)型為文本域、密碼字段時(shí)，關(guān)聯(lián)字典集合為單一鍵值對(duì)；

第五步，當(dāng)添加類(lèi)型為/多選按鈕、復(fù)選框或者下拉選項(xiàng)時(shí)，關(guān)聯(lián)字典集合為多鍵值對(duì)，同時(shí)需要配置默認(rèn)鍵值對(duì)作為展示值；多選條件下可配置多對(duì)默認(rèn)值；

第六步，檢查類(lèi)型配置下ID是否存在重復(fù)項(xiàng)；

第七步，檢查多選情況下鍵值對(duì)是否存在重復(fù)KEY的情況；

第八步，保存類(lèi)型配置至類(lèi)型庫(kù)，生成類(lèi)型邏輯ID；

第九步，日志記錄。

配置HC-CELL單元的步驟是：

第一步，新建HC-CELL單元；

第二步，選擇類(lèi)型庫(kù)內(nèi)一個(gè)類(lèi)型；

第三步，選擇樣式庫(kù)內(nèi)一種或多種樣式；

第四步，當(dāng)選擇多種樣式時(shí)，對(duì)按照加載序號(hào)進(jìn)行優(yōu)先級(jí)關(guān)聯(lián)；

第五步，以樹(shù)的形式關(guān)聯(lián)類(lèi)型ID和樣式ID；

第六步，保存HC-CELL單元，生成邏輯ID；

第七步，日志記錄，完成；

頁(yè)面組件維護(hù)流程是：

第一步，新建頁(yè)面模板；

第二步，選擇一個(gè)或者多個(gè)已配置完成的HC-CELL單元；

第三步，按照模板布局存放HC-CELL單元；

第四步，保存布局頁(yè)面，生成頁(yè)面唯一標(biāo)識(shí)；

第五步，日志記錄，完成；

解析模塊處理流程是：

第一步，新建解析任務(wù)；

第二步，選擇一個(gè)或多個(gè)布局完成頁(yè)面添加至解析任務(wù)；

第三步，分析當(dāng)前解析頁(yè)面布局樣式；

第四步，按照樣式規(guī)則形成布局代碼并輸出到樣式文件內(nèi)；

第五步，分析當(dāng)前解析頁(yè)面HC-CELL集合；

第六步，按照HC-CELL類(lèi)型進(jìn)行分類(lèi)處理；

第七步，對(duì)每一類(lèi)元素進(jìn)行名稱、ID、展示值、控制權(quán)限、樣式及關(guān)聯(lián)字典集合解析，并轉(zhuǎn)換形成HC-CELL單元代碼。

第八步，合并布局代碼和單元代碼，在單元代碼內(nèi)進(jìn)行布局代碼引用。

第九步，生成代碼壓縮包，并根據(jù)唯一標(biāo)識(shí)命名。

第十步，日志記錄，完成。

本發(fā)明將業(yè)務(wù)需求進(jìn)行細(xì)化、定制化處理，實(shí)現(xiàn)代碼快速開(kāi)發(fā)，具有擴(kuò)展性好、適用范圍廣等特點(diǎn)，可有效地應(yīng)用于多種WEB系統(tǒng)中。