專利名稱：一種模塊化配置網(wǎng)頁頁面的方法及裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種網(wǎng)頁頁面配置方法，特別涉及一種模塊化配置網(wǎng)頁頁面的方法及
>J-U ρ α裝直。
背景技術(shù)：
在電信行業(yè)大力發(fā)展電子渠道的今天，電子渠道的投入不斷增大，對電子渠道的系統(tǒng)功能及界面展示要求也越來越多。界面改版的節(jié)奏也越來越快?，F(xiàn)有的系統(tǒng)開發(fā)中，每次系統(tǒng)改版需要花費(fèi)較多的工作量進(jìn)行代碼的調(diào)整。目前后臺配置主要通過如下方式實現(xiàn)1.后臺配置內(nèi)容，前端編寫界面也就是風(fēng)格樣式，實現(xiàn)功能通過前端界面中將內(nèi)容進(jìn)行動態(tài)填充；2.使用模板文件的方式實現(xiàn)界面生成。其中第一種方式的弊端為界面展示需要將樣式文件與數(shù)據(jù)內(nèi)容進(jìn)行組合，界面新增配置需要同步開發(fā)后臺功能，開發(fā)成本大。第二種方式的弊端為模板開發(fā)門檻較高。需要有一定的開發(fā)經(jīng)驗。結(jié)合上述配置的優(yōu)缺點。使用模塊化拆分實現(xiàn)網(wǎng)站可變區(qū)域內(nèi)容的動態(tài)配置，只需要通過界面配置，不需要專業(yè)基礎(chǔ)，并且可以有效的降低工作成本?？焖俚捻憫?yīng)需求。

發(fā)明內(nèi)容
本發(fā)明所要解決的技術(shù)問題是提供一 種將網(wǎng)頁頁面進(jìn)行模塊化配置的模塊化配置網(wǎng)頁頁面的方法及裝置。本發(fā)明解決上述技術(shù)問題的技術(shù)方案如下一種模塊化配置網(wǎng)頁頁面的方法，包括以下步驟步驟1:在后臺創(chuàng)建多個網(wǎng)頁布局模塊，并構(gòu)成網(wǎng)頁頁面；步驟2 :在后臺將各個網(wǎng)頁布局模塊分別進(jìn)行編號，用于區(qū)分不同的網(wǎng)頁布局模塊；步驟3 :在后臺分別按編號為每個網(wǎng)頁布局模塊添加內(nèi)容文件和風(fēng)格樣式文件，并將所述內(nèi)容文件和風(fēng)格樣式文件保存于網(wǎng)頁布局模塊中的同一存儲單元；步驟4:網(wǎng)頁頁面根據(jù)各個網(wǎng)頁布局模塊的編號從后臺獲取內(nèi)容文件和樣式文件;步驟5 :顯示各個網(wǎng)頁布局模塊中的內(nèi)容文件和風(fēng)格樣式文件。本發(fā)明的有益效果是創(chuàng)建多個網(wǎng)頁布局模塊，并在后臺分別為各個網(wǎng)頁頁面配置內(nèi)容文件及風(fēng)格樣式文件，實現(xiàn)在后臺直接修改配置內(nèi)容，無需調(diào)整代碼。在上述技術(shù)方案的基礎(chǔ)上，本發(fā)明還可以做如下改進(jìn)。進(jìn)一步，所述步驟I進(jìn)一步包括步驟1.1 :在后臺創(chuàng)建多個網(wǎng)頁布局子模塊；步驟1. 2 :將具有業(yè)務(wù)關(guān)聯(lián)的至少一個網(wǎng)頁布局子模塊劃分成一個網(wǎng)頁布局模塊，所有網(wǎng)頁布局子模塊劃分成多個網(wǎng)頁布局模塊，多個網(wǎng)頁布局模塊構(gòu)成網(wǎng)頁頁面。
采用上述進(jìn)一步方案的有益效果是在網(wǎng)頁布局模塊內(nèi)部細(xì)分為網(wǎng)頁布局子模塊，將具有業(yè)務(wù)關(guān)聯(lián)的網(wǎng)頁布局子模塊劃分成一個網(wǎng)頁布局模塊，好管理。進(jìn)一步，步驟I中所述具有業(yè)務(wù)關(guān)聯(lián)的多個網(wǎng)頁布局子模塊，進(jìn)一步為具有同一主題的多個網(wǎng)頁布局子模塊。進(jìn)一步，所述各個網(wǎng)頁布局模塊間不進(jìn)行數(shù)據(jù)傳遞。采用上述進(jìn)一步方案的有益效果是單獨(dú)設(shè)置的各個網(wǎng)頁布局模塊，在修改配置內(nèi)容時，不影響其他網(wǎng)頁布局模塊的工作。一種模塊化配置網(wǎng)頁頁面的裝置，包括創(chuàng)建模塊，編號模塊，添加模塊，獲取模塊和顯示模塊；所述創(chuàng)建模塊，用于在后臺創(chuàng)建多個網(wǎng)頁布局模塊，并構(gòu)成網(wǎng)頁頁面；所述編號模塊，用于在后臺將創(chuàng)建模塊創(chuàng)建的各個網(wǎng)頁布局模塊分別進(jìn)行編號，用于區(qū)分不同的網(wǎng)頁布局模塊；所述添加模塊，用于在后臺分別按編號模塊編輯的編號為每個網(wǎng)頁布局模塊添加內(nèi)容文件和風(fēng)格樣式文件，并將所述內(nèi)容文件和風(fēng)格樣式文件保存于網(wǎng)頁布局模塊中的同一存儲單元；所述獲取模塊，用于網(wǎng)頁頁面根據(jù)各個網(wǎng)頁布局模塊的編號從后臺獲取添加模塊添加和保存的內(nèi)容文件和樣式文件；所述顯示模塊，用于通過顯示各個網(wǎng)頁布局模塊中的、獲取模塊從后臺獲取的內(nèi)容文件和樣式文件顯示網(wǎng)頁頁面。采用上述進(jìn)一步方案的有益效果是將網(wǎng)頁頁面劃分為多個網(wǎng)頁布局模塊，并在后臺分別為各個網(wǎng)頁頁面配置內(nèi)容文件及風(fēng)格樣式文件，實現(xiàn)在后臺直接修改配置內(nèi)容，無需調(diào)整代碼。進(jìn)一步，所述創(chuàng)建模塊進(jìn)一步包括創(chuàng)建子模塊和劃分子模塊；所述創(chuàng)建子模塊，用于在后臺創(chuàng)建多個網(wǎng)頁布局子模塊；所述劃分子模塊，用于將具有業(yè)務(wù)關(guān)聯(lián)的至少一個網(wǎng)頁布局子模塊劃分成一個網(wǎng)頁布局模塊，所有網(wǎng)頁布局子模塊劃分成多個網(wǎng)頁布局模塊，多個網(wǎng)頁布局模塊構(gòu)成網(wǎng)頁頁面。采用上述進(jìn)一步方案的有益效果是在網(wǎng)頁布局模塊內(nèi)部細(xì)分為網(wǎng)頁布局子模塊，將具有業(yè)務(wù)關(guān)聯(lián)的網(wǎng)頁布局子模塊劃分成一個網(wǎng)頁布局模塊，好管理。進(jìn)一步，所述劃分子模塊中的所述具有業(yè)務(wù)關(guān)聯(lián)的多個網(wǎng)頁布局子模塊，進(jìn)一步為具有同一主題的多個網(wǎng)頁布局子模塊。進(jìn)一步，所述各個網(wǎng)頁布局模塊間不進(jìn)行數(shù)據(jù)傳遞。采用上述進(jìn)一步方案的有益效果是單獨(dú)設(shè)置的各個網(wǎng)頁布局模塊，在修改配置內(nèi)容時，不影響其他網(wǎng)頁布局模塊的工作。


圖1為本發(fā)明方法步驟流程圖；圖2為本發(fā)明裝置結(jié)構(gòu)圖。附圖中，各標(biāo)號所代表的部件列表如下
1、創(chuàng)建模塊，2、編號模塊，3、添加模塊，4、獲取模塊，5、顯示模塊。
具體實施例方式以下結(jié)合附圖對本發(fā)明的原理和特征進(jìn)行描述，所舉實例只用于解釋本發(fā)明，并非用于限定本發(fā)明的范圍。如圖1所示，為本發(fā)明方法步驟流程圖；圖2為本發(fā)明裝置結(jié)構(gòu)圖。實施例1一種模塊化配置網(wǎng)頁頁面的方法，包括以下步驟步驟1:在后臺創(chuàng)建多個網(wǎng)頁布局子模塊；步驟2 :將具有業(yè)務(wù)關(guān)聯(lián)的至少一個網(wǎng)頁布局子模塊劃分成一個網(wǎng)頁布局模塊，所有網(wǎng)頁布局子模塊劃分成多個網(wǎng)頁布局模塊，多個網(wǎng)頁布局模塊構(gòu)成網(wǎng)頁頁面；步驟3 :在后臺將每個網(wǎng)頁布局模塊分別進(jìn)行編號，用于區(qū)分不同的網(wǎng)頁布局模塊；步驟4:在后臺分別按編號為每個網(wǎng)頁布局模塊添加內(nèi)容文件和風(fēng)格樣式文件，并將所述內(nèi)容文件和風(fēng)格樣式文件保存于網(wǎng)頁布局模塊中的同一存儲單元；步驟5 :網(wǎng)頁頁面根據(jù)各個網(wǎng)頁布局模塊的編號從后臺獲取內(nèi)容文件和樣式文件；步驟6 :通過顯示各個網(wǎng)頁布局模塊中的內(nèi)容文件和風(fēng)格樣式文件顯示網(wǎng)頁頁面。步驟I中所述具有業(yè)務(wù)關(guān)聯(lián)的多個網(wǎng)頁布局子模塊，進(jìn)一步為具有同一主題的多個網(wǎng)頁布局子模塊。所述各個網(wǎng)頁布局模塊間不進(jìn)行數(shù)據(jù)傳遞。一種模塊化配置網(wǎng)頁頁面的裝置，包括創(chuàng)建模塊1，編號模塊2，添加模塊3，獲取模塊4和顯不模塊5 ；所述創(chuàng)建模塊I，用于在后臺創(chuàng)建多個網(wǎng)頁布局模塊，并構(gòu)成網(wǎng)頁頁面；所述編號模塊2，用于在后臺將創(chuàng)建模塊I創(chuàng)建的各個網(wǎng)頁布局模塊分別進(jìn)行編號，區(qū)分不同的網(wǎng)頁布局模塊；所述添加模塊3，用于在后臺分別按編號模塊2編輯的編號為每個網(wǎng)頁布局模塊添加內(nèi)容文件和風(fēng)格樣式文件，并將所述內(nèi)容文件和風(fēng)格樣式文件保存于網(wǎng)頁布局模塊中的同一存儲單元；所述獲取模塊4，用于網(wǎng)頁頁面根據(jù)各個網(wǎng)頁布局模塊的編號從后臺獲取添加模塊3添加和保存的內(nèi)容文件和樣式文件；所述顯示模塊5，用于通過顯示各個網(wǎng)頁布局模塊中的、獲取模塊4從后臺獲取的內(nèi)容文件和樣式文件顯示網(wǎng)頁頁面。所述創(chuàng)建模塊I進(jìn)一步包括創(chuàng)建子模塊和劃分子模塊；所述創(chuàng)建子模塊，用于在后臺創(chuàng)建多個網(wǎng)頁布局子模塊；所述劃分子模塊，用于將具有業(yè)務(wù)關(guān)聯(lián)的至少一個網(wǎng)頁布局子模塊劃分成一個網(wǎng)頁布局模塊，所有網(wǎng)頁布局子模塊劃分成多個網(wǎng)頁布局模塊，多個網(wǎng)頁布局模塊構(gòu)成網(wǎng)頁頁面。所述劃分子模塊中的所述具有業(yè)務(wù)關(guān)聯(lián)的多個網(wǎng)頁布局子模塊，進(jìn)一步為具有同一主題的多個網(wǎng)頁布局子模塊。所述各個網(wǎng)頁布局模塊間不進(jìn)行數(shù)據(jù)傳遞。 以上所述僅為本發(fā)明的較佳實施例，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
權(quán)利要求
1.一種模塊化配置網(wǎng)頁頁面的方法，其特征在于，包括以下步驟 步驟1:在后臺創(chuàng)建多個網(wǎng)頁布局模塊，并構(gòu)成網(wǎng)頁頁面； 步驟2 :在后臺將每個網(wǎng)頁布局模塊分別進(jìn)行編號，用于區(qū)分不同的網(wǎng)頁布局模塊；步驟3 :在后臺分別按編號為每個網(wǎng)頁布局模塊添加內(nèi)容文件和風(fēng)格樣式文件，并將所述內(nèi)容文件和風(fēng)格樣式文件保存于網(wǎng)頁布局模塊中的同一存儲單元； 步驟4 :網(wǎng)頁頁面根據(jù)各個網(wǎng)頁布局模塊的編號從后臺獲取內(nèi)容文件和樣式文件； 步驟5 :通過顯示各個網(wǎng)頁布局模塊中的內(nèi)容文件和風(fēng)格樣式文件顯示網(wǎng)頁頁面。
2.根據(jù)權(quán)利要求1所述的模塊化配置網(wǎng)頁頁面的方法，其特征在于，所述步驟I進(jìn)一步包括 步驟1.1:在后臺創(chuàng)建多個網(wǎng)頁布局子模塊； 步驟1. 2 :將具有業(yè)務(wù)關(guān)聯(lián)的至少一個網(wǎng)頁布局子模塊劃分成一個網(wǎng)頁布局模塊，所有網(wǎng)頁布局子模塊劃分成多個網(wǎng)頁布局模塊，多個網(wǎng)頁布局模塊構(gòu)成網(wǎng)頁頁面。
3.根據(jù)權(quán)利要求2所述的模塊化配置網(wǎng)頁頁面的方法，其特征在于步驟I中所述具有業(yè)務(wù)關(guān)聯(lián)的多個網(wǎng)頁布局子模塊，進(jìn)一步為具有同一主題的多個網(wǎng)頁布局子模塊。
4.根據(jù)權(quán)利要求1所述的模塊化配置網(wǎng)頁頁面的方法，其特征在于所述各個網(wǎng)頁布局模塊間不進(jìn)行數(shù)據(jù)傳遞。
5.一種模塊化配置網(wǎng)頁頁面的裝置，其特征在于包括創(chuàng)建模塊(1)，編號模塊(2)，添加模塊(3)，獲取模塊(4)和顯示模塊(5)； 所述創(chuàng)建模塊(1)，用于在后臺創(chuàng)建多個網(wǎng)頁布局模塊，并構(gòu)成網(wǎng)頁頁面； 所述編號模塊(2)，用于在后臺將創(chuàng)建模塊(I)創(chuàng)建的各個網(wǎng)頁布局模塊分別進(jìn)行編號，區(qū)分不同的網(wǎng)頁布局模塊； 所述添加模塊(3)，用于在后臺分別按編號模塊(2)編輯的編號為每個網(wǎng)頁布局模塊添加內(nèi)容文件和風(fēng)格樣式文件，并將所述內(nèi)容文件和風(fēng)格樣式文件保存于網(wǎng)頁布局模塊中的同一存儲單元； 所述獲取模塊(4)，用于網(wǎng)頁頁面根據(jù)各個網(wǎng)頁布局模塊的編號從后臺獲取添加模塊(3)添加和保存的內(nèi)容文件和樣式文件； 所述顯示模塊(5)，用于通過顯示各個網(wǎng)頁布局模塊中的、獲取模塊(4)從后臺獲取的內(nèi)容文件和樣式文件顯示網(wǎng)頁頁面。
6.根據(jù)權(quán)利要5所述的模塊化配置網(wǎng)頁頁面的裝置，其特征在于所述創(chuàng)建模塊(I)進(jìn)一步包括創(chuàng)建子模塊和劃分子模塊； 所述創(chuàng)建子模塊，用于在后臺創(chuàng)建多個網(wǎng)頁布局子模塊； 所述劃分子模塊，用于將具有業(yè)務(wù)關(guān)聯(lián)的至少一個網(wǎng)頁布局子模塊劃分成一個網(wǎng)頁布局模塊，所有網(wǎng)頁布局子模塊劃分成多個網(wǎng)頁布局模塊，多個網(wǎng)頁布局模塊構(gòu)成網(wǎng)頁頁面。
7.根據(jù)權(quán)利要6所述的模塊化配置網(wǎng)頁頁面的裝置，其特征在于所述劃分子模塊中的所述具有業(yè)務(wù)關(guān)聯(lián)的多個網(wǎng)頁布局子模塊，進(jìn)一步為具有同一主題的多個網(wǎng)頁布局子模塊。
8.根據(jù)權(quán)利要5所述的模塊化配置網(wǎng)頁頁面的裝置，其特征在于所述各個網(wǎng)頁布局模塊間不進(jìn)行數(shù)據(jù)傳遞。
全文摘要
本發(fā)明涉及一種模塊化配置網(wǎng)頁頁面的方法及裝置，包括以下步驟在后臺創(chuàng)建多個網(wǎng)頁布局模塊，并構(gòu)成網(wǎng)頁頁面；在后臺將各個網(wǎng)頁布局模塊分別進(jìn)行編號，用于區(qū)分不同的網(wǎng)頁布局模塊；在后臺分別按編號為每個網(wǎng)頁布局模塊添加內(nèi)容文件和風(fēng)格樣式文件，并將所述內(nèi)容文件和風(fēng)格樣式文件保存于網(wǎng)頁布局模塊中的同一存儲單元；網(wǎng)頁頁面根據(jù)各個網(wǎng)頁布局模塊的編號從后臺獲取內(nèi)容文件和樣式文件；通過顯示各個網(wǎng)頁布局模塊中的內(nèi)容文件和風(fēng)格樣式文件顯示網(wǎng)頁頁面。本發(fā)明將網(wǎng)頁頁面進(jìn)行模塊化配置，各個模塊的展示調(diào)整直接通過后臺配置實現(xiàn)，不需要進(jìn)行前端代碼的修改，實現(xiàn)快速調(diào)整，降低維護(hù)人員的專業(yè)標(biāo)準(zhǔn)，降低維護(hù)和開發(fā)的成本。
文檔編號G06F9/44GK103064685SQ20121058136
公開日2013年4月24日 申請日期2012年12月27日 優(yōu)先權(quán)日2012年12月27日
發(fā)明者孟麗媛 申請人:北京思特奇信息技術(shù)股份有限公司