一種基于擴展點實現Web頁面重用的頁面制造技術

本發明專利技術提供一種基于擴展點實現Web頁面重用的頁面，所述頁面包括基礎頁面框架和至少兩個的子系統，所述子系統將頁面集成框架作為依賴引入基礎頁面框架中，使所述子系統在基礎頁面框架中以擴展點的形式與其他子系統進行集成，使頁面實現多個不同子系統功能的集成；所述子系統將其管理菜單、業務菜單、CSS文件和JS文件保存為擴展點的形式。以頁面框架的形式代替代碼復用來實現Web頁面的可重用性。

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

【技術保護點】
一種基于擴展點實現Web頁面重用的頁面，其特征在于，所述頁面包括基礎頁面框架和至少兩個的子系統，所述子系統將頁面集成框架作為依賴引入基礎頁面框架中，使所述子系統在基礎頁面框架中以擴展點的形式與其他子系統進行集成，使頁面實現多個不同子系統功能的集成；所述子系統將其管理菜單、業務菜單、CSS文件和JS文件保存為擴展點的形式。

【技術特征摘要】
1.一種基于擴展點實現Web頁面重用的頁面，其特征在于，所述頁面包括基礎頁面框架和至少兩個的子系統，所述子系統將頁面集成框架作為依賴引入基礎頁面框架中，使所述子系統在基礎頁面框架中以擴展點的形式與其他子系統進行集成，使頁面實現多個不同子系統功能的集成； 所述子系統將其管理菜單、業務菜單、CSS文件和JS文件保存為擴展點的形式。2.如權利要求I所述的頁面，其特征在于，所述頁面集成框架包括登錄頁集成模塊、主頁面框架個性化定制模塊、桌面布局模塊、權限控制模塊、多語化機制模塊和訪問權限控制模塊； 所述登錄頁集成模塊定義所述子系統登錄成功返回的用戶會話信息及格式，提供登錄頁的集成方法； 所述主頁面框架個性化定制模塊提供標題欄、背景圖片、登陸頁、業務菜單的自定義或擴展功能； 所述桌面布局模塊通過開始菜單、快速啟動欄等對常用功能進行設置； 所述權限控制模塊通過License控制各個所述子系統的功能； 所述多語化機制模塊用于提供對各個所述子系統中英文顯示的支持； 所述訪問權限控制模塊根據登錄用戶角色對所述用戶可訪問的頁面和功能進行控制。3.如權利要求I所述的頁面，其特征在于，所述子系統將其管理菜單、業務菜單、CSS文件和JS文件等資源保存為擴展點的形式的方法為 對所述管理菜單、業務菜單、CSS文件和JS文件按照給定的格式進行組織和命名并保存在指定的路徑下。4.如權利要求3所述的頁面，其特征在于， 將所述管理菜單和業務菜單保存在resources目錄的META-INF/extensions文件夾下建立的menus文件夾下； 將所述CSS文件保存在resources目錄的META-INF/extensions文件夾下建立的css文件夾下； 將所述JS文件保存在resources目錄的META-INF/extensions文件夾下建立的js文件夾下。5.如權利要求4所述的...

【專利技術屬性】
技術研發人員：王靜靜，張晉鋒，
申請(專利權)人：曙光信息產業北京有限公司，
類型：發明
國別省市：