一种低代码平台中组件间的数据联动方法及相关设备技术

本发明专利技术公开了一种低代码平台中组件间的数据联动方法及相关设备，本发明专利技术让一个组件通过某种形式去告知(通知)到另一个组件(页面)去触发对应的动作，一种是时刻监听(主动触发)，另一种则是广播式被动触发。本发明专利技术在低代码平台中将组件的数据关联起来，达到联动效果，基于组件间、组件与页面间的数据联动方案，让组件可以通过不同编排关系形成一个动态工作流，来完成不同场景下的动作。来完成不同场景下的动作。来完成不同场景下的动作。

【技术实现步骤摘要】
一种低代码平台中组件间的数据联动方法及相关设备


[0001]本专利技术涉及互联网计算机领域
，尤其涉及一种低代码平台中组件间的数据联动方法、系统、低代码平台及计算机可读存储介质。

技术介绍

[0002]低代码开发平台(LCDP)是无需编码(0代码)或通过少量代码就可以快速生成应用程序的开发平台。通过可视化进行应用程序开发的方法(参考可视编程语言)，使具有不同经验水平的开发人员可以通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。
[0003]低代码开发平台的出现，让开发人员在开发过程中节省并避免了很多重复性需求开发，也许开发人员只是基于低代码去配置一些简单的需求，数据的映射关系是一一对应的，并没有将组件与组件或组件与页面之间通过设置不同的动作联动起来，而仅仅只是一个配置完成后的页面展示，没有任何联动关系，满足的业务场景就特别局限。
[0004]因此，现有技术还有待于改进和发展。

技术实现思路

[0005]本专利技术的主要目的在于提供一种低代码平台中组件间的数据联动方法、系统、低代码平台及计算机可读存储介质，旨在解决现有技术中低代码平台中没有将各个组件数据串联起来，无法达到联动效果的问题。
[0006]为实现上述目的，本专利技术提供一种低代码平台中组件间的数据联动方法，所述低代码平台中组件间的数据联动方法包括如下步骤：
[0007]在低代码平台中配置好第一组件和第二组件，通过VUE Render函数将配置数据渲染成视图；
[0008]给第二组件配置对应的关联动作，通过VUE Render函数渲染第二组件时，查看第二组件配置项中是否有配置关联动作，根据不同的关联动作进行不同的逻辑判断，识别是否有填入表达式，如果有，将表达式通过内置解析函数进行解析，并根据不同的关联动作逻辑执行不同的响应；
[0009]当视图中第一组件的数据变化时，UE框架内部同步数据层的变化，基于VUE Render函数重新执行并渲染第一组件与第二组件，根据不同配置信息执行关联动作。
[0010]可选地，所述的低代码平台中组件间的数据联动方法，其中，所述配置数据为第一组件和第二组件可视化配置完成后的数据。
[0011]可选地，所述的低代码平台中组件间的数据联动方法，其中，所述低代码平台中组件间的数据联动方法还包括：
[0012]给第一组件配置唯一性的标识字段，低代码平台根据配置的标识字段将第一组件通过VUE框架结合V
‑
MODEL指令实现双向数据绑定。
[0013]可选地，所述的低代码平台中组件间的数据联动方法，其中，所述双向数据绑定是
一种数据驱动视图的编程模式，在双向数据绑定中，视图层的变化自动同步到数据层，数据层的变化自动同步到视图层，实现数据和视图之间的实时同步。
[0014]为实现上述目的，本专利技术还提供一种低代码平台中组件间的数据联动方法，所述低代码平台中组件间的数据联动方法包括如下步骤：
[0015]在低代码平台中配置好第一组件和第二组件，给组件配置执行动作，执行动作根据组件类型进行对应配置；
[0016]配置完成后，生成配置数据，通过VUE Render函数将配置数据转换成视图渲染；
[0017]如果用户操作触发了事件动作，低代码平台借助VUE Emit函数将该事件广播到全局，通过VUE Render函数渲染组件时给第二组件内置一个VUE On函数来监听广播，当接收到广播，判断自身是否为目标组件，如果自身是目标组件，根据接收到广播的配置数据执行对应的动作。
[0018]可选地，所述的低代码平台中组件间的数据联动方法，其中，所述判断自身是否为目标组件，具体包括：
[0019]广播中携带第一组件的信息和发送的目标组件唯一字段key，第二组件接收广播后根据自身唯一key与广播数据传递的key对比是否包含在内；
[0020]如果包含在内，则自身就是目标组件，否则不是。
[0021]可选地，所述的低代码平台中组件间的数据联动方法，其中，配置时需要目标组件执行的动作包括：显示、隐藏和刷新数据。
[0022]可选地，所述的低代码平台中组件间的数据联动方法，其中，所述组件类型包括：输入框组件、按钮组件和下拉框组件。
[0023]此外，为实现上述目的，本专利技术还提供一种低代码平台，其中，所述低代码平台包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的低代码平台中组件间的数据联动程序，所述低代码平台中组件间的数据联动程序被所述处理器执行时实现如上所述的低代码平台中组件间的数据联动方法的步骤。
[0024]此外，为实现上述目的，本专利技术还提供一种计算机可读存储介质，其中，所述计算机可读存储介质存储有低代码平台中组件间的数据联动程序，所述低代码平台中组件间的数据联动程序被处理器执行时实现如上所述的低代码平台中组件间的数据联动方法的步骤。
[0025]本专利技术让一个组件通过某种形式去告知(通知)到另一个组件(页面)去触发对应的动作，一种是时刻监听(主动触发)，另一种则是广播式被动触发。本专利技术在低代码平台中将组件的数据关联起来，达到联动效果，基于组件间、组件与页面间的数据联动方案，让组件可以通过不同编排关系形成一个动态工作流，来完成不同场景下的动作。
附图说明
[0026]图1是本专利技术低代码平台中组件间的数据联动方法的较佳实施例中时刻监听(主动触发)的流程图；
[0027]图2是本专利技术低代码平台中组件间的数据联动方法的较佳实施例中实现双向数据绑定的界面示意图；
[0028]图3是本专利技术低代码平台中组件间的数据联动方法的较佳实施例中时刻监听流程
图；
[0029]图4是本专利技术低代码平台中组件间的数据联动方法的较佳实施例中广播式被动触发的流程图；
[0030]图5是本专利技术低代码平台中组件间的数据联动方法的较佳实施例中事件机制的界面示意图；
[0031]图6是本专利技术低代码平台中组件间的数据联动方法的较佳实施例中配置内置动作的界面示意图；
[0032]图7是本专利技术低代码平台中组件间的数据联动方法的较佳实施例中广播式被动触发流程图；
[0033]图8为本专利技术低代码平台的较佳实施例的运行环境示意图。
具体实施方式
[0034]为使本专利技术的目的、技术方案及优点更加清楚、明确，以下参照附图并举实施例对本专利技术进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。
[0035]一个好的低代码平台不仅仅是让用户以可视化的方式拖拽形成页面，而且能够基于组件的配置项将各个组件数据给串联起来，达到联动效果。在低代码平台中将这些组件的数据给关联起来，达到联动效果，本专利技术提出了基于组件间、组件与页面间的数据联动方案，让组件可以通过不同编排关系(通过图形可视化的方式定义或组合组件与组件或组件与页面之间的关系，如通过设置逻辑关系、事件触发关系等自动构建流程化本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种低代码平台中组件间的数据联动方法，其特征在于，所述低代码平台中组件间的数据联动方法包括：在低代码平台中配置好第一组件和第二组件，通过VUE Render函数将配置数据渲染成视图；给第二组件配置对应的关联动作，通过VUE Render函数渲染第二组件时，查看第二组件配置项中是否有配置关联动作，根据不同的关联动作进行不同的逻辑判断，识别是否有填入表达式，如果有，将表达式通过内置解析函数进行解析，并根据不同的关联动作逻辑执行不同的响应；当视图中第一组件的数据变化时，UE框架内部同步数据层的变化，基于VUE Render函数重新执行并渲染第一组件与第二组件，根据不同配置信息执行关联动作。2.根据权利要求1所述的低代码平台中组件间的数据联动方法，其特征在于，所述配置数据为第一组件和第二组件可视化配置完成后的数据。3.根据权利要求1所述的低代码平台中组件间的数据联动方法，其特征在于，所述低代码平台中组件间的数据联动方法还包括：给第一组件配置唯一性的标识字段，低代码平台根据配置的标识字段将第一组件通过VUE框架结合V
‑
MODEL指令实现双向数据绑定。4.根据权利要求3所述的低代码平台中组件间的数据联动方法，其特征在于，所述双向数据绑定是一种数据驱动视图的编程模式，在双向数据绑定中，视图层的变化自动同步到数据层，数据层的变化自动同步到视图层，实现数据和视图之间的实时同步。5.一种低代码平台中组件间的数据联动方法，其特征在于，所述低代码平台中组件间的数据联动方法包括：在低代码平台中配置好第一组件和第二组件，给组件配置执行动作，执行动作根据组件类型进行对应配置；配置完成后，生成配置数据，通过VUE Render函数将配置数据转...

【专利技术属性】
技术研发人员：刘诚，郑佳鹏，
申请(专利权)人：深圳市酷开网络科技股份有限公司，
类型：发明
国别省市：