[发明专利]实现业务编排的前端组件快速处理方法、系统及计算机存储介质

权利要求书

1.一种实现业务编排的前端组件快速处理方法，其特征在于，所述方法包括：在前端框架内部注入数据模型引擎，所述数据模型引擎与前端框架进行了侵入式的代码绑定，并通过原生JavaScript语法直接访问前端框架内部，获取页面的组件实例并对组件进行操作。

2.根据权利要求1所述的前端组件快速处理方法，其特征在于，对所述组件的操作包括如下中的一种或几种：

修改组件实例数据或内容；

监听各组件内部事件以管理组件之间的数据通信；

从服务端获取远程数据，对页面进行组件渲染；

对页面中各组件进行排列渲染；

动态替换脚本代码实现在线调试。

3.根据权利要求2所述的前端组件快速处理方法，其特征在于，获取页面的组件实例包括：将页面的各渲染组件按照编号、类型、名称进行统计归类，一个页面形成一个options配置数组，通过所述配置数组中的编号、类型或名称，以选择对应的组件及组件实例。

4.根据权利要求2所述的前端组件快速处理方法，其特征在于，管理组件之间的数据通信包括：监听各组件内部数据是否发生变化，在某组件内部发出消息事件时，传递给所述数据模型引擎，所述数据模型引擎接收某组件内部发出事件并触发其它关联组件实例的数据更新，其它关联组件对更新的组件实例添加事件接受方法，完成消息事件的更新。

5.根据权利要求2或3所述的前端组件快速处理方法，其特征在于，所述组件的排列包括：组件的创建、删除、前后排序。

6.根据权利要求2或3所述的前端组件快速处理方法，其特征在于，从服务端获取远程数据，对页面进行组件渲染的过程包括：通过数据模型引擎传递请求参数，选取对应的组件实例，将接口数据直接赋值给组件实例内的字段，实现页面组件的渲染。

7.根据权利要求1所述的前端组件快速处理方法，其特征在于，所述的前端页面框架包括react、vue、angular。

8.一种实现业务编排的前端组件快速处理系统，其特征在于，所述系统包括：数据模型引擎，所述数据模型引擎提前注入在前端框架内部并与前端框架内部的代码进行了侵入式的绑定，通过原生JavaScript语法直接访问前端框架内部，获取页面的组件实例并对组件进行操作。

9.如权利要求8所述的前端组件快速处理系统，其特征在于，所述数据模型引擎包括：组件选择器、事件管理器、数据请求库和组件排列器，其中，所述组件选择器用于根据组件的数据格式快速获取组件实例，所述事件管理器用于监听管理页面中各组件间的数据通信，所述数据请求库用于和服务的进行数据交互；所述组件排列器用于在页面中排列渲染的组件。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述方法的操作步骤。