一种基于扩展点实现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所述的...

【专利技术属性】
技术研发人员：王静静，张晋锋，
申请(专利权)人：曙光信息产业北京有限公司，
类型：发明
国别省市：