專利名稱：：一種基于擴展點實現(xiàn)Web頁面重用的頁面的制作方法
技術領域：
：本發(fā)明涉及網(wǎng)絡管理
技術領域：
，具體涉及一種基于擴展點實現(xiàn)Web頁面重用的頁面。
背景技術：
：在系統(tǒng)軟件的研發(fā)工程中，提高可重用性不僅能夠縮短開發(fā)過程、降低開發(fā)成本、提高軟件產(chǎn)品的質量，還可以減少維護的時間和降低維護成本。Web頁面的重用有三個層次，這三個層次不是非此即彼的，不存在任何的沖突，完全可以配合使用。按照其出現(xiàn)的先后順序，依次為I.基于SSI的Web頁面重用SSI(即服務器端包含)是最早出現(xiàn)的一種頁面重用技術。JSP的include標簽、FreeMarker的include標簽、以及更加復雜的SiteMesh和StrutsTiles等框架都屬于這一類的頁面重用。其特征是將一個完整的HTML頁面化整為零，分割成為多個小的頁面片段，每個頁面片段僅包含一段HTML標簽。當用戶請求某個頁面時，由服務器端的開發(fā)框架將多個頁面片段組裝成為一個完整的HTML頁面返回給瀏覽器。其好處是實現(xiàn)了頁面標簽本身的重用，通過化整為零的方式降低了頁面維護的復雜性。但是這類重用僅僅是基于文本的，因此是比較低層次的重用(低層次并不意味著它沒有用，實際上它對于提高開發(fā)效率非常有價值)。2.基于CSS的Web頁面重用基于CSS的重用是指完全采用CSS來做布局，將Web頁面的結構與表現(xiàn)完全分離，實現(xiàn)彼此的重用。完全基于CSS的布局與基于table的布局相比具有巨大的優(yōu)勢。這類重用的目標是實現(xiàn)頁面結構(保存在HTML文件中)和表現(xiàn)(保存在CSS文件中)的完全分離，這樣的頁面維護和修改起來非常容易。3.基于Ajax的Web頁面重用Ajax將頁面分割成了不同的內(nèi)容分塊，每個內(nèi)容分塊都是相對獨立的信息島，通過與其關聯(lián)的某個Ajax組件來獲取自己的數(shù)據(jù)、維護自己的狀態(tài)(狀態(tài)保存在服務器端，但是由客戶端來操作和維護)。這類重用將Web開發(fā)轉變成了一種類似于傳統(tǒng)桌面應用的開發(fā)模式。頁面中的靜態(tài)部分和動態(tài)部分得到了清晰的劃分。頁面中不同的內(nèi)容分塊負責自己數(shù)據(jù)的獲取和展示，因此HTML和CSS只需要傳遞一次，達到了更高程度的頁面重用。缺點是必須要寫代碼來實現(xiàn)，對于不熟悉JavaScript的開發(fā)者有些困難。以上Web頁面的重用方法都是基于代碼的重用，在各個領域不同的開發(fā)小組完成不同的子系統(tǒng)模塊，不同的子系統(tǒng)模塊組成一個大型軟件的情況時，開發(fā)人員在完成子系統(tǒng)的構建之后，將所有子系統(tǒng)集成到一個主頁面中，并要求根據(jù)登錄賬戶所屬角色的不同生成不同的登錄視圖。在這樣的需求下，簡單的代碼重用可能會造成代碼的大量冗余，維護困難等問題，還有可能因為開發(fā)小組間的溝通不暢造成子系統(tǒng)模塊間的風格迥異，權責不明確等諸多問題，從而造成開發(fā)進度滯后，開發(fā)代價昂貴等。
發(fā)明內(nèi)容本發(fā)明一種基于擴展點實現(xiàn)Web頁面重用的頁面，所述頁面包括基礎頁面框架和至少兩個的子系統(tǒng)，所述子系統(tǒng)將頁面集成框架作為依賴引入基礎頁面框架中，使所述子系統(tǒng)在基礎頁面框架中以擴展點的形式與其他子系統(tǒng)進行集成，使頁面實現(xiàn)多個不同子系統(tǒng)功能的集成；所述子系統(tǒng)將其管理菜單、業(yè)務菜單、CSS文件和JS文件保存為擴展點的形式。本發(fā)明提供的第一優(yōu)選實施例中所述頁面集成框架包括登錄頁集成模塊、主頁面框架個性化定制模塊、桌面布局模塊、權限控制模塊、多語化機制模塊和訪問權限控制模塊；所述登錄頁集成模塊定義所述子系統(tǒng)登錄成功返回的用戶會話信息及格式，提供登錄頁的集成方法；所述主頁面框架個性化定制模塊提供標題欄、背景圖片、登陸頁、業(yè)務菜單的自定義或擴展功能；所述桌面布局模塊通過開始菜單、快速啟動欄等對常用功能進行設置；所述權限控制模塊通過License控制各個所述子系統(tǒng)的功能；所述多語化機制模塊用于提供對各個所述子系統(tǒng)中英文顯示的支持；所述訪問權限控制模塊根據(jù)登錄用戶角色對所述用戶可訪問的頁面和功能進行控制。本發(fā)明提供的第二優(yōu)選實施例中所述子系統(tǒng)將其管理菜單、業(yè)務菜單、CSS文件和JS文件等資源保存為擴展點的形式的方法為對所述管理菜單、業(yè)務菜單、CSS文件和JS文件按照給定的格式進行組織和命名并保存在指定的路徑下。本發(fā)明提供的第三優(yōu)選實施例中將所述管理菜單和業(yè)務菜單保存在resources目錄的META-INF/extensions文件夾下建立的menus文件夾下；將所述CSS文件保存在resources目錄的META-INF/extensions文件夾下建立的CSS文件夾下；將所述JS文件保存在resources目錄的META-INF/extensions文件夾下建立的js文件夾下。本發(fā)明提供的第四優(yōu)選實施例中在所述menus文件夾下建立菜單擴展點配置文件，所述菜單擴展點配置文件包括主菜單描述文件、菜單組描述文件和菜單項描述文件。本發(fā)明提供的第五優(yōu)選實施例中所述菜單擴展點中的菜單ID配置是唯一的；為了保證多個子系統(tǒng)中所述菜單ID的唯一性，使用三段標識所述菜單ID第一段以所述子系統(tǒng)名稱作為前綴；第二段根據(jù)所述菜單的層次,使用main、group、item分別標識主菜單、菜單組、菜單項；第三段為所述菜單的位置序號或其他可讀名稱，保證子系統(tǒng)內(nèi)容不重復。本發(fā)明提供的第六優(yōu)選實施例中如果所述子系統(tǒng)css文件或者js文件較多時建立子文件夾細分；所述css文件擴展點的內(nèi)容為指定所用css文件的路徑，多個css文件的路徑間使用逗號分隔；所述js文件擴展點的內(nèi)容為指定所用js文件的路徑，多個js文件的路徑間使用逗號分隔。本發(fā)明提供的第七優(yōu)選實施例中用戶登錄后所述頁面的加載過程包括步驟SI，所述頁面集成業(yè)務系統(tǒng)登陸成功后返回的用戶會話信息；所述用戶在登錄頁面進行登錄，所述登錄頁集成模塊提供登錄頁的集成方法；步驟S2，所述頁面跳轉到集成主頁面，根據(jù)所述返回的所述用戶會話信息獲取個性化頁面配置元素；所述登錄頁集成模塊定義子系統(tǒng)登錄成功返回的用戶會話信息及格式，所述主頁面框架個性化定制模塊讓用戶自己定義頁面的標題欄、背景圖片、登陸頁、業(yè)務菜單等的自定義或擴展功能；步驟S3，按照權限根據(jù)所述菜單擴展點描述文件生成所述管理菜單和業(yè)務菜單；所述訪問權限控制模塊根據(jù)登錄用戶角色對所述用戶能夠訪問的頁面和功能進行控制；步驟S4，組織所述CSS文件；步驟S5，組織所述JS文件；步驟S6，組織多語化文件；所述多語化機制模塊為對各個所述子系統(tǒng)提供中英文顯示的支持；步驟S7，加載所述頁面，打開默認頁面后結束。本發(fā)明提供的一種基于擴展點實現(xiàn)Web頁面重用的頁面的有益效果包括I、本發(fā)明提供的一種基于擴展點實現(xiàn)Web頁面重用的頁面，采用多個子系統(tǒng)模塊實現(xiàn)功能的集合，添加或者移除子系統(tǒng)時只需要在主框架中添加或刪除相應的擴展點即可，該過程可隨時進行，便于實現(xiàn)，極大地降低了操作的復雜程度。2、各個子系統(tǒng)間是相互獨立的。當某個子系統(tǒng)運行異常時，只需要將其相對于的擴展點從框架中移除或者修改即可，不會對其他模塊造成影響。3、各子系統(tǒng)均集成到頁面集成框架中，允許對頁面集成框架的標題、標題背景、logo等進行自定義，避免了不同模塊間的風格可能不一致的問題，方便用戶根據(jù)不同需求進行更改。如圖I所示為本發(fā)明提供的頁面集成框架的結構框圖；如圖2所示為本發(fā)明提供的一種用戶登錄后頁面的加載過程圖。具體實施例方式本發(fā)明提供一種基于擴展點實現(xiàn)Web頁面重用的頁面，該頁面包括基礎頁面框架和至少一個的子系統(tǒng)，子系統(tǒng)將頁面集成框架作為依賴引入基礎頁面框架中，使該子系統(tǒng)在基礎頁面框架中以擴展點的形式與其他子系統(tǒng)進行集成，使頁面實現(xiàn)多個不同子系統(tǒng)功能的集成。頁面集成框架的結構如圖I所示，包括登錄頁集成模塊、主頁面框架個性化定制模塊、桌面布局模塊、權限控制模塊、多語化機制模塊和訪問權限控制模塊等，登錄頁集成模塊定義子系統(tǒng)登錄成功返回的用戶會話信息及格式，提供登錄頁的集成方法；主頁面框架個性化定制模塊提供標題欄、背景圖片、登陸頁、業(yè)務菜單等的自定義或擴展功能；桌面布局模塊通過開始菜單、快速啟動欄等將常用功能進行設置；權限控制模塊通過License控制各子系統(tǒng)的功能；多語化機制模塊用于提供對各個子系統(tǒng)中英文顯示的支持；訪問權限控制模塊根據(jù)登錄用戶角色對其可訪問的頁面和功能進行控制。子系統(tǒng)將其管理菜單、業(yè)務菜單、CSS文件和JS文件等資源保存為擴展點的形式，具體方法為對管理菜單、業(yè)務菜單、CSS文件、JS文件等按照給定的格式進行組織和命名并保存在指定的路徑下。具體的在resources目錄的META-INF/extensions文件夾下建立文件夾menus,在其下建立菜單擴展點配置文件。菜單擴展點配置文件分為三類主菜單描述文件、菜單組描述文件、菜單項描述文件。菜單擴展點中的菜單ID配置必須確保唯一。為了保證多個子系統(tǒng)中菜單ID的唯一性，可以使用三段標識第一段以子系統(tǒng)名稱作為前綴，第二段根據(jù)菜單的層次可以使用main、group、item分別標識主菜單、菜單組、菜單項,第三段為菜單的位置序號或其他可讀名稱都可，保證子系統(tǒng)內(nèi)容不重復即可，如可為“pigOl”。在resources目錄的META-INF/extensions文件夾下建立文件夾css,如果子系統(tǒng)CSS文件較多，可以再建立子文件夾細分。CSS文件擴展點的內(nèi)容為指定所用CSS文件的路徑，多個文件路徑間使用逗號分隔。在resources目錄的META-INF/extensions文件夾下建立js文件夾,如果子系統(tǒng)js文件較多，可以再建立子文件夾細分。js文件擴展點的內(nèi)容為指定所用js文件的路徑，多個文件路徑間使用逗號分隔。用戶在通過合法賬戶成功登錄之后，頁面集成框架將獲取相應的權限資源并將其組織成業(yè)務菜單，從而實現(xiàn)子系統(tǒng)功能的整合，用戶登錄后頁面的加載過程如圖2所示，包括步驟SI，頁面集成業(yè)務系統(tǒng)登陸成功后返回的用戶會話信息。用戶在登錄頁面進行登錄，登錄頁集成模塊提供登錄頁的集成方法。步驟S2，頁面跳轉到集成主頁面，根據(jù)返回的用戶會話信息獲取個性化頁面配置元素。登錄頁集成模塊定義子系統(tǒng)登錄成功返回的用戶會話信息及格式，主頁面框架個性化定制模塊讓用戶可以自己定義頁面的標題欄、背景圖片、登陸頁、業(yè)務菜單等的自定義或擴展功能。步驟S3，按照權限根據(jù)菜單擴展點描述文件生成管理菜單和業(yè)務菜單。訪問權限控制模塊根據(jù)登錄用戶角色對其可訪問的頁面和功能進行控制。步驟S4，組織CSS文件。步驟S5，組織JS文件。步驟S6，組織多語化文件。多語化機制模塊用于提供對各個子系統(tǒng)中英文顯示的支持。步驟S7，加載頁面，打開默認頁面后結束。以上雖然根據(jù)附圖對本發(fā)明的實施例進行了詳細說明，但不僅限于此具體實施方式，本領域的技術人員根據(jù)此具體技術方案進行的各種等同、變形處理，也在本發(fā)明的保護范圍之內(nèi)?！嗬?.一種基于擴展點實現(xiàn)Web頁面重用的頁面，其特征在于，所述頁面包括基礎頁面框架和至少兩個的子系統(tǒng)，所述子系統(tǒng)將頁面集成框架作為依賴引入基礎頁面框架中，使所述子系統(tǒng)在基礎頁面框架中以擴展點的形式與其他子系統(tǒng)進行集成，使頁面實現(xiàn)多個不同子系統(tǒng)功能的集成；所述子系統(tǒng)將其管理菜單、業(yè)務菜單、CSS文件和JS文件保存為擴展點的形式。2.如權利要求I所述的頁面，其特征在于，所述頁面集成框架包括登錄頁集成模塊、主頁面框架個性化定制模塊、桌面布局模塊、權限控制模塊、多語化機制模塊和訪問權限控制模塊；所述登錄頁集成模塊定義所述子系統(tǒng)登錄成功返回的用戶會話信息及格式，提供登錄頁的集成方法；所述主頁面框架個性化定制模塊提供標題欄、背景圖片、登陸頁、業(yè)務菜單的自定義或擴展功能；所述桌面布局模塊通過開始菜單、快速啟動欄等對常用功能進行設置；所述權限控制模塊通過License控制各個所述子系統(tǒng)的功能；所述多語化機制模塊用于提供對各個所述子系統(tǒng)中英文顯示的支持；所述訪問權限控制模塊根據(jù)登錄用戶角色對所述用戶可訪問的頁面和功能進行控制。3.如權利要求I所述的頁面，其特征在于，所述子系統(tǒng)將其管理菜單、業(yè)務菜單、CSS文件和JS文件等資源保存為擴展點的形式的方法為對所述管理菜單、業(yè)務菜單、CSS文件和JS文件按照給定的格式進行組織和命名并保存在指定的路徑下。4.如權利要求3所述的頁面，其特征在于，將所述管理菜單和業(yè)務菜單保存在resources目錄的META-INF/extensions文件夾下建立的menus文件夾下；將所述CSS文件保存在resources目錄的META-INF/extensions文件夾下建立的css文件夾下；將所述JS文件保存在resources目錄的META-INF/extensions文件夾下建立的js文件夾下。5.如權利要求4所述的頁面，其特征在于，在所述menus文件夾下建立菜單擴展點配置文件，所述菜單擴展點配置文件包括主菜單描述文件、菜單組描述文件和菜單項描述文件。6.如權利要求4所述的頁面，其特征在于，所述菜單擴展點中的菜單ID配置是唯一的；為了保證多個子系統(tǒng)中所述菜單ID的唯一性，使用三段標識所述菜單ID第一段以所述子系統(tǒng)名稱作為前綴；第二段根據(jù)所述菜單的層次，使用main、group、item分別標識主菜單、菜單組、菜單項；第三段為所述菜單的位置序號或其他可讀名稱，保證子系統(tǒng)內(nèi)容不重復。7.如權利要求4所述的頁面，其特征在于，如果所述子系統(tǒng)css文件或者js文件較多時建立子文件夾細分；所述CSS文件擴展點的內(nèi)容為指定所用CSS文件的路徑，多個CSS文件的路徑間使用逗號分隔；所述js文件擴展點的內(nèi)容為指定所用js文件的路徑，多個js文件的路徑間使用逗號分隔。8.如權利要求I所述的頁面，其特征在于，用戶登錄后所述頁面的加載過程包括步驟SI，所述頁面集成業(yè)務系統(tǒng)登陸成功后返回的用戶會話信息；所述用戶在登錄頁面進行登錄，所述登錄頁集成模塊提供登錄頁的集成方法；步驟S2，所述頁面跳轉到集成主頁面，根據(jù)所述返回的所述用戶會話信息獲取個性化頁面配置元素；所述登錄頁集成模塊定義子系統(tǒng)登錄成功返回的用戶會話信息及格式，所述主頁面框架個性化定制模塊讓用戶自己定義頁面的標題欄、背景圖片、登陸頁、業(yè)務菜單等的自定義或擴展功能；步驟S3，按照權限根據(jù)所述菜單擴展點描述文件生成所述管理菜單和業(yè)務菜單；所述訪問權限控制模塊根據(jù)登錄用戶角色對所述用戶能夠訪問的頁面和功能進行控制；步驟S4，組織所述CSS文件；步驟S5，組織所述JS文件；步驟S6，組織多語化文件；所述多語化機制模塊為對各個所述子系統(tǒng)提供中英文顯示的支持；步驟S7，加載所述頁面，打開默認頁面后結束。全文摘要本發(fā)明提供一種基于擴展點實現(xiàn)Web頁面重用的頁面，所述頁面包括基礎頁面框架和至少兩個的子系統(tǒng)，所述子系統(tǒng)將頁面集成框架作為依賴引入基礎頁面框架中，使所述子系統(tǒng)在基礎頁面框架中以擴展點的形式與其他子系統(tǒng)進行集成，使頁面實現(xiàn)多個不同子系統(tǒng)功能的集成；所述子系統(tǒng)將其管理菜單、業(yè)務菜單、CSS文件和JS文件保存為擴展點的形式。以頁面框架的形式代替代碼復用來實現(xiàn)Web頁面的可重用性。文檔編號G06F17/30GK102902725SQ20121032655公開日2013年1月30日申請日期2012年9月5日優(yōu)先權日2012年9月5日發(fā)明者王靜靜,張晉鋒申請人:曙光信息產(chǎn)業(yè)(北京)有限公司