CN101030139A - 一种Web界面扩展方法和装置 - Google Patents

Abstract

本发明公开了一种Web界面扩展方法，用于对Web界面的功能进行动态扩展，包括以下步骤：在Web界面需要扩展的地方创建扩展点组件；创建待扩展内容；将所述待扩展内容导入所述扩展点组件。本发明通过在可能需要扩展的地方创建扩展点组件，即可对Web界面做无限制的扩展。

Description

一种Web界面扩展方法和装置

技术领域

本发明涉及网络技术领域，特别涉及一种Web界面扩展方法和装置。

背景技术

在应用软件中，对界面功能的扩展是软件可扩展性的基础，因为软件功能的任何增减都最终体现到与用户交互的界面上，如果界面的功能无法轻易的扩展或改变，那么软件功能的任何增减都很难提供用户使用。

目前对于Web界面的界面扩展功能还无法进行动态扩展。如图1所示，为现有技术Web界面生成和回应流程图，该Web界面生成和回应流程图基于B/S(Browser/Server，浏览器/服务器)结构。根据HTTP(Hyper Text TransferProtocol，超文本传输协议)协议，当客户端需要访问某Web界面时，首先向Web服务器发送HTTP请求；Web服务器收到请求后，交给服务器端业务处理单元进行处理；处理完成后，根据结果动态生成Web界面，此时的Web界面为HTML(Hypertext Markup Language，超文本创建语言)格式；Web服务器继而将表示用户界面的回应消息反馈给客户端浏览器，客户端浏览器则在屏幕上显示新的用户界面。由于用户是由在Web服务器端动态生成的HTML文档来表示的，因此在界面上动态的增加或删除某部分的内容是非常困难的。

针对上述问题，目前使用通过隐藏某些已有界面来实现对Web界面内容的增删，如图2所示，为现有技术对Web界面扩展的示意图。该技术方案在利用现有成熟的Web组件技术，在开发时就将功能界面组件化，这样这些组件就可以针对多种客户端类型而用不同的方式来显示，例如可根据配置文件或用户的请求，只显示部分界面内容，而将无关的界面内容隐藏。通过这种方法就可以不用完全从头构建用户界面。

上述技术方案缺点是必须一次完成所有内容，而将来未知内容无法进行扩展，并且如果要增加新的界面还必须对原来的界面实现进行修改，不能满足动态扩展的要求。

发明内容

本发明要解决的问题是提供一种Web界面动态扩展的方法和装置，可以对Web界面进行无限制的动态扩展。

为达到上述目的，本发明的实施例的技术方案提出一种Web界面扩展方法，用于对Web界面功能进行动态扩展，包括以下步骤：在Web界面需要扩展的地方创建扩展点组件；创建待扩展内容；将所述待扩展内容导入所述扩展点组件。

其中，所述创建待扩展内容具体包括以下步骤：设置所述扩展点组件的扩展项目；按照所述扩展点组件的扩展项目编写配置文件；扩展点组件将所述待扩展内容导入所述扩展点组件具体包括：直接将所述配置文件导入所述扩展点组件对应的组件代码。

其中，所述创建待扩展内容具体包括：将所述待扩展内容设置为扩展组件；扩展点组件将所述待扩展内容导入所述扩展点组件具体包括：将所述扩展组件导入所述扩展点组件。

其中，所述创建待扩展内容还包括创建待扩展内容与需要适配的扩展点组件的对应关系。

其中，自动发现待扩展内容并获得上述对应关系，然后将其保存作为将所述待扩展内容导入所述扩展点组件的依据。

为达到上述目的，本发明的实施例的技术方案还提出一种Web界面扩展装置，用于对Web界面功能进行动态扩展，包括自动装配模块，用于将预先设定的待扩展内容导入一个预先设定的并且与所述扩展内容适配的扩展点组件中，以配合扩展点组件完成绘制客户端生成网页所需要的代码。

其中，所述自动装配模块包括配置文件导入子模块，用于直接将按照所述扩展点组件的扩展项目编写的配置文件导入所述扩展点组件对应的组件代码。

其中，所述自动装配模块包括自动发现子模块和装配子模块，所述自动发现子模块，用于发现待扩展内容中预先写入的所述扩展点组件与待扩展内容的对应关系，并向所述装配子模块进行注册；所述装配子模块，用于根据上述对应关系将待扩展内容导入对应的扩展点组件。

本发明的实施例的技术方案还提出一种计算机程序，用于对Web界面功能进行动态扩展，包括若干指令用以使得一个计算机设备执行以下方法：用于将预先设定的待扩展内容导入一个预先设定的并且与所述待扩展内容适配的扩展点组件中，以配合扩展点组件完成绘制客户端生成网页所需要的代码。

其中，所述方法还包括以下步骤：在设定扩展内容时，在所述待扩展内容中预先写入与所述待扩展内容对应的扩展点组件的对应关系；在导入之前发现上述对应关系，并根据上述对应关系进行导入。

本发明的实施例的技术方案还提出一种存储介质，存储权利要求上述的计算机程序。

本发明的实施例的技术方案还提出一种计算机设备，包括用以执行前述Web界面扩展方法的软件及与软件配合的硬件。

本发明的实施例实现了对Web界面的动态扩展，界面的扩展不依赖于初始定义，无需知道未来可能增加的界面内容，只需将可能发生变化的地方创建扩展点组件，即可对Web界面做无限制的扩展。并且通过本实施例的方法在对Web界面动态扩展之后不会对原有界面功能产生影响。

附图说明

图1为现有技术Web界面生成和回应流程图；

图2为现有技术对Web界面扩展的示意图；

图3为现有技术由组件代码最终在浏览器中显示最终内容的示意图；

图4为本发明实施例Web界面扩展装置的结构图；

图5为本发明实施例一种Web界面扩展方法流程图；

图6为本发明实施例另一种Web界面扩展原理图；

图7为本发明实施例扩展点组件与扩展组件组合生成HTML页面代码并在浏览器中显示的示意图。

具体实施方式

下面结合附图和实施例，对本发明的具体实施方式作进一步详细描述：

如图3所示，为现有技术由组件代码最终在浏览器中显示最终内容的示意图。标准的Web界面是由各种HTML元素(例如输入框、按钮等)和风格样式(例如颜色、长度等)组成的，组件化技术就是将一种或多种元素及其关联的样式封装在一起，形成一个组件，组件也可以包括其它组件，即组件可以迭代定义。每个组件都能够自动绘制Web界面中的特定HTML元素和元素样式。因此当收到用户请求后，根据请求内容找到合理的组件(通常是一个组件树)，并使用组件自身的自动绘制功能根据组件代码生成相应的HTML界面代码，并返回给客户端浏览器，即可在客户端浏览器中显示最终的内容。其中，组件代码可以动态的设置各种属性或增加各种不同的子组件，因此使用方式非常灵活，甚至还可以在运行过程中生成。

如图4所示，为本发明实施例Web界面扩展装置的结构图。

Web界面扩展装置1包括组件化模块11和自动装配模块12。这里所说的组件化模块11是指Web组件化技术的框架软件，即工作环境，其中可以集成一些预先开发好的基本组件供开发人员使用，例如将Web界面的一些基本HTML元素(例如输入框、按钮等)和风格样式(例如颜色、长度等)封装在一起形成一个基本的组件(如一个简单的输入框)；如果有第三方的软件技术可以提供其他组件实现，本发明同样也可以借用供web开发人员使用。当然，除了一些基本的组件很多组件可能仍然需要开发人员自己开发，在这一点上讲，组件化模块中提供的基本组件只是一个较佳的实施方式，然后并不是必须的，所有组件的代码都可以由开发人员自行编写，所以本发明只需要该组件化模块所提供的工作环境，当然这一点对于本领域技术人员来说是不言而喻的。通过上面的描述可以知道，每个web界面或子界面在本发明中均可看作是一个Web组件或多个Web组件的组合。

本发明各个实施方式总体的思路是在Web页面开发过程中，在开发人员认为所有可能需要扩展的地方均创建扩展点组件。然后利用自动装配模块12将待扩展内容导入扩展点组件，完成对Web界面的动态扩展。自动装配模块12用于将预先设定的待扩展内容导入一个预先设定的并且与所述扩展内容适配的扩展点组件中，以配合扩展点组件完成绘制客户端生成网页所需要的代码。这里所讲的导入只是为了形象地描述本发明各个实施例的共性，本领域技术人员在阅读以下实施例时应该可以清楚理解在技术上根据不同的实施方式，导入这个动作可以被理解为装配、调用、嵌套等常用的技术用语。

本发明实施例提供了两种将待扩展内容导入扩展点组件的方法，一种利用自动装配模块12中的配置文件导入子模块123，直接将预先按照扩展点组件的扩展项目编写的配置文件导入扩展点组件对应的组件代码，实现对Web界面的动态扩展。

另一种方法是先将待扩展内容设置为扩展组件，利用自动装配模块12中的自动发现子模块121和装配子模块122，将扩展组件导入对应的扩展点组件，实现对Web界面的动态扩展。其中，自动发现子模块121用于发现待扩展内容中预先写入的扩展点组件与待扩展内容的对应关系，并向装配子模块122进行注册；装配子模块122用于根据上述对应关系将待扩展内容导入对应的扩展点组件。

对于这种注册机制同样可以用在前一种方法中，具体来说其可以是在配置文件或者扩展组件中声明自己需要使用哪个扩展点，每次启动的时候自动发现子模块121就会遍历所有的配置文件和扩展组件，从而知道他们与扩展点组件的对应关系，在实现上可以在待扩展内容中写入扩展点组件的ID，该ID用于全局唯一标识该扩展点组件，这样就等于知道了该扩展内容与要使用的扩展点组件之间的对应关系了。所谓向装配子模块122进行注册是逻辑上的概念，这个对应关系只需要存放在装配子模块122可以调用到地方即可，比如说可以驻留在内存中。当然这种注册机制对于一些基本的实施方式不是必需的，比如说只有一个扩展点，那就不需要知道所谓的对应关系，也不需要注册，因为其对应关系是唯一的。

如图5所示，为本发明实施例一种Web界面动态扩展方法的流程图，该方法在创建扩展点组件之后，根据该扩展点组件的情况设置该扩展点组件的扩展项目，并按照扩展项目编写的配置文件后直接将该配置文件导入扩展点组件对应的组件代码，实现对Web界面的动态扩展。该实施例包括以下步骤：

步骤501：在开发人员认为所有可能需要扩展的地方均创建扩展点组件。在Web界面开发过程中，在所有可能需要扩展的地方均创建扩展点组件，并给予该扩展点组件的ID，其中扩展点组件ID用于全局唯一标识此扩展点组件。

步骤502：根据该扩展点组件的情况设置该扩展点组件的扩展项目。根据不同的扩展点组件的情况设置不同的扩展项目，并将该扩展项目存储在该扩展点组件的组件代码中，一般来说该扩展点组件需要将扩展项目内容绘制成具有HTML代码功能的组件代码预先写入，如果这些扩展项目内无具体的内容时，则扩展点组件绘制的内容为空，因而在客户端浏览器的Web界面上不会显示任何内容。例如对于针对控制菜单的扩展点组件，其扩展项目可以为菜单项的图标、菜单项的文字、点击菜单按钮后触发的动作、以及操作执行完成后跳转到的界面的四项信息，只要有满足这四项扩展项目的配置文件导入就可以实现对Web界面的动态扩展。

步骤503：创建待扩展内容，包括该待扩展内容需要实现扩展的扩展点组件的ID，按照该扩展点组件的扩展项目编写的配置文件，一般来说这种文件仅仅提供扩展项目中的内容，供扩展点组件按照该配置文件的内容绘制对应的扩展项目，这些配置文件在内容上要满足扩展项目的要求，否则可能出现装配出错的情况。配置文件在格式上可以采用*.xsd等格式的文件存放。

步骤504：直接将该配置文件导入扩展点组件对应的组件代码。该扩展点组件的组件代码在收到配置文件后，写入该扩展项目的对应内容，Web服务器在调用该扩展点组件时就将实现了Web页面的动态扩展。

本发明实施例还提出了另一种Web界面扩展方法，该方法的原理图如图6所示，其详细扩展流程如下：

首先，在Web界面开发过程中，将所有可能需要扩展的地方组件化，扩展点组件扩展点组件设置为扩展点组件，并给予该扩展点组件的ID，其中扩展点组件ID用于全局唯一标识此扩展点组件。更具体来说，扩展点组件只需要实现调用接口等基本功能，可以不需要具备绘制HTML代码能力，绘制功能以及需要绘制的内容可以在放在扩展组件中实现，当然扩展组件必须有与扩展点组件适配的接口，此时扩展组件相当于挂在扩展点组件下的一个子组件。在这种情况下，扩展点组件下可以挂多个作为子组件的扩展组件，即实现了动态扩展。

将扩展点组件待扩展内容设置为扩展组件，即将需要在Web界面导入的内容组件化，并建立扩展组件与扩展点组件的对应关系；该扩展组件与扩展点组件的对应关系由对Web界面扩展的要求确定，可以是一对多的关系，即将一个扩展组件导入多个扩展点组件，也可以是多对一的关系，即将多个扩展组件导入同一个扩展点组件；此时如果只有扩展点组件而没有扩展组件的话，在界面上不会显示任何内容。扩展组件被导入到扩展点组件以后，即作为挂在扩展点组件下的一个子组件，扩展点组件在被调用时就可将待扩展内容变为HTML代码发送给请求Web页面的客户端浏览器。

如图7所示，为本发明实施例扩展点组件与扩展组件组合生成HTML页面代码并在浏览器中显示的示意图，其中扩展实现内容即为所有在需要该扩展点组件导入的扩展组件，扩展点组件和扩展实现均为由组件化技术生成的组件代码，将扩展实现导入到扩展点组件后形成最终的HTML页面代码，并返回给客户端浏览器，即可在客户端浏览器中显示扩展后的内容。由于组件代码可以进行动态的维护，因此对应的HTML代码也可以相应的动态生成，从而对Web界面进行动态的生成或扩展。

针对以上实施方式，需要补充说明的是，对于将扩展内容设置为配置文件的实施方式，配置文件对于扩展点组件来说是内容，扩展点组件只管按照自己的绘制功能把内容绘制出来，这样多个配置文件可以不受限制地被装配到扩展点组件中来以实现不受限制的动态扩展。而对于另一种实施方式，扩展组件作为挂在扩展点组件下的子组件，他们之间可以为最基本的调用关系，因此扩展点组件下挂扩展组件的数目也不受到限制，而且如果开发前期考虑不周的话，例如，本来一个地方需要设置扩展点B却被设置为扩展点A，或者本来AB都需要，但只有A，这个时候可以把需要新增的扩展点B组件放在扩展点A组件下，作为扩展点组件中的子组件，因此本发明实施例可以非常灵活方便的设置扩展点组件。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (12)

1、一种Web界面扩展方法，用于对Web界面功能进行动态扩展，其特征在于，包括以下步骤：

在Web界面需要扩展的地方创建扩展点组件；

创建待扩展内容；

将所述待扩展内容导入所述扩展点组件。

2、如权利要求1所述Web界面扩展方法，其特征在于，所述创建待扩展内容具体包括以下步骤：

设置所述扩展点组件的扩展项目；

按照所述扩展点组件的扩展项目编写配置文件；

扩展点组件将所述待扩展内容导入所述扩展点组件具体包括：直接将所述配置文件导入所述扩展点组件对应的组件代码。

3、如权利要求1所述Web界面扩展方法，其特征在于，所述创建待扩展内容具体包括：将所述待扩展内容设置为扩展组件；

扩展点组件将所述待扩展内容导入所述扩展点组件具体包括：将所述扩展组件导入所述扩展点组件。

4、如权利要求1所述Web界面扩展方法，其特征在于，所述创建待扩展内容还包括创建待扩展内容与需要适配的扩展点组件的对应关系。

5.如权利要求4所述的Web界面扩展方法，其特征在于，自动发现待扩展内容并获得上述对应关系，然后将其保存作为将所述待扩展内容导入所述扩展点组件的依据。

6、一种Web界面扩展装置，用于对Web界面功能进行动态扩展，其特征在于，包括自动装配模块，用于将预先设定的待扩展内容导入一个预先设定的并且与所述扩展内容适配的扩展点组件中，以配合扩展点组件完成绘制客户端生成网页所需要的代码。

7、如权利要求6所述Web界面扩展装置，其特征在于，所述自动装配模块包括配置文件导入子模块，用于直接将按照所述扩展点组件的扩展项目编写的配置文件导入所述扩展点组件对应的组件代码。

8、如权利要求6所述Web界面扩展装置，其特征在于，所述自动装配模块包括自动发现子模块和装配子模块，

所述自动发现子模块，用于发现待扩展内容中预先写入的所述扩展点组件与待扩展内容的对应关系，并向所述装配子模块进行注册；

所述装配子模块，用于根据上述对应关系将待扩展内容导导入对应的扩展点组件。

9、一种计算机程序，用于对Web界面功能进行动态扩展，其特征在于，包括若干指令用以使得一个计算机设备执行以下方法：

用于将预先设定的待扩展内容导入一个预先设定的并且与所述待扩展内容适配的扩展点组件中，以配合扩展点组件完成绘制客户端生成网页所需要的代码。

10、如权利要求9所述的计算机程序，其特征在于，其中所述方法还包括以下步骤：

在设定扩展内容时，在所述待扩展内容中写入与所述待扩展内容对应的扩展点组件的对应关系；

在导入之前发现上述对应关系，并根据上述对应关系进行导入。

11、一种存储介质，其特征在于，存储权利要求10所述的计算机程序。

12、一种计算机设备，其特征在于，包括用以执行前述权利要求1-5所述Web界面扩展方法的软件及与软件配合的硬件。

Images