一种应用流程编排的H5编辑方法及系统

技术领域

本发明涉及网络页面生成技术领域，尤其涉及一种应用流程编排的H5编辑方法及系统。

背景技术

得益于优异的性能和新的应用特性，HTML5(H5)已经逐渐成为互联网广泛应用的新标准。

当前市面上存在一些比较成熟的H5编辑器，但是这些编辑器基本都是拖拽一些简单的H5页面，更多的是宣传页，页面上的任何元素都是固定的，没有任何从接口或者数据库拿到的数据，即便是有一些交互，例如，分享，跳转等，这些也只是简单的一些交互，依旧不能够给大家提供业务上的能力的复用。

现有H5编辑器，只能编辑一些简单的没有业务数据的H5页面。并不能够拖拽一些带有业务属性、业务数据的页面，例如，登陆注册，领取奖励，即便有些是可以有业务数据的承载，但是页面中的相互跳转，根据一些业务属性去判断跳转不同的页面，也是很难处理，一般会是与UI交互掺杂在一起。但是这样大大降低了业务能力复用性，每次的UI交互有稍微的差别，这个业务能力需要重新开发，毕因为在这个业务能力里面有很多业务逻辑分散在里面。日复一日，业务能力就会越来越多，导致系统代码越来越多，系统启动越来越慢。

发明内容

为解决现有技术的不足，本发明提出一种应用流程编排的H5编辑方法及系统，在当前能够处理业务逻辑数据的编辑器基础上，增加流程编排技术，解决当前系统所存在的页面交互与逻辑流程所存在的耦合问题，将页面的ui处理和流程逻辑处理分离开，能够大大提升业务组件的复用性，进而提升页面的启动效率。在工作中，业务方提出类似的需求，有曾经处理过的一个业务组件，我们就无需开发，减少了开发工期，提供工作效率，缩短上线周期。

为实现以上目的，本发明所采用的技术方案包括：

一种应用流程编排的H5编辑方法，其特征在于，包括：

S1、定义业务规则，所述业务规则包括该业务对应的业务身份和该业务所实现的业务能力，还包括对应的输入数据规定和输出数据规定以及所述业务规则对应的页面UI标签；

S2、根据业务能力将业务规则分组整理，形成可复用的业务规则集合；

S3、根据业务需求，从业务规则集合中选择具有解决该业务需求的业务能力的对应业务规则作为编辑组件；

S4、重复步骤S3，至业务中的各项业务需求均匹配到对应的编辑组件；

S5、根据各编辑组件所对应业务规则的输入数据规定和输出数据规定，将各编辑组件依据逻辑顺序连接，形成页面流程结构；

S6、根据根据各编辑组件所对应业务规则的页面UI标签，调取对应的页面UI组件依据页面流程结构建立H5页面。

进一步地，所述页面流程结构和所述页面UI组件为json格式文件。

进一步地，所述步骤S3还包括：

当现有业务规则集合中不存在具有解决该业务需求的业务能力的对应业务规则时，返回执行步骤S1和步骤S2更新业务规则集合。

进一步地，所述步骤S2包括：

将业务能力相同或相近似的业务规则归结为一个业务分组中；

将业务能力具有前后逻辑连接关系的业务分组标记为相关分组。

进一步地，所述步骤S5包括：

设定业务的初始输入和结果输出；

将输入数据规定匹配初始输入的编辑组件设定为起始组件；

将输出数据规定匹配结果输出的编辑组件设定为终点组件；

连接输出数据规定和输入数据规定相同的编辑组件。

进一步地，所述调取对应的页面UI组件依据页面流程结构建立H5页面包括使用H5渲染引擎解析页面流程结构和所述页面UI组件，并渲染对应的页面节点。

本发明还涉及一种应用流程编排的H5编辑系统，其特征在于，包括：

业务规则整理模块，用于定义业务规则，并生成业务规则集合；

编辑组件组装模块，用于选择编辑组件，并连接各编辑组件形成页面流程结构；

H5页面渲染模块，用于调取对应的页面UI组件依据页面流程结构建立H5页面。

本发明还涉及一种计算机可读存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述的方法。

本发明还涉及一种电子设备，其特征在于，包括处理器和存储器；

所述存储器，用于存储业务规则和页面UI组件；

所述处理器，用于通过调用业务规则和页面UI组件，执行上述的方法。

本发明的有益效果为：

采用本发明所述应用流程编排的H5编辑方法及系统，通过调用可复用的业务规则集合，在当前能够处理业务逻辑数据的编辑器基础上，增加流程编排技术，解决当前系统所存在的页面交互与逻辑流程所存在的耦合问题，将页面的ui处理和流程逻辑处理分离开，能够大大提升业务组件的复用性，进而提升页面的启动效率。在工作中，业务方提出类似的需求，有曾经处理过的一个业务组件，我们就无需开发，减少了开发工期，提供工作效率，缩短上线周期。

附图说明

图1为本发明应用流程编排的H5编辑方法流程示意图。

图2为本发明应用流程编排的H5编辑系统结构示意图。

具体实施方式

为了更清楚的理解本发明的内容，将结合附图和实施例详细说明。

本发明第一方面设计一种应用流程编排的H5编辑方法，流程如图1所示，包括：

S1、定义业务规则，所述业务规则包括该业务对应的业务身份和该业务所实现的业务能力，还包括对应的输入数据规定和输出数据规定以及所述业务规则对应的页面UI标签；

S2、根据业务能力将业务规则分组整理，形成可复用的业务规则集合，特别是包括：将业务能力相同或相近似的业务规则归结为一个业务分组中，将业务能力具有前后逻辑连接关系的业务分组标记为相关分组；

S3、根据业务需求，从业务规则集合中选择具有解决该业务需求的业务能力的对应业务规则作为编辑组件；当现有业务规则集合中不存在具有解决该业务需求的业务能力的对应业务规则时，返回执行步骤S1和步骤S2更新业务规则集合；

S4、重复步骤S3，至业务中的各项业务需求均匹配到对应的编辑组件；

S5、根据各编辑组件所对应业务规则的输入数据规定和输出数据规定，将各编辑组件依据逻辑顺序连接，形成json格式文件的页面流程结构，具体的，包括：设定业务的初始输入和结果输出，将输入数据规定匹配初始输入的编辑组件设定为起始组件，将输出数据规定匹配结果输出的编辑组件设定为终点组件，连接输出数据规定和输入数据规定相同的编辑组件；

S6、根据根据各编辑组件所对应业务规则的页面UI标签，调取对应的json格式文件的页面UI组件依据页面流程结构建立H5页面，优选的使用H5渲染引擎解析页面流程结构和所述页面UI组件，并渲染对应的页面节点。

本发明第二方面涉及一种结构如图2所示的应用流程编排的H5编辑系统，包括：

业务规则整理模块，用于定义业务规则，并生成业务规则集合；

编辑组件组装模块，用于选择编辑组件，并连接各编辑组件形成页面流程结构；

H5页面渲染模块，用于调取对应的页面UI组件依据页面流程结构建立H5页面。

通过使用该系统可以执行上述方法，实现H5页面的流程化编辑。

在实际应用中，例如当前需要定义一个新的业务身份为“新用户可领取优惠券”，则对应业务规则中，需要定义对应的业务能力，首先需要判断是否为新用户，其次，对判断为新用户的执行领取优惠券操作。因此，还需要定义对应该业务规则的输入数据规定和输出数据规定，例如以用户的电话号码作为输入数据规定，以是否成功领取优惠券为输出数据规定。这样就形成了一个完整的业务规则主要内容，再根据需要，安排其对应的页面UI标签，确定其具体的展示内容和方式。

进一步地，还可以再定义另一相关的业务身份为“老用户不可领取优惠券但可跳转至另一活动”，对应的业务能力首先需要判断是否为老用户，其次，对判断为老用户的引导至另一活动的操作。但因为与前一业务身份相关联，因此可以直接定义输入数据规定为根据前一业务身份判断不为新用户，输出数据规定为发出另一活动弹窗提示，使两个业务身份具备了相互之间的逻辑连接关系，实现流程化编排。

以上所述仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到的变化或替换等都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应该以权利要求书的保护范围为准。