web界面生成控制方法及装置与流程

本发明涉及通信领域，具体涉及一种web界面生成控制方法及装置。

背景技术：

随着互联网的高速发展，web相关技术日渐成熟，应用几乎统治了绝大部分的软件应用系统，各种企业级的应用系统都转向web化，通过web浏览器访问服务器的方式实现业务流程。而为了满足业务需求的复杂性、界面的统一、美观，特发明一种WEB界面上通过配置文件动态生成临时界面的方法。

由于业务的复杂性，导致开发者为了满足各种业务需求需要编写很多的页面，但是这些页面也存在大同小异，比如在某流程界面的开发上，流程的每一步都需要一个界面，还有针对流程的增、改等等操作，而这些动作界面都是大同小异。都需要呈现，流程的基本信息，流程的以往操作步骤中的操作信息，流程当前步骤的操作信息等。同时，每个操作步骤的操作信息也会存在大同小异，都是一些，当前操作人，当前操作时间，当前操作结果，当前操作备注等等。

目前都是采用每个页面都单独写一组代码，这样每个步骤都需要一个单独的页面，同时增加操作和修改操作等也都需要一个单独的页面，这样就会导致以下问题：

1、针对每个步骤或者操作都需要单独写一个页面，这样会有大量的代码重复，增加编写代码的难度，同时这些代码也全部需要维护，这样也不知不觉的增加了代码的维护难度。

2、由于代码的重复出现，也会增加开发修改不完善导致的开发故障，导致 故障始终不容易收敛。例如需要做一个比较小的改动，则需要大面积的修改，且修改的地方很多处，容易漏改，导致开发故障。

技术实现要素：

本发明要解决的主要技术问题是，提供一种web界面生成控制方法及装置，解决现有生成web界面时需编写大量的重复代码，导致开发难度和维护难度大的问题。

为解决上述技术问题，本发明提供一种web界面生成控制方法，包括：

生成总的面板组件；

从所述总的面板组件中确定出当前业务各步骤的web界面所需的目标面板组件，并根据所述目标面板组件生成所述业务的界面配置文件；

根据所述界面配置文件在所述业务当前的步骤调用相应的目标面板组件生成该步骤的web界面。

在本发明的一种实施例中，定义生成总面板组件包括：

确定所有业务的各web界面涉及的面板组件，一个面板组件为一个类型的信息在界面上的布局；

对相同的面板组件进行去重处理；

生成去重处理后的所有面板组件得到总的面板组件。

在本发明的一种实施例中，从所述总的面板组件中确定出当前业务各web界面所需的目标面板组件包括：

确定当前业务各步骤对应的web界面；

确定所述各web界面所需的面板组件；

从所述总的面板组件中选择出对应的面板组件作为各web界面的目标面板 组件。

在本发明的一种实施例中，所述界面配置文件包括：当前业务各web界面对应的目标面板组件清单、各web界面的各目标面板组件之间的位置关系，或进一步包括各web界面的各目标面板组件的属性设置信息。

在本发明的一种实施例中，还包括生成显示各步骤入口的视图信息。

在本发明的一种实施例中，根据所述界面配置文件在所述业务当前的步骤调用对应的目标面板组件生成该步骤的web界面包括：

根据所述视图信息进入所述业务当前步骤；

从所述界面配置文件中获取当前步骤的web界面对应的目标面板组件以及各目标面板组件之间的位置关系；

根据所述位置关系在所述web界面上相应的位置解析所述各目标面板组件生成当前步骤的web界面；

或，

进一步根据所述属性设置信息设置所述各目标面板组件的属性。

在本发明的一种实施例中，所述web界面在内存中生成。

在本发明的一种实施例中，生成业务的各web界面时，采用相同的解析规则对各web界面对应各目标面板组件进行解析。

在本发明的一种实施例中，检测用户使用完毕所述web界面完毕后，在内存中释放所述web界面的数据。

为了解决上述问题，本发明还提供了一种web界面生成控制装置，包括：

面板组件生成模块，用于生成总的面板组件；

配置文件生成模块，用于从所述总的面板组件中确定出当前业务各步骤的web界面所需的目标面板组件，并根据所述目标面板组件生成所述业务的界面配 置文件；

web界面生成模块，用于根据所述界面配置文件在所述业务当前的步骤调用相应的目标面板组件生成该步骤的web界面

在本发明的一种实施例中，所述界面配置文件包括：当前业务各web界面对应的目标面板组件清单、各web界面的各目标面板组件之间的位置关系，或进一步包括各web界面的各目标面板组件的属性设置信息。

在本发明的一种实施例中，还包括视图生成模块，用于生成显示各步骤入口的视图信息。

在本发明的一种实施例中，所述web界面生成模块包括：

操作子模块，用于根据所述视图信息进入所述业务当前步骤；

获取子模块，用于从所述界面配置文件中获取当前步骤的web界面对应的目标面板组件以及各目标面板组件之间的位置关系；

Web界面显示子模块，用于根据所述位置关系在所述web界面上相应的位置解析所述各目标面板组件生成当前步骤的web界面；

或，

进一步包括属性设置子模块，用于根据所述属性设置信息设置所述各目标面板组件的属性。

本发明的有益效果是：

本发明提供的web界面生成控制方法及装置，先生成总的面板组件；然后在执行某一业务时，从该总的面板组件中挑选出当前业务各步骤的web界面所需的目标面板组件然后根据这些目标面板组件生成该业务的界面配置文件；然后在业务执行到某一步骤时，根据该业务的界面配置文件在当前步骤调用相应的目标面板组件生成该步骤的web界面即可；也即本发明可以先生成各种面板组件，然后根据业务当前步骤的web界面的需求动态调动相关的目标面板组件 动态生成该显示界面即可，开发者并不需要针对每个步骤都单独编写一个页面，因此可以大大减少代码的重复度，且只需要维护生成界面的这些目标面板组件，因此可以降低维护难度，尽可能避免增加开发修改不完善导致的开发故障。

附图说明

图1为本发明实施例一提供的web界面生成控制方法流程示意图；

图2为本发明实施例一提供的生成总的面板组件的流程示意图；

图3为本发明实施例一提供的获取目标面板组件的流程示意图；

图4为本发明实施例一提供的生成web界面的流程示意图；

图5为本发明实施例二提供的web界面生成控制装置结构示意图；

图6为本发明实施例二提供的工作详情面板组件示意图；

图7为本发明实施例二提供的资产信息面板组件示意图；

图8为本发明实施例二提供的受理人信息面板组件示意图；

图9为本发明实施例二生成的web界面示意图。

具体实施方式

下面通过具体实施方式结合附图对本发明作进一步详细说明。

实施例一：

请参见图1所示，本实施例提供的web界面生成控制方法包括：

步骤101：生成总的面板组件；

在该步骤，需分析各种业务需求，将各业务分别涉及到具体有哪些面板组件拆分出来，同时将拆分出来的各个面板组件上具体有哪些字段、这些字段的标题、每个字段的布局等等信息清理好，这样后面定义面板组件时直接定义即可。在根据上述整理出来的面板组件定义时，每个面板组件可继承显示框架的 基于smartclient的Javascript类(应当理解的是并不仅限于该类)，并实现相关方法即可；该过程请参见图2所示，具体包括：

步骤201：确定所有业务的各web界面涉及的面板组件，此处的一个面板组件为一个类型的信息在界面上的布局；比如流程信息中有资产信息，故障信息，客户信息，影响信息，预分析信息，等等这些都可以实现定义成面板组件；

步骤202：对相同的面板组件进行去重处理；不同业务可能会用到相同的面板组件，因此需进行去重处理，以尽可能降低代码重复；

步骤203：定义生成去重处理后的所有面板组件得到总的面板组件。生成的所有面板组件可存储在面板组件总库中以供后续调用；

步骤102：根据当前业务的需求，从总的面板组件中确定出当前业务各步骤的web界面所需的目标面板组件，并根据这些目标面板组件生成该业务的界面配置文件；

其中，从总的面板组件中确定出当前业务各web界面所需的目标面板组件请参见图3所示，包括：

步骤301：确定当前业务各步骤对应的web界面；

步骤302：分析各web界面所需的面板组件以及各面板组件之间的关系，例如位置关系，以及各面板组件的属性设置信息等等，以便于后续生成配置文件时使用；

步骤303：从总的面板组件中选择出对应的面板组件作为各web界面的目标面板组件。

根据确定出的目标面板组件生成的该业务的界面配置文件包括：当前业务各web界面对应的目标面板组件清单、各web界面的各目标面板组件之间的位置关系，例如哪些目标组件在最上面，哪些在中间或下面，哪些在左边，哪些 在右边等；或还可进一步包括各web界面的各目标面板组件的属性设置信息，此处的属性设置信息包括是否可编辑属性、目标面板组件的哪些字符需要隐藏或特别显示、各目标面板之间的从属关系等等。在编写配置文件是，将上述信息按照事先定义的XML文件中的DTD的相关规则配置各项界面信息即可。

在上述过程中，还可生成用于显示各步骤入口的视图信息，根据该视图信息显示出的视图就是各个web界面的入口，最开始呈现在用户面前的都是这个视图，用户可以根据视图上显示的功能点进行操作进入到对应步骤的web界面。

步骤103：在当前业务的当前步骤，根据该业务的界面配置文件在业务当前的步骤调用相应的目标面板组件动态生成该步骤的web界面，该过程请参见图4所示，包括：

步骤401：根据所述视图信息进入业务当前步骤；

步骤402：从该业务的界面配置文件中获取当前步骤的web界面对应的目标面板组件以及各目标面板组件之间的位置关系；

步骤403：根据得到的位置关系在web界面上相应的位置解析各目标面板组件生成当前步骤的web界面；

步骤404：根据该业务的界面配置文件属性设置信息设置各目标面板组件的属性，例如设置哪些可以编辑，哪些不能编辑，哪些目标面板组件上的对应字段需要做隐藏处理等等。

上述步骤403中动态生成web界面时是在内存中生成，当检测到用户使用完毕该web界面完毕后，在内存中释放web界面的数据，并可统一重置各种业务参数，以备下一次再动态生成web界面。

为了保证整个界面的风格统一，在上述步骤403生成业务的各web界面时，采用相同的解析规则对各web界面对应各目标面板组件进行解析，这样可统一 内存的管理。

可见，由于所有的生成界面都是按照相同的解析规则来解析生成的。所以生成出来的界面在风格样式等各个方面都能保持一致性，同时在解析时也能确保显示的正确性。并且生成的界面也是只存在内存中。开发者是没有具体开发该页面的相关代码，所以这部分代码是不需要维护的。开发者只需要维护解析配置文件或生成界面这部分显示框架的代码即可。

实施例二：

本实施例提供了一种web界面生成控制装置，请参见图5所示，包括：

面板组件生成模块1，用于生成总的面板组件；生成中的面板组件时，需分析各种业务需求，将各业务分别涉及到具体有哪些面板组件拆分出来，同时将拆分出来的各个面板组件上具体有哪些字段、这些字段的标题、每个字段的布局等等信息清理好，这样后面定义面板组件时直接定义即可。

面板组件生成模块1在根据上述整理出来的面板组件定义时，每个面板组件可继承显示框架的基于smartclient的Javascript类(应当理解的是并不仅限于该类)，并实现相关方法即可；

配置文件生成模块2，用于从总的面板组件中确定出当前业务各步骤的web界面所需的目标面板组件，并根据这些目标面板组件生成所述业务的界面配置文件；

其中，配置文件生成模块2从总的面板组件中确定出当前业务各web界面所需的目标面板组件包括：

确定当前业务各步骤对应的web界面；

分析各web界面所需的面板组件以及各面板组件之间的关系，例如位置关 系，以及各面板组件的属性设置信息等等，以便于后续生成配置文件时使用；

从总的面板组件中选择出对应的面板组件作为各web界面的目标面板组件。

配置文件生成模块2根据确定出的目标面板组件生成的该业务的界面配置文件包括：当前业务各web界面对应的目标面板组件清单、各web界面的各目标面板组件之间的位置关系，例如哪些目标组件在最上面，哪些在中间或下面，哪些在左边，哪些在右边等；或还可进一步包括各web界面的各目标面板组件的属性设置信息，此处的属性设置信息包括是否可编辑属性、目标面板组件的哪些字符需要隐藏或特别显示、各目标面板之间的从属关系等等。在编写配置文件是，将上述信息按照事先定义的XML文件中的DTD的相关规则配置各项界面信息即可。

视图生成模块3，用于生成显示各步骤入口的视图信息；根据该视图信息显示出的视图就是各个web界面的入口，最开始呈现在用户面前的都是这个视图，用户可以根据视图上显示的功能点进行操作进入到对应步骤的web界面。

web界面生成模块4，用于根据上述界面配置文件在业务当前的步骤调用相应的目标面板组件生成该步骤的web界面。其中，web界面生成模块4包括：

操作子模块41，用于根据视图信息进入所述业务当前步骤；

获取子模块42，用于从界面配置文件中获取当前步骤的web界面对应的目标面板组件以及各目标面板组件之间的位置关系；

Web界面显示子模块43，用于根据位置关系在所述web界面上相应的位置解析所述各目标面板组件生成当前步骤的web界面；

属性设置子模块44，用于根据所述属性设置信息设置所述各目标面板组件的属性。例如设置哪些可以编辑，哪些不能编辑，哪些目标面板组件上的对应字段需要做隐藏处理等等。

上述Web界面显示子模块43动态生成web界面时是在内存中生成，当检测到用户使用完毕该web界面完毕后，在内存中释放web界面的数据，并可统一重置各种业务参数，以备下一次再动态生成web界面。

为了保证整个界面的风格统一，在上述Web界面显示子模块43生成业务的各web界面时，采用相同的解析规则对各web界面对应各目标面板组件进行解析，这样可统一内存的管理。

为了更好的理解本发明，下面结合一个具体的示例对本发明做进一步示例性说明。假设当前总的面板组件已经完全生成好，当前业务的某一步骤对应的web界面需要图6所示的工作详情目标面板组件、图7所示的资产信息面板组件以及图8所示的受理人信息面板组件，且三者之间在web界面的位置关系是从上到下依次设置；当执行到该业务的该步骤后，则从配置文件中获取到该步骤的web界面所需的图6-8所示的三个目标面板组件，并根据三者之间的位置关系进行解析生成图9所示的web界面；且用户在该web界面操作完毕后即可在内存中释放该web界面。

通过本发明提供的上述方案，至少可以达到如下有益效果：

1、减少了开发者实际编写的代码量，减少了大量的重复代码，减少了开发对代码的维护难度。

2、统一了整个界面的风格样式，统一了内存的管理。

3、且只需要维护生成界面的这些目标面板组件，能降低维护难度，尽可能避免增加开发修改不完善导致的开发故障，减少了故障的发生率。

以上内容是结合具体的实施方式对本发明所作的进一步详细说明，不能认定本发明的具体实施只局限于这些说明。对于本发明所属技术领域的普通技术 人员来说，在不脱离本发明构思的前提下，还可以做出若干简单推演或替换，都应当视为属于本发明的保护范围。