CN102270125A - Web应用的开发装置及其开发方法 - Google Patents

Abstract

本发明公开了一种Web应用的开发装置及其开发方法，包括集成开发环境、控件库和业务独立模块SIB库，集成开发环境包括：页面编辑器，用于提供编辑Web应用的页面的可视化界面；动作流编辑器，用于提供编辑Web应用的动作流的可视化界面；控件库包括多个控件，控件用于在页面编辑器的可视化界面被执行拖曳配置操作，以开发Web应用的页面中的控件；SIB库包括多个SIB，SIB用于在动作流编辑器的可视化界面被执行拖曳配置操作，以开发Web应用中的动作流。利用本发明的Web应用开发装置，可以使开发人员不需要进行编码，完全通过可视化配置，就可以实现Web应用的开发，从而节约了开发成本和维护成本。

Description

Web应用的开发装置及其开发方法

技术领域

本发明涉及Web应用领域，具体而言，涉及一种Web应用的开发装置及其开发方法。

背景技术

开发一个完整的Web应用程序，根据分工一般可以分为以下几个部分的开发：页面控件、布局样式、前台逻辑、后台逻辑。而根据开发方式又可以分为以下几种：编写代码、手工配置、可视配置。编写代码包括Java、JSP、JavaScript等，手工配置包括HTML、CSS、XML等，可视配置则是利用开发工具的用户界面拖曳和填写需要的内容。

一般来说，在开发不同的应用部分时，需要利用不同的开发方式，主要以编写代码和手工配置为主。比如页面控件通过JSP编写代码结合HTML手工配置，布局样式通过JavaScript编写代码结合CSS手工配置，前台逻辑通过JavaScript编写代码，后台逻辑通过Java编写代码结合XML手工配置。而可视配置则一般在页面空间和布局样式中可以起到一定的辅助作用。

发明人发现，现在通常的开发方式存在以下问题：

1、编码开发需要开发人员掌握的知识较多，增加开发的难度。虽然可以通过多人分工的方式，但沟通和交流又会带来新的问题。总之是开发成本比较高。

2、一个功能包含的层次较多，当发生需求变化时，可能涉及到程序的多处地方，不容易进行快速地修改。

发明内容

本发明的主要目的在于提供一种Web应用的开发装置(也可称为Web应用开发平台)及其开发方法，以至少解决上述的Web应用开发难度较大的问题。

根据本发明的一个方面，提供了一种Web应用的开发装置，包括集成开发环境、控件库和SIB(Service Independent Block，业务独立模块)库，集成开发环境包括：页面编辑器，用于提供编辑Web应用的页面的可视化界面；动作流编辑器，用于提供编辑Web应用的动作流的可视化界面；控件库包括多个控件，控件用于在页面编辑器的可视化界面被执行拖曳配置操作，以开发Web应用的页面中的控件；SIB库包括多个SIB，SIB用于在动作流编辑器的可视化界面被执行拖曳配置操作，以开发Web应用中的动作流。

根据本发明的另一方面，提供了一种Web应用开发装置的开发方法，包括：Web应用开发装置中的集成开发环境创建关于Web应用的工程；Web应用开发装置中的页面编辑器接受用户对Web应用开发装置中的控件库的控件的拖曳配置操作，以开发Web应用的页面中的控件；Web应用开发装置中的动作流编辑器接受用户对Web应用开发装置中的SIB库的SIB的拖曳配置操作，以开发Web应用中的动作流；集成开发环境根据接受的拖曳配置操作生成输出关于工程的应用包。

本发明的Web应用开发装置及其开发方法因为同时提供了可视化界面的页面编辑器和动作流编辑器，所以可以使开发人员能够不需要进行编码，完全通过可视化配置，就可以实现Web应用的开发，从而节约了开发成本和维护成本。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的Web应用的开发装置的方框图；

图2是根据本发明优选实施例的运行平台的方框图；

图3是根据本发明优选实施例的Web应用的开发装置的方框图；

图4是根据本发明实施例的Web应用的开发装置的开发方法的流程图。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

图1示出了根据本发明实施例的Web应用的开发装置的方框图，包括：集成开发环境10、控件库40和SIB库50，集成开发环境10包括：

页面编辑器12，用于提供编辑Web应用的页面的可视化界面；

动作流编辑器14，用于提供编辑Web应用的动作流的可视化界面；

控件库40包括多个控件，控件用于在页面编辑器的可视化界面被执行拖曳配置操作，以开发Web应用的页面中的控件；

SIB库50包括多个SIB，SIB用于在动作流编辑器的可视化界面被执行拖曳配置操作，以开发Web应用中的动作流。

控件主要用于开发应用的各种页面，根据其运行时是否可见，可分为可视化控件和非可视化控件。每个控件都需要与集成开发环境中的页面编辑器集成，使得开发人员可以在页面编辑器中以可视化的方式进行使用。

优选地，动作SIB主要用于开发应用中的各种控件的各种事件的事件处理逻辑。每个动作SIB都与集成开发环境中的动作流编辑器集成，使得开发人员可以在动作流编辑器中以可视化的方式进行使用。

每个控件可以包括以下内容：

1、控件自描述XML文件：其中详细描述了该控件的唯一标识、HTML自定义标签、版本号、有哪些属性、每个属性的值类型值范围、有哪些事件等。

2、控件服务端实现包：根据控件的复杂程度，服务端实现包是可选的。一般复杂的控件都有自己的服务端实现包。服务端实现包主要的工作包括：根据应用提供的控件属性描述xml文件生成自身的初始化JS代码；根据应用提供的控件事件描述xml文件生成事件触发JS代码；根据控件本身提供的功能，生成默认的事件处理逻辑JS代码。

每个动作SIB可以包括以下内容：

1、SIB自描述XML文件：其中详细描述了该SIB的唯一标识、版本号、有哪些输入输出参数、每个参数的值类型值范围等。

2、SIB服务端实现包：服务端实现包对每个SIB而言都是必须提供的。服务端实现包主要的工作包括：根据SIB本身提供的功能，实现动作SIB统一抽象类。

SIB客户端实现JS代码。

该实施例提供可视化的页面编辑器和丰富的控件库，开发人员可以将控件库中的控件拖曳到页面编辑器中，以可见即所得的方式开发应用页面。另外，该实施例为每个控件的每个事件提供单独的动作流可视化编辑器和丰富的动作流SIB库，开发人员可将动作SIB库中的SIB拖曳到动作流编辑器中，以可见即所得的方式开发动作流逻辑。该Web应用开发装置因为同时提供了可视化界面的页面编辑器和动作流编辑器，所以可以使开发人员能够不需要进行编码，完全通过可视化配置，就可以实现Web应用的开发，从而节约了开发成本和维护成本。通过可视化的界面来开发Web应用，这样就进一步减小了开发的难度，缩短了开发的周期。

优选地，集成开发环境10还包括：控件配置器，用于提供配置控件库的控件的属性和事件的可视化界面。对于每个控件，都提供控件的可视化配置界面，开发人员可以方便地设置控件的各种属性和事件。

优选地，集成开发环境10还包括：SIB配置器，用于提供配置SIB库的SIB的参数的可视化界面。对于每个动作SIB，都提供动作SIB的可视化配置界面，开发人员可以方便地设置动作SIB的各种参数。

集成开发环境主要的输入可以包括平台提供的所有控件的自描述文件和所有动作SIB的自描述文件。集成开发环境可以利用这些自描述文件生成相应的控件库、动作SIB库，并生成每个控件和每个动作SIB的可视化配置界面。

优选地，Web应用开发装置中还包括运行平台，其包括业务执行层，用于通过调用控件库的控件和SIB库的SIB，解析集成开发环境生成的关于Web应用的应用包。集成开发环境主要的输出可以是应用包，应用包包含Web应用的所有源文件，可以直接加载到运行平台中运行。

集成开发环境生成的应用包可以为一个打包的压缩文件，包内可以由以下部分组成：

1、应用包自描述XML文件：用于描述应用包的基本信息，如：应用唯一标识、应用版本号等。

2、页面文件集合：一个应用一般由很多的页面组成，每个页面中实际又由一个或者多个HTML文件和JS文件构成。

3、控件属性/事件描述xml文件集合：每个应用页面中，通常由很多的控件组成。每个控件都有自己的控件属性和事件属性。每个页面包含的所有控件的控件属性和事件属性都以XML语法进行描述，并最终合并到一个XML文件中保存，这个文件就是控件属性/事件描述xml文件。通常每个应用页面都会对应一个控件属性/事件描述xml文件。

4、事件动作流描述xml文件集合：每个应用页面中的每个控件，通常会触发一些事件，每个事件触发后的处理逻辑，称之为动作流。每个页面的每个控件的每个事件的动作流都以XML语法进行描述，并最终合并到一个XML文件中保存，这个文件就是事件动作流描述xml文件。通常每个应用页面都会对应一个事件动作流描述xml文件。

优选地，运行平台还包括业务接口层，其包括库API接口，用于业务执行层调用控件库的控件和SIB库的SIB。该优选实施例以控件库和动作SIB库的形式进行了封装，以更简化地方式向上层提供接口，使得在使用这些控件和动作SIB的时候，并不需要开发人员熟悉开发相关的知识和技能。

优选地，运行平台还包括业务能力层，其包括：多个能力集，其包括开发Web应用时用到的具有通用性的功能的集合；能力API接口，用于控件库的控件和SIB库的SIB调用能力集的能力。将开发Web应用时需要用到的各种具备一定通用性的功能集合，抽象成若干个能力集。在开发Web应用的时候，如果需要类似的功能，就不需要再重复开发，直接通过相应的接口使用运行平台中提供的相应的能力集即可。某些复杂的能力集还可以加入数据库的支撑。上层直接使用开发包提供的API接口对其进行调用。

优选地，运行平台还包括业务基础层，用于对业务能力层提供基础服务。基础支撑层为整个运行平台的上层提供和业务无关的基础服务。该优选实施例将各种业务能力层需要的基础服务汇集到了业务基础层，提供了一个清晰的架构，实现了业务与各种基础功能的隔离。

优选地，Web应用开发装置还包括：开发包，用于为基础支撑层提供支持；配置文件，用于保存开发包的参数。通过开发包的引入，实现了对第三方软件供应商的支持，从而可以加入各种第三方开发的功能模块。基础支撑层的所有基础服务，可以都由一些开发包和配置文件构成。上层直接使用开发包提供的API接口对其进行调用。

图2是根据本发明优选实施例的运行平台的方框图，其中，运行平台20采用分层架构构建，总共分为四层：基础支撑层22、业务能力层24、业务接口层26、业务执行层28。

当客户端对页面进行请求时，根据页面的XML配置文件自动生成一个JS文件，并被页面引用。该应用平台的整个处理过程可以包括以下步骤：

1、客户端JS文件根据XML配置文件中的控件属性部分，对页面中控件的基本属性进行设置，使页面的外观符合要求。

2、客户端JS文件根据XML配置文件中的事件绑定部分，为页面中控件的相应事件绑定一个处理函数。

3、当页面中控件的事件触发时，该处理函数被执行。解析XML配置文件中的事件动作流部分，按照顺序对相应的SIB进行调用，直至动作流结束。

4、如果被调用的SIB有客户端实现，那么就在客户端运行相应的处理函数；否则，通过Aiax(Asynchronous JavaScript and XML，异步JavaScript和XML)方式向服务端发送请求，由服务端的SIB实现进行处理，处理结束后返回客户端继续执行。

相关技术的Web应用开发装置一个功能包含的层次较多，当发生需求变化时，可能涉及到程序的多处地方，不容易进行快速地修改。而该优选实施例将运行平台分为四层，并在Web应用开发装置中加入了对开发包60及其配置文件70的支持，从而实现了各种功能的合理分割，当发生需求变化时，只涉及上层的变化，而不会涉及到程序的多处地方，因此可以很容易地进行快速地修改。

图3是根据本发明优选实施例的Web应用的开发装置的方框图，开发装置包括集成开发环境10和运行平台20，还包括管理台30，用于提供可视化的管理界面，管理界面用于接受用户的操作以对开发装置以及加载到开发装置中的Web应用进行在线管理。管理台向开发平台管理人员提供了一个可视化的管理平台，以帮助管理人员对开发平台本身以及加载到开发平台中的应用进行在线管理。集成开发环境10被第三方应用人员使用以进行配置。运行平台可以与第三方应用服务端、第三方应用客户端、其他支撑软件子***进行交互。管理台是被管理员使用以进行管理，以及与网管***进行交互。

优选地，管理台包括接口，接口用于网管***调用开发装置。这使得Web应用开发装置支持与综合网管***的融合。

优选地，采用数据库支撑管理台。

优选地，对于该管理台，管理员可以进行以下操作：

1、通过可视化的应用加载工具，可将集成开发环境提供的应用包直接加载。

2、通过可视化的应用的版本控制功能，允许同一个应用同时加载多个版本。

3、通过可视化的应用的版本激活功能，一个应用一次只能激活一个版本。

4、对每个应用的实际运行情况进行在线监控和统计，比如应用请求服务端执行引擎的量，每个动作SIB被请求的量等。

图4是根据本发明实施例的Web应用的开发装置的开发方法的流程图，包括以下步骤：

步骤S10，Web应用开发装置中的集成开发环境创建关于Web应用的工程；

步骤S20，Web应用开发装置中的页面编辑器接受用户对控件库的控件的拖曳配置操作，以开发Web应用的页面中的控件；

步骤S30，Web应用开发装置中的动作流编辑器接受用户对SIB库的SIB的拖曳配置操作，以开发Web应用中的动作流；

步骤S40，集成开发环境根据接受的拖曳配置操作生成输出关于工程的应用包。

该方法能够使用户无需代码开发就能生成Web应用的应用包。

优选地，在上述的开发方法中，还包括：

步骤S50，Web应用开发装置中的运行平台接受应用包的部署，并解析生成Web应用。

该优选实施例使得还能在Web应用开发装置中完成应用包的解析，生成可执行的Web应用。

优选地，步骤S50包括：

在运行平台的业务执行层中部署应用包；

业务执行层通过运行平台的业务接口层的库API接口，调用控件库的控件和SIB库的SIB，以解析应用包生成Web应用；

其中，控件库的控件和SIB库的SIB通过运行平台的业务能力层的能力API接口调用业务能力层的能力集的能力，并且运行平台的业务基础层对业务能力层提供基础服务。

该优选实施例该优选实施例将运行平台分为四层，从而实现了各种功能的合理分割，当发生需求变化时，只涉及上层的变化，而不会涉及到程序的多处地方，因此可以很容易地进行快速地修改。

优选地，控件被执行拖曳配置操作，以开发Web应用的页面中的控件包括：拖动控件到Web应用的页面上，以对控件与页面的样式相关的属性进行调整，完成页面的控件和样式的配置。优选地，SIB被执行拖曳配置操作，以开发Web应用中的动作流包括：完成Web应用的前台逻辑和后台逻辑的开发，在页面的控件的事件中配置动作流。以上实现了可视化的操作。

从以上的描述中，可以看出，本发明实施例所提供的Web应用开发装置及其开发方法，使开发人员能够不需要进行编码，完全通过可视化配置，就可以实现Web应用的开发。解决了传统开发方式需要开发人员掌握知识过多，以及不能迅速响应需求变化的问题，从而节约了开发成本和维护成本。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (14)

1.一种Web应用的开发装置，其特征在于，包括集成开发环境、控件库和业务独立模块SIB库，

所述集成开发环境包括：页面编辑器，用于提供编辑Web应用的页面的可视化界面；动作流编辑器，用于提供编辑Web应用的动作流的可视化界面；

所述控件库包括多个控件，所述控件用于在所述页面编辑器的可视化界面被执行拖曳配置操作，以开发所述Web应用的页面中的控件；

所述SIB库包括多个SIB，所述SIB用于在所述动作流编辑器的可视化界面被执行拖曳配置操作，以开发所述Web应用中的动作流。

2.根据权利要求1所述的开发装置，其特征在于，所述集成开发环境还包括：

控件配置器，用于提供配置所述控件库的控件的属性和事件的可视化界面；

SIB配置器，用于提供配置所述SIB库的SIB的参数的可视化界面。

3.根据权利要求1所述的开发装置，其特征在于，还包括运行平台，其包括业务执行层，用于通过调用所述控件库的所述控件和所述SIB库的所述SIB，解析所述集成开发环境生成的关于所述Web应用的应用包。

4.根据权利要求3所述的开发装置，其特征在于，所述运行平台还包括业务接口层，其包括库API接口，用于所述业务执行层调用所述控件库的所述控件和所述SIB库的所述SIB。

5.根据权利要求4所述的开发装置，其特征在于，所述运行平台还包括业务能力层，其包括：

多个能力集，其包括开发Web应用时用到的具有通用性的功能的集合；

能力API接口，用于所述控件库的所述控件和所述SIB库的所述SIB调用所述能力集的能力。

6.根据权利要求5所述的开发装置，其特征在于，所述运行平台还包括业务基础层，用于对所述业务能力层提供基础服务。

7.根据权利要求6所述的开发装置，其特征在于，还包括：

开发包，用于为所述基础支撑层提供支持；

配置文件，用于保存开发包的参数。

8.根据权利要求1所述的开发装置，其特征在于，还包括管理台，用于提供可视化的管理界面，所述管理界面用于接受用户的操作以对所述开发装置以及加载到所述开发装置中的所述Web应用进行在线管理。

9.根据权利要求8所述的开发装置，其特征在于，所述管理台包括接口，所述接口用于网管***调用所述开发装置。

10.根据权利要求1所述的开发装置，其特征在于，所述SIB用于开发所述Web应用的页面中的控件的事件处理逻辑。

11.一种Web应用开发装置的开发方法，其特征在于，包括：

Web应用开发装置中的集成开发环境创建关于Web应用的工程；

所述Web应用开发装置中的页面编辑器接受用户对所述Web应用开发装置中的控件库的控件的拖曳配置操作，以开发所述Web应用的页面中的控件；

所述Web应用开发装置中的动作流编辑器接受用户对所述Web应用开发装置中的SIB库的SIB的拖曳配置操作，以开发所述Web应用中的动作流；

所述集成开发环境根据所述接受的拖曳配置操作生成输出关于所述工程的应用包。

12.根据权利要求11所述的开发方法，其特征在于，还包括：

所述Web应用开发装置中的运行平台接受所述应用包的部署，并解析生成所述Web应用。

13.根据权利要求12所述的开发方法，其特征在于，所述Web应用开发装置中的运行平台接受所述应用包的部署，并解析生成所述Web应用包括：

在所述运行平台的业务执行层中部署所述应用包；

所述业务执行层通过所述运行平台的业务接口层的库API接口，调用所述控件库的所述控件和所述SIB库的所述SIB，以解析所述应用包生成所述Web应用；

其中，所述控件库的所述控件和所述SIB库的所述SIB通过所述运行平台的业务能力层的能力API接口调用所述业务能力层的能力集的能力，并且所述运行平台的业务基础层对所述业务能力层提供基础服务。

14.根据权利要求11所述的开发方法，其特征在于，

所述控件被执行拖曳配置操作，以开发所述Web应用的页面中的控件包括：拖动所述控件到所述Web应用的页面上，以对所述控件与所述页面的样式相关的属性进行调整，完成所述页面的控件和样式的配置；

所述SIB被执行拖曳配置操作，以开发所述Web应用中的动作流包括：完成所述Web应用的前台逻辑和后台逻辑的开发，在所述页面的控件的事件中配置动作流。

Images