[发明专利]基于算子及控件的业务界面开发方法

说明书

本发明公开了一种基于算子及控件的业务界面开发方法，基于可视化的算子配置方式实现页面中控件数据的获取，基于可视化的拖拽控件实现Web端界面布局及展示，业务人员能够通过此方法将客户的想法快速转变为真实可见的界面，从而确保开发出来的界面就是客户真正需要的。

技术领域

本发明涉及Web端应用开发领域，特别是涉及业务界面开发方法。

背景技术

目前，传统的Web应用开发都需要程序员根据需求进行编码实现，且需要和需求收集人员或项目经理进行反复的开发确认，此过程周期较长，人员投入较多，开发成本较大，已经越来越难满足需要快速实现的项目。同时，在需求收集期间，有时文字很难描述清楚客户的真实想法。

发明内容

发明目的：本发明的目的是提供一种能够快速生成界面原型的基于算子及控件的业务界面开发方法。

技术方案：本发明所述的基于算子及控件的业务界面开发方法，包括以下过程：

S1：使用开源easyui tree控件生成算子树列表；

S2：使用开源mxgraph js库在绘图区生成算子，点击算子后打开算子配置信息页面，进行算子详细配置参数的填写；

S3：在布局设计器中拖拽各个控件，然后对每个控件进行配置，即为每个控件增加属性、方法和事件；

S4：预览界面时根据控件配置信息将在布局设计器中拖拽好的界面进行控件属性的初始化，监听控件所配置的事件；

S5：控件收到相关事件时，根据配置的流程算子URL去请求流程算子的执行结果数据，流程算子返回结果后，再调用控件的方法为控件赋值，并在界面显示查询结果。

进一步，所述步骤S1具体包括以下过程：使用开源easyui tree控件生成算子树列表，根据业务需求对算子进行分类，并为算子定义相关信息，对算子进行开发。

进一步，所述对算子进行的开发包括算子界面配置开发以及业务数据获取功能开发。

进一步，所述步骤S5中，当初始化的控件属性中包含请求算子URL信息，则初始化过程中获取算子运行结果数据并将数据赋值给该控件进行展示。

进一步，所述步骤S5中，当控件收到页面响应事件时，则根据页面响应事件配置的算子URL去请求此算子的运行结果数据，收到运行结果数据后根据配置的控件唯一ID找到此控件并调用该控件的相关方法为控件赋值。

进一步，所述步骤S4中，拖拽的控件包括布局控件、表单控件和图表控件。

有益效果：本发明公开了一种基于算子及控件的业务界面开发方法，业务人员能够通过此方法将客户的想法快速转变为真实可见的界面，从而确保开发出来的界面就是客户真正需要的。

附图说明

图1为本发明具体实施方式中的业务流程及算子配置图；

图2为本发明具体实施方式中的控件与算子之间数据交互的示意图。

具体实施方式

基于算子及控件的业务界面开发方法，包括以下过程：

S1：使用开源easyui tree控件生成算子树列表，根据业务需求对算子进行分类，并为算子定义相关信息，对算子进行开发。可将算子分类为表查询算子、表更新算子和图展示算子，如图1所示。对算子进行的开发包括算子界面配置开发以及业务数据获取功能开发。

S2：使用开源mxgraph js库在绘图区生成算子，点击算子后打开算子配置信息页面进行信息配置，如图1所示，包括编写SQL语句以及配置控件展示需要的属性，进行算子详细配置参数的填写。