组件联动渲染方法、装置、电子设备、存储介质及产品制造方法及图纸

本公开提供了组件联动渲染方法、装置、电子设备、存储介质及产品，涉及计算机技术领域，尤其涉及云计算、智能搜索领域。具体实现方案为：获取待渲染的至少一个组件；确定与所述组件具有关联关系的渲染事件，获得至少一个所述组件分别对应的渲染事件；若所述组件为多个，则按照所述渲染事件对多个所述组件进行分组，获得至少一组组件；获取至少一组组件具有关联关系的渲染事件的事件信息；根据所述渲染事件的事件信息生成对应的渲染事件，并按照预先配置的渲染顺序执行至少一个所述渲染事件；所述事件信息中包括关联于同一渲染事件的至少一个组件在执行渲染动作时的执行关系信息。本公开的技术方案提高了渲染成功率。开的技术方案提高了渲染成功率。开的技术方案提高了渲染成功率。

【技术实现步骤摘要】
组件联动渲染方法、装置、电子设备、存储介质及产品


[0001]本公开涉及计算机
中的云计算、智能搜索领域，尤其涉及一种组件联动渲染方法、装置、电子设备、存储介质及产品。

技术介绍

[0002]低代码开发平台(Low
‑
Code Development Platform，LCDP)是可以无需编码或者少量编码即可以快速生成应用程序的开发平台。低代码平台可以提供对外的开发服务，通常，开发服务可以通过渲染器提供可视化的组件配置。在实际应用中，可能会使用到多个渲染器，例如，表单(form)渲染器可以提供图片输入框、文件输入框等表单组件、条件渲染器可以提供条件表达组件，根据数据动态显示不同内容。
[0003]通常，程序开发结束，可以对程序页面进行渲染显示，页面的渲染是由渲染引擎来完成的。但是，在实际应用中，引擎渲染过程中可能并不能对不同渲染器不同组件分别渲染动作进行准确把控，组件容易出现渲染失败，导致渲染的失败率较高。

技术实现思路

[0004]本公开提供了一种用于低代码平台的组件联动渲染方法、装置、电子设备、存储介质及产品。
[0005]根据本公开的第一方面，提供了一种组件联动渲染方法，包括：
[0006]获取待渲染的至少一个组件；
[0007]确定与所述组件具有关联关系的渲染事件，获得至少一个所述组件分别对应的渲染事件；
[0008]若所述组件为多个，则按照所述渲染事件对多个所述组件进行分组，获得至少一组组件；
[0009]获取至少一组组件具有关联关系的渲染事件的事件信息；
[0010]根据所述渲染事件的事件信息生成对应的渲染事件，并按照预先配置的渲染顺序执行至少一个所述渲染事件；所述事件信息中包括关联于同一渲染事件的至少一个组件在执行渲染动作时的执行关系信息。
[0011]根据本公开的第二方面，提供了一种组件联动渲染装置，包括：
[0012]组件获取单元，用于获取待渲染的至少一个组件；
[0013]事件确定单元，用于确定与所述组件具有关联关系的渲染事件，获得至少一个所述组件分别对应的渲染事件；
[0014]组件分组单元，用于若所述组件为多个，则按照所述渲染事件对多个所述组件进行分组，获得至少一组组件；
[0015]事件生成单元，用于获取至少一组组件具有关联关系的渲染事件的事件信息；
[0016]事件执行单元，用于根据所述渲染事件的事件信息生成对应的渲染事件，并按照预先配置的渲染顺序执行至少一个所述渲染事件；所述事件信息中包括关联于同一渲染事
件的至少一个组件在执行渲染动作时的执行关系信息。
[0017]根据本公开的第三方面，提供了一种电子设备，包括：
[0018]至少一个处理器；以及
[0019]与所述至少一个处理器通信连接的存储器；其中，
[0020]所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行第一方面所述的组件联动渲染方法。
[0021]根据本公开的第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行第一方面所述的组件联动渲染方法。
[0022]根据本公开的第五方面，提供了一种计算机程序产品，所述计算机程序产品包括：计算机程序，所述计算机程序存储在可读存储介质中，电子设备的至少一个处理器可以从所述可读存储介质读取所述计算机程序，所述至少一个处理器执行所述计算机程序使得电子设备执行第一方面所述的方法。
[0023]根据本公开的技术解决了多组件多事件联动渲染时容易出现渲染失败的问题，采用渲染监听的方式，获取至少一个组件。通过确定与组件具有关联关系的渲染事件，可以获得至少一个组件分别对应的渲染事件，可以实现对渲染事件的分组。在分组后，可以利用渲染事件的渲染信息生成对应的渲染事件，通过渲染渲染事件的顺序生成并执行，可以确保渲染成功率。利用组件的事件信息生成渲染事件并执行，可以对组件的渲染事件准确渲染，提高了组件的渲染成功率。
[0024]应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
[0025]附图用于更好地理解本方案，不构成对本公开的限定。其中：
[0026]图1是可以实现本公开提供的一种组件渲染方法的一个应用场景图；
[0027]图2是本公开实施例提供的一种组件联动渲染方法的一个实施例的流程图；
[0028]图3是本公开实施例提供的一种组件联动渲染方法的又一个实施例的流程图；
[0029]图4是本公开实施例提供的一种组件联动渲染方法的又一个实施例的流程图；
[0030]图5是本公开实施例提供的一种组件联动渲染方法的又一个实施例的流程图；
[0031]图6是本公开实施例提供的一种组件联动渲染系统的结构示意图；
[0032]图7是本公开实施例提供的一种组件联动渲染装置的一个实施例的结构示意图；
[0033]图8是用来实现本公开实施例的组件联动渲染方法的电子设备的框图。
具体实施方式
[0034]以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
[0035]本公开的技术方案可以应用于低代码平台的使用场景中，通过对至少一个组件进行事件监听，可以对组件与事件的映射关系进行保存，以在目标组件被触发时，可以根据组
件的事件信息构建相应的渲染事件并执行。可以确保事件被准确执行，提高事件的存储效率。
[0036]通常，低代码平台(Low
‑
Code Development Platform，LCDP)是可以无需编码或者少量编码即可以快速生成应用程序的开发平台。在实际应用中，低代码平台，可以通过低代码渲染引擎或者称为低代码前端框架通常可以向用户提供渲染器，渲染器可以包括多个组件，用户可以从中选择合适的组件，并为组件在相关属性设置相应的数据。组件选择以及属性设置结束，可以对页面进行渲染。页面的渲染主要是通过该低代码渲染引擎完成。渲染引擎可以通过通信协议读取组件的数据，以利用组件的数据对组件事件进行渲染。组件事件可以通过组件名称、事件说明等信息组成。可以利用组件事件完成对组件的渲染。渲染引擎可以对多个组件进行渲染，但是由于程序中的组件调用流程、处理方式较多，一个组件可能同时具有多个事件，渲染引擎在渲染时，可能对不同渲染器不同组件分别执行的事件动作进行准确把控，导致组件容易出现渲染失败，导致渲染失败率较高。
[0037]本公开提供一种组件渲染方法、装置、电子本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种组件联动渲染方法，包括：获取待渲染的至少一个组件；确定与所述组件具有关联关系的渲染事件，获得至少一个所述组件分别对应的渲染事件；若所述组件为多个，则按照所述渲染事件对多个所述组件进行分组，获得至少一组组件；获取至少一组组件具有关联关系的渲染事件的事件信息；根据所述渲染事件的事件信息生成对应的渲染事件，并按照预先配置的渲染顺序执行至少一个所述渲染事件；所述事件信息中包括关联于同一渲染事件的至少一个组件在执行渲染动作时的执行关系信息。2.根据权利要求1所述的方法，其中，所述获取待渲染的至少一个组件，包括:监听至少一个事件广播信息；所述事件广播信息包括关联于同一渲染事件的至少一个组件以及所述渲染事件的事件信息；从至少一个所述事件广播信息分别读取至少一个组件，获得待渲染的至少一个所述组件。3.根据权利要求2所述的方法，其中，所述监听至少一个事件广播信息之后，还包括：建立所述事件广播信息中的渲染事件与属于所述渲染事件的至少一个所述组件的关联关系。4.根据权利要求2所述的方法，其中，所述监听至少一个事件广播信息之前，还包括：检测用户触发的信息生成请求，获得所述信息生成请求中的至少一个所述渲染事件；将所述渲染事件对应的原始事件信息按照广播事件格式转换为所述渲染事件对应的事件广播信息。5.根据权利要求3所述的方法，其中，所述按照预先配置的渲染顺序执行至少一个所述渲染事件之后，还包括：若确定所述渲染事件执行结束，则注销所述渲染事件与属于所述渲染事件的至少一个所述组件之间的关联关系。6.根据权利要求1
‑
5任一项所述的方法，其中，所述按照预先配置的渲染顺序执行至少一个渲染事件，包括：按照配置的渲染顺序，从至少一个渲染事件中确定所述当前待渲染的目标渲染事件；执行所述目标渲染事件，并在所述目标渲染事件渲染结束时，返回至所述按照配置的渲染顺序，从至少一个渲染事件中确定所述当前待渲染的目标渲染事件的步骤并执行，直至最后一个渲染事件执行结束为止。7.根据权利要求6所述的方法，其中，所述执行所述目标渲染事件，包括：获取所述目标渲染事件的至少一个渲染动作对应的执行动作树；所述执行动作树中包括至少一个执行节点，所述执行节点对应相应的渲染动作；按照所述渲染事件的渲染动作的执行关系信息，确定至少一个所述执行节点对应的节点执行顺序；所述渲染动作的执行关系信息包括所述渲染事件的渲染动作之间的执行先后顺序以及动作嵌套信息；按照所述节点执行顺序，依次控制至少一个所述执行节点分别执行对应的渲染动作，
以完成所述目标渲染事件。8.根据权利要求7所述的方法，其中，所述获取所述目标渲染事件的至少一个渲染动作对应的执行动作树，包括：获取所述目标渲染事件对应的全局事件信息；所述全局事件信息包括所述目标渲染事件以全局事件生成时产生的定位信息；基于所述渲染事件对应的全局事件信息，定位至所述目标渲染事件的至少一个所述渲染动作对应的执行动作树。9.根据权利要求7或8所述的方法，其中，所述执行节点对应的渲染动作的执行步骤包括：确定所述目标渲染事件的至少一个组件中所述渲染动作对应的至少一个目标组件；基于所述渲染动作在至少一个所述目标组件分别对应的渲染内容，对至少一个所述目标组件分别执行对应的渲染内容。10.根据权利要求1
‑
9任一项所述的方法，还包括：检测用户基于页面配置平台设置的渲染器，获得所述渲染器中至少一个候选组件；检测用户基于至少一个所述候选组件发起的至少一个渲染事件设置请求；根据至少一个渲染事件设置请求生成至少一个所述渲染事件；至少一个所述渲染事件对应有渲染顺序。11.根据权利要求10所述的方法，其中，所述根据至少一个渲染事件设置请求生成至少一个所述渲染事件，包括：根据至少一个渲染事件设置请求，确定预配置的候选动作；基于所述渲染事件的渲染动作的执行关系信息，从所述候选动作中确定所述渲染事件的至少一个渲染动作；检测用户从至少一个所述候选组件中为所述渲染动作选择的组件；基于至少一个渲染动作以及所述渲染动作对应的组件生成所述渲染事件，以获得至少一个所述渲染事件。12.一种组件联动渲染装置，包括：组件获取单元，用于获取待渲染的至少一个组件；事件确定单元，用于确定与所述组件具有关联关系的渲染事件，获得至少一个所述组件分别对应的渲染事件；组件分组单元，用于若所述组件为多个，则按照所述渲染事件对多个所述组件进行分组，获得至少一组组件；事件生成单元，用于获取至少一组组件具有关联关系的渲染事件的事件信息；事件执行...

【专利技术属性】
技术研发人员：律小娇，
申请(专利权)人：北京百度网讯科技有限公司，
类型：发明
国别省市：