專利名稱：一種基于動態(tài)模板的配置業(yè)務(wù)頁面的方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種頁面動態(tài)模板配置的方法，屬于計算機領(lǐng)域。
背景技術(shù)：
在J2EE WEB展現(xiàn)層開發(fā)中，針對不同的頁面操作在同一頁面上展現(xiàn)出不同的頁面元素這種需求，傳統(tǒng)的開發(fā)方法通常是通過開發(fā)不同的jsp頁面，然后利用ajax技術(shù)動態(tài)加載來實現(xiàn)，或者利用js頁面技術(shù)直接輸出控件功能單元的方法實現(xiàn)。上述開發(fā)方式適用于較小業(yè)務(wù)量的開發(fā)，但是針對有較大業(yè)務(wù)量需求的復雜情況，如電信行業(yè)，這種開發(fā)方式便顯得繁瑣復雜，相同的頁面控件功能單元無法重復使用，并消耗較大的工作量，而且每次開發(fā)都必須修改jsp代碼，導致頻繁的代碼上線，影響用戶感知。

發(fā)明內(nèi)容
本發(fā)明所要解決的技術(shù)問題是針對現(xiàn)有技術(shù)的不足，提供一種工作量小、開發(fā)周期短、元素復用度高，使用靈活的基于動態(tài)模板的配置業(yè)務(wù)頁面的方法。本發(fā)明解決上述技術(shù)問題的技術(shù)方案如下一種基于動態(tài)模板的配置業(yè)務(wù)頁面的方法，具體步驟如下步驟1:將頁面的元素分解為多個控件功能單元；步驟2 :根據(jù)待生成業(yè)務(wù)頁面的內(nèi)容需要將控件功能單元進行不同的拼裝組合，形成各種動態(tài)模板；步驟3 :根據(jù)待生成業(yè)務(wù)頁面的業(yè)務(wù)類型建立頁面的相關(guān)屬性與所需動態(tài)模板的關(guān)聯(lián)；步驟4 :基于頁面與所需動態(tài)模板所建立的關(guān)聯(lián)關(guān)系，頁面調(diào)用所需的動態(tài)模板，形成所需的業(yè)務(wù)頁面。在上述技術(shù)方案的基礎(chǔ)上，本發(fā)明還可以做如下改進。進一步，上述方法還可具有以下特點，當需要修改業(yè)務(wù)頁面時，通過對業(yè)務(wù)頁面所用的動態(tài)模板的配置實現(xiàn)。進一步，對動態(tài)模板的配置包括增加或刪除相應的控件功能單元。進一步，所述步驟2中根據(jù)業(yè)務(wù)需要將控件功能單元進行不同的拼裝組合，形成各種動態(tài)模板的步驟如下步驟2.1 :設(shè)置所有控件功能單元的屬性，將控件功能單元的屬性信息存入控件功能單元信息模塊中，并在控件功能單元信息模塊中自動生成各控件功能單元的HTML代碼及各控件功能單元的ID編號；步驟2. 2 :設(shè)置待生成動態(tài)模板的屬性，將待生成動態(tài)模板所需控件功能單元拖拽到指定區(qū)域；步驟2. 3 :根據(jù)待生成動態(tài)模板所用控件功能單元的ID編號讀取控件功能單元信息模塊中對應控件功能單元的HTML代碼并存入到模板信息模塊中；
步驟2. 4 :將待生成動態(tài)模板的屬性信息存入到模板信息模塊中，并在模板信息模塊中自動生成模板框架的HTML代碼；步驟2. 5 :根據(jù)待生成動態(tài)模板的屬性信息，將模板框架的HTML代碼與所用控件功能單元的HTML代碼進行拼裝組合，形成一個模板完整的HTML代碼，并自動生成待生成動態(tài)模板的ID編號。進一步，所述步驟I中將頁面元素分解形成控件功能單元通過J2EE技術(shù)實現(xiàn)。進一步,所述步驟8中頁面利用dwr技術(shù)調(diào)用所用的動態(tài)模板。本發(fā)明的有益效果是本發(fā)明通過將頁面元素分解為控件功能單元，控件功能單元可以為不同的動態(tài)模板所用，提高了元素的復用度；且可通過對動態(tài)模板簡單的配置使頁面上靈活展現(xiàn)不同的元素，解決了原有實現(xiàn)方式每次頁面變動都需修改頁面jsp代碼導致的開發(fā)復雜繁瑣，代碼頻繁上線的問題；同時本發(fā)明利用簡單便捷的頁面可視化界面實現(xiàn)控件功能單元的拖拽，從而使業(yè)務(wù)操作人員也可輕松的通過動態(tài)模板的控件功能單元配置，實現(xiàn)各種頁面的動態(tài)展示，節(jié)省了開發(fā)時間，降低了工作量，使系統(tǒng)質(zhì)量大幅提高，提升了在同行業(yè)內(nèi)的競爭優(yōu)勢。


圖1為本發(fā)明所述一種基于動態(tài)模板的配置業(yè)務(wù)頁面的方法的流程圖；圖2為本發(fā)明所述步驟2中根據(jù)業(yè)務(wù)需求將控件功能單元進行不同的拼裝組合，形成各種動態(tài)模板的流程具體實施例方式以下結(jié)合附圖對本發(fā)明的原理和特征進行描述，所舉實例只用于解釋本發(fā)明，并非用于限定本發(fā)明的范圍。如圖1為本發(fā)明所述一種基于動態(tài)模板的配置業(yè)務(wù)頁面的方法的流程圖，如圖所示，一種基于動態(tài)模板的配置業(yè)務(wù)頁面的方法，具體步驟如下步驟1:將頁面的元素分解為控件功能單元；其中，控件功能單元即組成頁面模板的單位，根據(jù)業(yè)務(wù)需要分解出的單個業(yè)務(wù)控件功能單元，包括單文本、大文本、選擇框等類型，具備名稱、標識、校驗類型(是否必選)、有效性、js腳本等屬性。其中，將頁面元素分解形成控件功能單元通過J2EE技術(shù)實現(xiàn)的，J2EE為java企業(yè)級開發(fā)平臺。步驟2 :根據(jù)待生成業(yè)務(wù)頁面的內(nèi)容需要將控件功能單元進行不同的拼裝組合，形成各種動態(tài)模板；步驟3 :根據(jù)待生成業(yè)務(wù)頁面的業(yè)務(wù)類型建立頁面的相關(guān)屬性與所需動態(tài)模板的關(guān)聯(lián)；步驟4:基于頁面與所用動態(tài)模板所建立的關(guān)聯(lián)關(guān)系，在頁面調(diào)用所用的動態(tài)模板，形成所需的業(yè)務(wù)頁面。其中，頁面利用dwr技術(shù)調(diào)用所用的動態(tài)模板。DffR (Direct Web Remoting)是一個用于改善web頁面與Java類交互的遠程服務(wù)器端AJAX交互網(wǎng)頁應用開發(fā)的開源框架，可以幫助開發(fā)人員開發(fā)包含AJAX技術(shù)的網(wǎng)站。另外，當需要修改業(yè)務(wù)頁面時，通過對業(yè)務(wù)頁面所用的動態(tài)模板的配置實現(xiàn)；對動態(tài)模板的配置包括增加或刪除相應的控件功能單元。圖2為本發(fā)明所述步驟2中根據(jù)業(yè)務(wù)需求將控件功能單元進行不同的拼裝組合，形成各種動態(tài)模板的流程圖；如圖所示，具體步驟如下步驟2.1 :設(shè)置所有控件功能單元的屬性，將控件功能單元的屬性信息存入控件功能單元信息模塊中，并在控件功能單元信息模塊中自動生成各控件功能單元的HTML代碼及各控件功能單元的ID編號；步驟2. 2 :設(shè)置待生成動態(tài)模板的屬性，將待生成動態(tài)模板所需控件功能單元拖拽到指定區(qū)域；步驟2. 3 :將待生成動態(tài)模板的屬性信息存入到模板信息模塊中，并在模板信息模塊中自動生成模板框架的HTML代碼；步驟2. 4 :根據(jù)待生成動態(tài)模板所用控件功能單元的ID編號讀取控件功能單元信息模塊中對應控件功能單元的HTML代碼并存入到模板信息模塊中；步驟2. 5 :根據(jù)待生成動態(tài)模板的屬性信息，將模板框架的HTML代碼與所用控件功能單元的HTML代碼進行拼裝組合，形成一個模板完整的HTML代碼，并自動生成待生成動態(tài)模板的ID編號。下面以受理投訴業(yè)務(wù)頁面的配置為例進行詳細說明將頁面的元素分解為控件功能單元，根據(jù)待生成的受理投訴業(yè)務(wù)頁面的內(nèi)容需要將控件功能單元進行拼裝組合，形成動態(tài)模板；根據(jù)受理投訴業(yè)務(wù)頁面的業(yè)務(wù)類型將投訴業(yè)務(wù)類型與動態(tài)模板進行關(guān)聯(lián)配置，受理投訴業(yè)務(wù)頁面調(diào)用所用的動態(tài)模板，實現(xiàn)了在同一投訴受理界面，通過選擇不同的投訴業(yè)務(wù)類型，動態(tài)的展示不同的受理內(nèi)容的頁面元素，簡單便捷的滿足了不同投訴類型的工單信息的受理填寫，大大降低了開發(fā)人員的工作量。本發(fā)明通過將頁面元素分解為控件功能單元，控件功能單元可以為不同的動態(tài)模板所用，提高了元素的復用度；且可通過對動態(tài)模板簡單的配置使頁面上靈活展現(xiàn)不同的元素，解決了原有實現(xiàn)方式每次頁面變動都需修改頁面jsp代碼導致的開發(fā)復雜繁瑣，代碼頻繁上線的問題；同時本發(fā)明利用簡單便捷的頁面可視化界面實現(xiàn)控件功能單元的拖拽，從而使業(yè)務(wù)操作人員也可輕松的通過動態(tài)模板的控件功能單元配置，實現(xiàn)各種頁面的動態(tài)展示，節(jié)省了開發(fā)時間，降低了工作量，使系統(tǒng)質(zhì)量大幅提高，提升了在同行業(yè)內(nèi)的競爭優(yōu)勢。以上所述僅為本發(fā)明的較佳實施例，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進等，均應包含在本發(fā)明的保護范圍之內(nèi)。
權(quán)利要求
1.一種基于動態(tài)模板的配置業(yè)務(wù)頁面的方法，其特征在于，具體步驟如下 步驟1:將頁面的元素分解為多個控件功能單元； 步驟2 :根據(jù)待生成業(yè)務(wù)頁面的內(nèi)容需要將控件功能單元進行不同的拼裝組合，形成各種動態(tài)模板； 步驟3 :根據(jù)待生成業(yè)務(wù)頁面的業(yè)務(wù)類型建立頁面的相關(guān)屬性與所需動態(tài)模板的關(guān)聯(lián)； 步驟4 :基于頁面與所需動態(tài)模板所建立的關(guān)聯(lián)關(guān)系，頁面調(diào)用所需的動態(tài)模板，形成所需的業(yè)務(wù)頁面。
2.根據(jù)權(quán)利要求1所述一種基于動態(tài)模板的配置業(yè)務(wù)頁面的方法，其特征在于，還包括當需要修改業(yè)務(wù)頁面時，通過對業(yè)務(wù)頁面所用的動態(tài)模板進行配置實現(xiàn)。
3.根據(jù)權(quán)利要求2所述一種基于動態(tài)模板的配置業(yè)務(wù)頁面的方法，其特征在于，對動態(tài)模板的配置包括增加或刪除相應的控件功能單元。
4.根據(jù)權(quán)利要求1所述一種頁面動態(tài)模板配置的方法，其特征在于，所述步驟2中根據(jù)業(yè)務(wù)需要將控件功能單元進行不同的拼裝組合，形成各種動態(tài)模板的步驟如下 步驟2.1 :設(shè)置所有控件功能單元的屬性，將控件功能單元的屬性信息存入控件功能單元信息模塊中，并在控件功能單元信息模塊中自動生成各控件功能單元的HTML代碼及各控件功能單元的ID編號； 步驟2. 2 :設(shè)置待生成動態(tài)模板的屬性，將待生成動態(tài)模板所需控件功能單元拖拽到指定區(qū)域； 步驟2. 3 :根據(jù)待生成動態(tài)模板所用控件功能單元的ID編號讀取控件功能單元信息模塊中對應控件功能單元的HTML代碼并存入到模板信息模塊中； 步驟2. 4 :將待生成動態(tài)模板的屬性信息存入到模板信息模塊中，并在模板信息模塊中自動生成模板框架的HTML代碼； 步驟2. 5 :根據(jù)待生成動態(tài)模板的屬性信息，將模板框架的HTML代碼與所用控件功能單元的HTML代碼進行拼裝組合，形成一個模板完整的HTML代碼，并自動生成待生成動態(tài)模板的ID編號。
5.根據(jù)權(quán)利要求1所述一種頁面動態(tài)模板配置的方法，其特征在于，所述步驟I中將頁面元素分解形成控件功能單元通過J2EE技術(shù)實現(xiàn)。
6.根據(jù)權(quán)利要求1所述一種頁面動態(tài)模板配置的方法，其特征在于，所述步驟8中頁面利用dwr技術(shù)調(diào)用所用的動態(tài)模板。
全文摘要
本發(fā)明涉及一種基于動態(tài)模板的配置業(yè)務(wù)頁面的方法，包括，將頁面元素分解為控件功能單元；根據(jù)待生成業(yè)務(wù)頁面的內(nèi)容需要將控件功能單元進行不同的拼裝組合，形成各種動態(tài)模板；根據(jù)待生成頁面的業(yè)務(wù)類型建立頁面的相關(guān)屬性與所需動態(tài)模板的關(guān)聯(lián)；基于頁面與所需動態(tài)模板所建立的關(guān)聯(lián)關(guān)系，頁面調(diào)用所需的動態(tài)模板，形成所需的業(yè)務(wù)頁面；需要修改業(yè)務(wù)頁面時，可對業(yè)務(wù)頁面所用的動態(tài)模板進行配置實現(xiàn)。本發(fā)明通過將頁面元素分解為控件功能單元，可以為不同的動態(tài)模板所用，提高了元素的復用度；對動態(tài)模板的配置使頁面上靈活展現(xiàn)不同的元素，配置是通過可視化界面實現(xiàn)控件功能單元的拖拽，實現(xiàn)各種頁面的動態(tài)展示，節(jié)省了開發(fā)時間，降低了工作量。
文檔編號G06F9/44GK103019684SQ20121047329
公開日2013年4月3日 申請日期2012年11月20日 優(yōu)先權(quán)日2012年11月20日
發(fā)明者官元峰 申請人:北京思特奇信息技術(shù)股份有限公司