CN108628598A - 一种组件化的web开发方法及装置 - Google Patents

Abstract

本发明提供了一种组件化的web开发方法及装置，该方法包括：构建至少一个业务功能对应的至少一个功能组件；还包括：确定待开发软件对应的至少一个目标业务功能；从所述至少一个功能组件中确定与每一个所述目标业务功能对应的目标功能组件；将各个所述目标功能组件进行组合，利用组合的各个所述目标功能组件开发所述待开发软件。本方案能提高代码复用率，提高软件开发效率。

Description

一种组件化的web开发方法及装置

技术领域

本发明涉及计算机技术领域，特别涉及一种组件化的web开发方法及装置。

背景技术

随着计算机技术的发展，网络公关系统(electronic public relationsystem，EPR)越来越多的走入了各个企业。随着EPR软件的飞速发展，企业对EPR软件的要求也越来越高，通常需要在较短时间内开发出功能强大的软件。

目前，开发人员在进行软件开发时，针对不同的软件，需要编写不同的代码。而在不同的软件中，可能具有相同的功能，因此开发人员针对不同开发软件编写代码时，会重复编写相同功能对应的代码。由于每个功能往往涉及大量的代码，因此重复编写这些代码将降低开发效率。

发明内容

本发明实施例提供了一种组件化的web开发方法及装置，能提高软件开发的效率。

第一方面，本发明实施例提供了一种组件化的web开发方法，包括：

构建至少一个业务功能对应的至少一个功能组件；

还包括：

确定待开发软件对应的至少一个目标业务功能；

从所述至少一个功能组件中确定与每一个所述目标业务功能对应的目标功能组件；

将各个所述目标功能组件进行组合，利用组合的各个所述目标功能组件开发所述待开发软件。

优选地，

在所述构建至少一个业务功能对应的至少一个功能组件之后，进一步包括：

确定每一个所述功能组件对应的至少一个子组件，以及各个所述子组件对应的业务逻辑；

所述将各个所述目标功能组件进行组合，包括：

针对每一个所述目标功能组件，均执行：

从所述目标功能组件对应的各个所述子组件中，确定与所述目标业务功能对应的至少一个目标子组件；

根据各个所述子组件对应的业务逻辑，对各个所述目标子组件进行组合，形成当前功能组件，并将各个所述当前功能组件进行组合。

优选地，

在所述确定待开发软件对应的至少一个目标业务功能之后，进一步包括：

确定所述至少一个目标业务功能对应的至少一个附加功能；

在所述从所述至少一个功能组件中确定与每一个所述目标业务功能对应的目标功能组件之后，在所述将各个所述目标功能组件进行组合之前，进一步包括：

确定与各个所述附加功能分别对应的目标功能组件；

针对确定出的每一个所述目标功能组件：获取与所述附加功能对应的属性信息，并将所述属性信息封装在所述目标功能组件中。

优选地，

在所述利用组合的各个所述目标功能组件开发所述待开发软件之后，进一步包括：

获取所述待开发软件对应的页面故障信息；

将每一个所述目标功能组件作为当前目标功能组件，执行：

对所述当前目标功能组件进行屏蔽；

运行所述待开发软件，确定所述页面故障信息是否存在，如果否，将所述当前目标功能组件确定为故障功能组件，并移除所述故障功能组件。

优选地，

在所述利用组合的各个所述目标功能组件开发所述待开发软件之后，进一步包括：

获取组件报错信息；

确定与所述组件报错信息对应的目标功能组件；

获取与确定出的所述目标功能组件对应的优化信息；

根据所述优化信息对确定出的所述目标功能组件进行优化。

第二方面，本发明实施例提供了一种组件化的web开发装置，包括：组件构建单元、功能确定单元、组件确定单元和开发单元；其中，

所述组件构建单元，用于构建至少一个业务功能对应的至少一个功能组件；

所述功能确定单元，用于确定待开发软件对应的至少一个目标业务功能；

所述组件确定单元，用于从所述至少一个功能组件中确定与每一个所述目标业务功能对应的目标功能组件；

所述开发单元，用于将各个所述目标功能组件进行组合，利用组合的各个所述目标功能组件开发所述待开发软件。

优选地，

所述组件构建单元，进一步用于确定每一个所述功能组件对应的至少一个子组件，以及各个所述子组件对应的业务逻辑；

所述开发单元，用于针对每一个所述目标功能组件，均执行：从所述目标功能组件对应的各个所述子组件中，确定与所述目标业务功能对应的至少一个目标子组件；根据各个所述子组件对应的业务逻辑，对各个所述目标子组件进行组合，形成当前功能组件，并对各个所述当前功能组件进行组合。

优选地，

所述功能确定单元，进一步用于确定所述至少一个目标业务功能对应的至少一个附加功能；

所述组件确定单元，进一步用于确定与各个所述附加功能分别对应的目标功能组件，并针对确定出的每一个所述目标功能组件：获取与所述附加功能对应的属性信息，并将所述属性信息封装在所述目标功能组件中。

优选地，

进一步包括：第一调试单元；其中，

所述第一调试单元，用于获取所述待开发软件对应的页面故障信息；将每一个所述目标功能组件作为当前目标功能组件，执行：对所述当前目标功能组件进行屏蔽，并运行所述待开发软件，确定所述页面故障信息是否存在，如果否，将所述当前目标功能组件确定为故障功能组件，并移除所述故障功能组件。

优选地，

进一步包括：第二调试单元；其中，

所述第二调试单元，用于获取组件报错信息，确定与所述组件报错信息对应的目标功能组件；获取与确定出的所述目标功能组件对应的优化信息，并根据所述优化信息对确定出的所述目标功能组件进行优化。

本发明实施例提供了一种组件化的web开发方法及装置，通过构建多个业务功能分别对应的功能组件，在软件开发时，根据待开发软件对应的目标业务功能，确定出对应的目标功能组件，然后对各个目标功能组件进行组合，即可利用组合的目标功能组件开发出相应的软件。由此将待开发软件的功能抽象成多个组件，在开发时通过组件的组合即拼接成相应的开发软件，而无需重复编写软件功能对应的代码，从而提高了软件开发效率。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明一个实施例提供的一种组件化的web开发方法的流程图；

图2是本发明另一个实施例提供的一种组件化的web开发方法的流程图；

图3是本发明一个实施例提供的一种组件化的web开发装置的结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例，基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

如图1所示，本发明实施例提供了一种组件化的web开发方法，该方法可以包括以下步骤：

步骤101：构建至少一个业务功能对应的至少一个功能组件；

步骤102：确定待开发软件对应的至少一个目标业务功能；

步骤103：从所述至少一个功能组件中确定与每一个所述目标业务功能对应的目标功能组件；

步骤104：将各个所述目标功能组件进行组合，利用组合的各个所述目标功能组件开发所述待开发软件。

上述实施例中，通过构建多个业务功能分别对应的功能组件，在软件开发时，根据待开发软件对应的目标业务功能，确定出对应的目标功能组件，然后对各个目标功能组件进行组合，即可利用组合的目标功能组件开发出相应的软件。由此将待开发软件的功能抽象成多个组件，在开发时通过组件的组合即拼接成相应的开发软件，而无需重复编写软件功能对应的代码，从而提高了软件开发效率。

本发明一个实施例中，在步骤102之后，可以进一步包括：

确定所述至少一个目标业务功能对应的至少一个附加功能；

在步骤103之后，在步骤104之前，可以进一步包括：

确定与各个所述附加功能分别对应的目标功能组件；

针对确定出的每一个所述目标功能组件：获取与所述附加功能对应的属性信息，并将所述属性信息封装在所述目标功能组件中。

例如，待开发软件的一个目标业务功能为一个金额输入提示框，该金额输入提示框除了需要将用户输入的信息转换成金额格式外，还需具有添加千分符以及弹出浮窗，以提示用户金额等附加功能。金额输入提示框在财务公司是最常用的一个组件，若按照传统方式进行开发，每次都需要写如下所示的大量代码：

利用本发明实施例提供的方法，将金额输入提示框封装成一个功能组件，则只需在构建功能组件时，编写一次该代码，然后将其封装为金额组件，在封装时设置相应的接口，然后将千分符、浮窗、金额大小限制和是否禁用等附加功能作为属性信息通过该接口传输给该金额组件，并将这些信息封装在组件内部，该过程至少可通过如下程序语言实现：

由此，在之后的开发过程中，就不用关心这些功能具体是通过哪些代码实现，直接使用金额组件即可。在不同软件界面中需要开发金额输入提示框时，直接调用该金额组件即可，调用过程可通过如下代码实现，而不用重新写大量代码，从而提高功能组件的复用性。

<MoneyInput style＝{{width:'100％'}}/>

另外，考虑到应用场景的复杂性，在开发不同的软件时，各个软件中相同的业务功能也可能具有不同的附加功能，这会要求我们加入一些新的属性信息，通过本发明实施例提供的方法，添加新的属性信息不会影响之前已开发的业务功能，则每个组件维护人员可以长期对功能组件进行维护，在需要时为其添加属性信息，以丰富其功能，这有利于各个功能组件的协同开发。

当某个功能组件达不到要求或者需要替换时，在步骤104之后，可以进一步包括：

获取所述待开发软件对应的页面故障信息；

将每一个所述目标功能组件作为当前目标功能组件，执行：

对所述当前目标功能组件进行屏蔽；

运行所述待开发软件，确定所述页面故障信息是否存在，如果否，将所述当前目标功能组件确定为故障功能组件，并移除所述故障功能组件。

在这里，当开发软件出现问题时，根据开发软件对应的页面故障信息，对各个当前目标功能组件进行屏蔽，例如，开发软件对应的目标功能组件有金额组件和各个视图组件，当获取到页面故障信息时，则先屏蔽金额组件，若屏蔽金额组件后，运行开发软件时即不存在页面故障信息了，则说明开发软件的故障来源为金额组件，这说明金额组件出现问题或达不到开发要求，此时将金额组件移除，以消除开发软件的故障，便于开发软件的调试。当对该故障功能组件进行修改或优化后，可再用于另外的软件开发。

本发明一个实施例中，在步骤104之后，可以进一步包括：

获取组件报错信息；

确定与所述组件报错信息对应的目标功能组件；

获取与确定出的所述目标功能组件对应的优化信息；

根据所述优化信息对确定出的所述目标功能组件进行优化。

在构建组件时，可设置功能组件自动报错，在软件开发时，当获取到组件报错信息时，根据报错的组件快速定位问题，然后根据该报错组件的优化信息对其进行代码优化，从而有利于软件系统的整体升级。

本发明一个实施例中，在步骤101之后，可以进一步包括：

确定每一个所述功能组件对应的至少一个子组件，以及各个所述子组件对应的业务逻辑；

所述将各个所述目标功能组件进行组合，包括：

针对每一个所述目标功能组件，均执行：

从所述目标功能组件对应的各个所述子组件中，确定与所述目标业务功能对应的至少一个目标子组件；

根据各个所述子组件对应的业务逻辑，对各个所述目标子组件进行组合，形成当前功能组件，并将各个所述当前功能组件进行组合。

例如，针对一个标签Tab组件，其包含三个页面，分别为申请信息页面、明细信息页面以及附件上传功能，这三个页面分别对应着子组件<EleBillAppMsg/>，<EleBillDetailMsg/>和<UploadAttach/>。则根据这三个子组件的业务逻辑，将其进行组合，然后我们只需关心组合后的当前功能组件的功能，然后将各个当前功能组件组合起来即可。另外，附件上传是常用的功能，在构建组件时可通过传入属性信息，使需要的功能组件均具有该功能，即实现子组件共用，同时易于各个功能组件的维护，该过程至少可通过如下程序语言实现：

当需要修改某一项功能时，仅需对相应组件的子组件进行修改即可，不会影响之前功能的使用。同时，该方法使功能组件具有很强的扩展性，例如，在需要增加新功能新页面时，只需要增加一个新的子组件，再将新增的子组件与原子组件进行拼接即可，避免重复编写代码，从而进一步提高软件开发的效率。

如图2所示，本发明实施例提供了一种组件化的web开发方法，该方法可以包括以下步骤：

步骤201：构建至少一个业务功能对应的至少一个功能组件，并确定每一个所述功能组件对应的至少一个子组件，以及各个所述子组件对应的业务逻辑。

将软件功能抽象成多个功能组件，例如，按钮组件、对话框组件、表单组件、列表组件和Tab组件等，并将每个功能组件划分为多个子组件，划分可按每个功能组件对应的页面进行划分，并根据划分规则确定各个子组件对应的业务逻辑。

步骤202：确定待开发软件对应的至少一个目标业务功能，以及所述至少一个目标业务功能对应的至少一个附加功能；

步骤203：从所述至少一个功能组件中确定与每一个所述目标业务功能对应的目标功能组件。

例如，待开发软件对应的目标功能组件为Tab组件。

步骤204：确定与各个所述附加功能分别对应的目标功能组件，获取与所述附加功能对应的属性信息，并将所述属性信息封装在对应的所述目标功能组件中。

步骤205：针对每一个所述目标功能组件：从所述目标功能组件对应的各个子组件中，确定与所述目标业务功能对应的至少一个目标子组件。

在这里，以Tab组件对应三个页面为例，其对应的页面分别为申请信息页面、明细信息页面以及附件上传功能，这三个页面分别对应着子组件<EleBillAppMsg/>，<EleBillDetailMsg/>和<UploadAttach/>。其中，附件上传是常用的功能，可通过向Tab组件传入其对应的属性信息，使需要的功能组件均具有该功能，即实现子组件共用，同时易于各个功能组件的维护。

步骤206：根据各个所述子组件对应的业务逻辑，对各个所述目标子组件进行组合，形成当前功能组件。

在这里，根据划分这三个页面分别对应的子组件时的业务逻辑，将这三个子组件进行组合，然后我们只需关注组合后的功能，而无需关系具体代码。

步骤207：对各个所述当前功能组件进行组合，利用组合后的当前功能组件开发待开发软件。

综上所述，通过将软件的各个功能封装成不同的功能组件，并为其分配不同的标签，在开发软件时，可根据待开发软件对应的不同功能或界面对相应的组件进行调用，方便快捷，提高了软件的开发效率。并且同一个功能组件能用于不同的软件开发，增加了代码的重用率，提高了代码的复用性。同时可支持一人开发多人应用的效果，可使每个开发人员根据自身的优势和精力维护相应的功能组件，各个功能组件可为整个开发团队使用，从而增加了系统的易维护性，并能提高开发效率与质量。

如图3所示，本发明实施例提供了一种组件化的web开发装置，包括：组件构建单元301、功能确定单元302、组件确定单元303和开发单元304；其中，

所述组件构建单元301，用于构建至少一个业务功能对应的至少一个功能组件；

所述功能确定单元302，用于确定待开发软件对应的至少一个目标业务功能；

所述组件确定单元303，用于从所述至少一个功能组件中确定与每一个所述目标业务功能对应的目标功能组件；

所述开发单元304，用于将各个所述目标功能组件进行组合，利用组合的各个所述目标功能组件开发所述待开发软件。

本发明一个实施例中，所述组件构建单元301，进一步用于确定每一个所述功能组件对应的至少一个子组件，以及各个所述子组件对应的业务逻辑；

所述开发单元304，用于针对每一个所述目标功能组件，均执行：从所述目标功能组件对应的各个所述子组件中，确定与所述目标业务功能对应的至少一个目标子组件；根据各个所述子组件对应的业务逻辑，对各个所述目标子组件进行组合，形成当前功能组件，并对各个所述当前功能组件进行组合。

本发明一个实施例中，所述功能确定单元302，进一步用于确定所述至少一个目标业务功能对应的至少一个附加功能；

所述组件确定单元303，进一步用于确定与各个所述附加功能分别对应的目标功能组件，并针对确定出的每一个所述目标功能组件：获取与所述附加功能对应的属性信息，并将所述属性信息封装在所述目标功能组件中。

本发明一个实施例中，该装置可以进一步包括：第一调试单元；其中，

所述第一调试单元，用于获取所述待开发软件对应的页面故障信息；将每一个所述目标功能组件作为当前目标功能组件，执行：对所述当前目标功能组件进行屏蔽，并运行所述待开发软件，确定所述页面故障信息是否存在，如果否，将所述当前目标功能组件确定为故障功能组件，并移除所述故障功能组件。

本发明一个实施例中，该装置可以进一步包括：第二调试单元；其中，

所述第二调试单元，用于获取组件报错信息，确定与所述组件报错信息对应的目标功能组件；获取与确定出的所述目标功能组件对应的优化信息，并根据所述优化信息对确定出的所述目标功能组件进行优化。

上述装置内的各单元之间的信息交互、执行过程等内容，由于与本发明方法实施例基于同一构思，具体内容可参见本发明方法实施例中的叙述，此处不再赘述。

本发明实施例提供了一种可读介质，包括执行指令，当存储控制器的处理器执行所述执行指令时，所述存储控制器执行本发明上述任一实施例提供的方法。

本发明实施例提供了一种存储控制器，包括：处理器、存储器和总线；所述存储器用于存储执行指令，所述处理器与所述存储器通过所述总线连接，当所述存储控制器运行时，所述处理器执行所述存储器存储的所述执行指令，以使所述存储控制器执行本发明上述任一实施例提供的方法。

综上所述，本发明以上各个实施例至少具有如下有益效果：

1、在本发明实施例中，通过构建多个业务功能分别对应的功能组件，在软件开发时，根据待开发软件对应的目标业务功能，确定出对应的目标功能组件，然后对各个目标功能组件进行组合，即可利用组合的目标功能组件开发出相应的软件。由此将待开发软件的功能抽象成多个组件，在开发时通过组件的组合即拼接成相应的开发软件，而无需重复编写软件功能对应的代码，从而提高了软件开发效率。

2、在本发明实施例中，通过获取附加功能对应的属性信息，并将获取到的属性信息封装到目标功能组件中，以为目标功能组件添加附加功能，由此在不改变已开发的业务功能的同时，丰富目标功能组件的功能，从而有利于提高功能组件的复用性，并有利于各个功能组件的协同开发。

3、在本发明实施例中，当软件页面出现问题时，可通过屏蔽目标功能组件或者组件报错方式，快速定位问题，并移除相应的故障功能组件或对功能组件进行优化，从而便于软件开发过程的调试，并有利于软件系统的整体升级。

需要说明的是，在本文中，诸如第一和第二之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个······”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同因素。

本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储在计算机可读取的存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质中。

最后需要说明的是：以上所述仅为本发明的较佳实施例，仅用于说明本发明的技术方案，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所做的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (10)

1.一种组件化的web开发方法，其特征在于，包括：

构建至少一个业务功能对应的至少一个功能组件；

还包括：

确定待开发软件对应的至少一个目标业务功能；

从所述至少一个功能组件中确定与每一个所述目标业务功能对应的目标功能组件；

将各个所述目标功能组件进行组合，利用组合的各个所述目标功能组件开发所述待开发软件。

2.根据权利要求1所述的方法，其特征在于，

在所述构建至少一个业务功能对应的至少一个功能组件之后，进一步包括：

确定每一个所述功能组件对应的至少一个子组件，以及各个所述子组件对应的业务逻辑；

所述将各个所述目标功能组件进行组合，包括：

针对每一个所述目标功能组件，均执行：

从所述目标功能组件对应的各个所述子组件中，确定与所述目标业务功能对应的至少一个目标子组件；

根据各个所述子组件对应的业务逻辑，对各个所述目标子组件进行组合，形成当前功能组件，并将各个所述当前功能组件进行组合。

3.根据权利要求1所述的方法，其特征在于，

在所述确定待开发软件对应的至少一个目标业务功能之后，进一步包括：

确定所述至少一个目标业务功能对应的至少一个附加功能；

在所述从所述至少一个功能组件中确定与每一个所述目标业务功能对应的目标功能组件之后，在所述将各个所述目标功能组件进行组合之前，进一步包括：

确定与各个所述附加功能分别对应的目标功能组件；

针对确定出的每一个所述目标功能组件：获取与所述附加功能对应的属性信息，并将所述属性信息封装在所述目标功能组件中。

4.根据权利要求1所述的方法，其特征在于，

在所述利用组合的各个所述目标功能组件开发所述待开发软件之后，进一步包括：

获取所述待开发软件对应的页面故障信息；

将每一个所述目标功能组件作为当前目标功能组件，执行：

对所述当前目标功能组件进行屏蔽；

运行所述待开发软件，确定所述页面故障信息是否存在，如果否，将所述当前目标功能组件确定为故障功能组件，并移除所述故障功能组件。

5.根据权利要求1所述的方法，其特征在于，

在所述利用组合的各个所述目标功能组件开发所述待开发软件之后，进一步包括：

获取组件报错信息；

确定与所述组件报错信息对应的目标功能组件；

获取与确定出的所述目标功能组件对应的优化信息；

根据所述优化信息对确定出的所述目标功能组件进行优化。

6.一种组件化的web开发装置，其特征在于，包括：组件构建单元、功能确定单元、组件确定单元和开发单元；其中，

所述组件构建单元，用于构建至少一个业务功能对应的至少一个功能组件；

所述功能确定单元，用于确定待开发软件对应的至少一个目标业务功能；

所述组件确定单元，用于从所述至少一个功能组件中确定与每一个所述目标业务功能对应的目标功能组件；

所述开发单元，用于将各个所述目标功能组件进行组合，利用组合的各个所述目标功能组件开发所述待开发软件。

7.根据权利要求6所述的装置，其特征在于，

所述组件构建单元，进一步用于确定每一个所述功能组件对应的至少一个子组件，以及各个所述子组件对应的业务逻辑；

所述开发单元，用于针对每一个所述目标功能组件，均执行：从所述目标功能组件对应的各个所述子组件中，确定与所述目标业务功能对应的至少一个目标子组件；根据各个所述子组件对应的业务逻辑，对各个所述目标子组件进行组合，形成当前功能组件，并对各个所述当前功能组件进行组合。

8.根据权利要求6所述的装置，其特征在于，

所述功能确定单元，进一步用于确定所述至少一个目标业务功能对应的至少一个附加功能；

所述组件确定单元，进一步用于确定与各个所述附加功能分别对应的目标功能组件，并针对确定出的每一个所述目标功能组件：获取与所述附加功能对应的属性信息，并将所述属性信息封装在所述目标功能组件中。

9.根据权利要求6所述的装置，其特征在于，

进一步包括：第一调试单元；其中，

所述第一调试单元，用于获取所述待开发软件对应的页面故障信息；将每一个所述目标功能组件作为当前目标功能组件，执行：对所述当前目标功能组件进行屏蔽，并运行所述待开发软件，确定所述页面故障信息是否存在，如果否，将所述当前目标功能组件确定为故障功能组件，并移除所述故障功能组件。

10.根据权利要求6所述的装置，其特征在于，

进一步包括：第二调试单元；其中，

所述第二调试单元，用于获取组件报错信息，确定与所述组件报错信息对应的目标功能组件；获取与确定出的所述目标功能组件对应的优化信息，并根据所述优化信息对确定出的所述目标功能组件进行优化。