[发明专利]配置web应用程序中运行逻辑可视化方法、装置和设备

说明书

本发明涉及一种配置web应用程序中运行逻辑可视化方法，包括将独立模块实现为逻辑单元模板，得到逻辑单元模板库，所述独立模块包括方法、数据、事件、流程控制和界面组件；基于所述逻辑单元模板库，根据Web应用程序的业务类型生成自定义逻辑单元，并将所述自定义逻辑单元渲染为可视化界面；根据所述自定义逻辑单元的输入接口和输出接口，对所有所述自定义逻辑单元进行关联后，并基于所述可视化界面在所述Web应用程序中显示。本发明使得复杂的业务逻辑也能可视化配置，使得复杂的业务逻辑能在一张图中明确展示，基于本发明非技术人员也可以制作web应用程序。本发明还涉及一种配置web应用程序中运行逻辑可视化装置和设备。

技术领域

本发明涉及信息处理技术领域，尤其涉及一种配置web应用程序中运行逻辑可视化方法、装置和设备。

背景技术

目前市场上已经有大量的用可视化方式生成web应用程序的产品，通常是通过拖拽界面组件到画布并且配合表单设置界面组件属性的方式来实现。但对于web应用中的逻辑，以及多个界面组件之间的协作逻辑都无法进行配置。有少数产品也以表单的形式提供了运行逻辑的配置，但使用门槛较高，效果不直观、而且交互体验差。

发明内容

本发明所要解决的技术问题是针对现有技术的不足，提供一种配置web应用程序中运行逻辑可视化方法、装置和设备。

本发明解决上述技术问题的技术方案如下：

一种配置web应用程序中运行逻辑可视化方法，所述方法包括：

将独立模块实现为逻辑单元模板，得到逻辑单元模板库，所述独立模块包括方法、数据、事件、流程控制和界面组件；

基于所述逻辑单元模板库，根据Web应用程序的业务类型生成自定义逻辑单元，并将所述自定义逻辑单元渲染为可视化界面；

根据所述自定义逻辑单元的输入接口和输出接口，对所有所述自定义逻辑单元进行关联后，并基于所述可视化界面在所述Web应用程序中显示。

在上述技术方案的基础上，本发明还可以做如下改进。

进一步地，所述将独立模块实现为逻辑单元模板，具体包括：

通过JavaScript语言中的类表示所述逻辑单元模板；

基于所述独立模块的输入数据和输出数据，得到所述逻辑单元模板的配置数据；

编写所述逻辑单元模板的执行方法。

进一步地，所述编写所述逻辑单元模板的执行方法，具体包括：

利用所述输入数据和所述输出数据，编写所述逻辑单元模板的逻辑；

当所述逻辑单元模板执行时，将返回值填写至所述逻辑单元模板的输出数据中；

若输出数据中存在回调函数，则在事件回调中，启动新执行链。

进一步地，所述基于所述可视化界面在所述Web应用程序中显示，具体包括：

根据所述自定义逻辑单元的连线关系，得到所述自定义逻辑单元之间的关系，根据所述自定义逻辑单元之间的关系，在所述Web应用程序中进行运行。

进一步地，所述根据所述自定义逻辑单元的输入接口和输出接口，对所有所述自定义逻辑单元进行关联，具体包括：

若第一自定义逻辑单元的输入接口的类型和第二自定义逻辑单元的输出接口的类型相同，则将所述第一自定义逻辑单元的输入接口和所述第二自定义逻辑单元的输出接口进行关联。

进一步地，所述方法还包括：

所述输入接口的类型分为动作类型和数值类型，所述输出接口的类型分为动作类型和数值类型；