低代码引擎业务组件快速接入的方法及介质技术

本发明专利技术提供低代码引擎业务组件快速接入的方法及介质，方法包括依据解析指令解析业务组件，获取组件生成对象和JSON属性数据；其中，所述组件生成对象包括组件名、属性输入和事件输出；上传解析得到的组件生成对象和JSON属性数据至低代码平台；低代码平台依据接收到的组件生成对象和JSON属性数据将业务组件渲染至画布上，并依据所述JSON属性数据的业务配置生成可视化交互面板。不仅实现了高效、便捷地接入业务组件，极大地减少对接时间和对接复杂程度；而且支持通过可视化交互面板配置复杂业务逻辑，极大增强在不同业务场景下的适配能力。极大增强在不同业务场景下的适配能力。极大增强在不同业务场景下的适配能力。

【技术实现步骤摘要】
低代码引擎业务组件快速接入的方法及介质


[0001]本申请涉及业务组件开发领域，具体涉及一种低代码引擎业务组件快速接入的方法及介质。

技术介绍

[0002]目前市面上比较成熟的低代码引擎有阿里巴巴集团的Low
‑
CodeEngine，以该引擎为底层所构建出来的钉钉宜搭是其自研的低代码应用开发平台。
[0003]Low
‑
CodeEngine以ReactJS为开发框架，面向低代码平台开发者提供了一套具备强大定制扩展能力的低代码设计器研发框架，提供了一套完整的接入协议包括低代码引擎物料协议规范、低代码引擎搭建协议规范、低代码引擎资产包协议规范。开发人员需要使用其Parts造物组件开发平台进行业务组件的接入。
[0004]虽然Low
‑
CodeEngine已经开源并提供了完整的接入协议规范和Parts造物组件开发平台，但在实际的二次开发过程中还是需要做到阅读大量源码以及协议规范才能基于该引擎接入业务组件，需要耗费大量的时间成本。

技术实现思路

[0005]鉴于上述问题，本申请提供了一种低代码引擎业务组件快速接入的方法及介质，能够极大地降低对接时间，并且支持便捷性配置复杂的业务逻辑。
[0006]为实现上述目的，专利技术人提供了一种低代码引擎业务组件快速接入的方法，包括：
[0007]依据解析指令解析业务组件，获取组件生成对象和JSON属性数据；其中，所述组件生成对象包括组件名、属性输入和事件输出；
[0008]上传解析得到的组件生成对象和JSON属性数据至低代码平台；
[0009]低代码平台依据接收到的组件生成对象和JSON属性数据将业务组件渲染至画布上，并依据所述JSON属性数据的业务配置生成可视化交互面板。
[0010]区别于现有技术，上述技术方案通过解析业务组件，自动生成符合低代码引擎接入业务组件的JSON数据格式，而后在低代码平台依据JSON数据和组件生成对象将业务组件渲染在画布上，并生成供使用者便捷配置变量的可视化交互面板。由此，不仅实现了高效、便捷地接入业务组件，极大地减少对接时间和对接复杂程度；而且支持通过可视化交互面板配置复杂业务逻辑，极大增强在不同业务场景下的适配能力。
[0011]在一些实施例中，所述解析指令为对应一项目目录的批量解析指令；
[0012]所述依据解析指令解析业务组件，获取组件生成对象和JSON属性数据，包括：
[0013]依据批量解析指令，解析所述一项目目录下所有的业务组件，获取各个业务组件对应的组件生成对象和JSON属性数据。
[0014]在一些实施例中，所述低代码平台依据接收到的组件生成对象和JSON属性数据将业务组件渲染至画布上，之前，还包括：
[0015]低代码平台依据JSON属性数据中的分类属性对接收到的组件生成对象和JSON属
性数据进行分类，获取业务组件列表。
[0016]在一些实施例中，所述低代码平台依据接收到的组件生成对象和JSON属性数据将业务组件渲染至画布上，包括：
[0017]从所述业务组件列表中拖拽待渲染业务组件至画布；
[0018]使用动态组件依据待渲染业务组件对应的JSON属性数据中的tag属性在画布上渲染出组件，并使用异步组件将待渲染业务组件对应的组件生成对象渲染到相应组件上，获取渲染后业务组件。
[0019]在一些实施例中，依据渲染后业务组件对应的JSON属性数据中的attribute属性生成对应的可视化交互面板。
[0020]在一些实施例中，上传至低代码平台的JSON属性数据为经过调整后的JSON属性数据。
[0021]在一些实施例中，所述方法还包括：
[0022]通过所述可视化交互面板配置对应业务组件的属性和样式。
[0023]在一些实施例中，所述方法还包括：
[0024]依据配置后的可视化交互面板生成业务应用模板；
[0025]存储所述业务应用模板。
[0026]在一些实施例中，所述可视化交互面板上支持配置的属性包括静态数据、类型配置、获取后端数据、显示配置、文本绑定、组件引用、key值、style、class、if判断和For循环。
[0027]在这些实施例中，支持一键批量解析所有业务组件，实现批量解析的能力，极大减少对接时间。
[0028]为实现上述目的，专利技术人提供了一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述程序在被处理器执行时，能够实现上述低代码引擎业务组件快速接入的方法。
[0029]上述
技术实现思路
相关记载仅是本申请技术方案的概述，为了让本领域普通技术人员能够更清楚地了解本申请的技术方案，进而可以依据说明书的文字及附图记载的内容予以实施，并且为了让本申请的上述目的及其它目的、特征和优点能够更易于理解，以下结合本申请的具体实施方式及附图进行说明。
附图说明
[0030]附图仅用于示出本申请具体实施方式以及其他相关内容的原理、实现方式、应用、特点以及效果等，并不能认为是对本申请的限制。
[0031]在说明书附图中：
[0032]图1是示出实施例一种低代码引擎业务组件快速接入的方法的流程示意图；
[0033]图2是示出实施例通过VueLoader解析Vue组件得到组件生成对象的具体结构；
[0034]图3是示出实施例解析结果获取的JSON属性数据的具体结构；
[0035]图4是示出实施例一种低代码引擎业务组件快速接入的方法中组件解析流程示意图；
[0036]图5是示出实施例一种低代码引擎业务组件快速接入的方法中组件使用流程示意图；
[0037]图6是示出实施例对应多选框组这一业务组件生成的可视化交互面板。
具体实施方式
[0038]为详细说明本申请可能的应用场景，技术原理，可实施的具体方案，能实现目的与效果等，以下结合所列举的具体实施例并配合附图详予说明。本文所记载的实施例仅用于更加清楚地说明本申请的技术方案，因此只作为示例，而不能以此来限制本申请的保护范围。
[0039]在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中各个位置出现的“实施例”一词并不一定指代相同的实施例，亦不特别限定其与其它实施例之间的独立性或关联性。原则上，在本申请中，只要不存在技术矛盾或冲突，各实施例中所提到的各项技术特征均可以以任意方式进行组合，以形成相应的可实施的技术方案。
[0040]除非另有定义，本文所使用的技术术语的含义与本申请所属
的技术人员通常理解的含义相同；本文中对相关术语的使用只是为了描述具体的实施例，而不是旨在限制本申请。
[0041]在本申请的描述中，用语“和/或”是一种用于描述对象之间逻辑关系的表述，表示可以存在三种关系，例如A和/或B，表示：存在A，存在B，以及同时存在A和B这三种情况。另外，本文中字符“/本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种低代码引擎业务组件快速接入的方法，其特征在于，包括：依据解析指令解析业务组件，获取组件生成对象和JSON属性数据；其中，所述组件生成对象包括组件名、属性输入和事件输出；上传解析得到的组件生成对象和JSON属性数据至低代码平台；低代码平台依据接收到的组件生成对象和JSON属性数据将业务组件渲染至画布上，并依据所述JSON属性数据的业务配置生成可视化交互面板。2.根据权利要求1所述的一种低代码引擎业务组件快速接入的方法，其特征在于，所述解析指令为对应一项目目录的批量解析指令；所述依据解析指令解析业务组件，获取组件生成对象和JSON属性数据，包括：依据批量解析指令，解析所述一项目目录下所有的业务组件，获取各个业务组件对应的组件生成对象和JSON属性数据。3.根据权利要求2所述的一种低代码引擎业务组件快速接入的方法，其特征在于，所述低代码平台依据接收到的组件生成对象和JSON属性数据将业务组件渲染至画布上，之前，还包括：低代码平台依据JSON属性数据中的分类属性对接收到的组件生成对象和JSON属性数据进行分类，获取业务组件列表。4.根据权利要求3所述的一种低代码引擎业务组件快速接入的方法，其特征在于，所述低代码平台依据接收到的组件生成对象和JSON属性数据将业务组件渲染至画布上，包括：从所述业务组件列表中拖拽待渲染业务组件至画布；使用动态组件依据待渲染业务组...

【专利技术属性】
技术研发人员：张怀刚，李金财，曾伟波，刘见奋，
申请(专利权)人：福建正孚软件有限公司，
类型：发明
国别省市：