CN116450191A - 面向低代码场景的页面信息配置方法、装置、设备及介质 - Google Patents

Abstract

本公开提供了一种面向低代码场景的页面信息配置方法、装置、设备及介质，涉及人工智能领域，具体涉及云计算、低代码、企业应用技术领域。具体实现方案为：响应于检测到组件配置操作，确定页面中的待配置组件；在可视化配置面板上显示与待配置组件对应的目标组件上下文信息，其中，目标组件上下文信息表征与待配置组件对应的数据域信息，数据域信息包括至少一个可选配置变量；响应于检测到针对至少一个可选配置变量的选择操作，在可视化配置面板上显示与目标配置变量对应的待配置变量项，其中，目标配置变量是至少一个可选配置变量中的一个；根据与待配置组件对应的待配置组件信息对待配置变量项进行配置。

Description

面向低代码场景的页面信息配置方法、装置、设备及介质

技术领域

本公开涉及人工智能领域，具体涉及云计算、低代码、企业应用技术领域，可应用在软件开发场景下。具体地，涉及一种面向低代码场景的页面信息配置方法、装置、设备及介质。

背景技术

随着信息化的发展，越来越多的业务场景需要前端开发支持，低代码开发平台(Low-Code Development Platform，LCDP)技术也随之应运而生。

低代码开发平台可以指无需编写代码和通过编写少量代码中的之一就可以生成应用程序的开发平台。低代码开发技术是通过可视化进行应用程序开发的方法，它能够使具有不同经验水平的开发人员可以通过图形化的界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。

发明内容

本公开提供了一种面向低代码场景的页面信息配置方法、装置、电子设备以及存储介质。

根据本公开的一方面，提供了一种面向低代码场景的页面信息配置方法，包括：响应于检测到组件配置操作，确定页面中的待配置组件；在可视化配置面板上显示与上述待配置组件对应的目标组件上下文信息，其中，上述目标组件上下文信息表征与上述待配置组件对应的数据域信息，上述数据域信息包括至少一个可选配置变量；响应于检测到针对上述至少一个可选配置变量的选择操作，在上述可视化配置面板上显示与目标配置变量对应的待配置变量项，其中，上述目标配置变量是上述至少一个可选配置变量中的一个；以及，根据与上述待配置组件对应的待配置组件信息对上述待配置变量项进行配置。

根据本公开的另一方面，提供了一种面向低代码场景的页面信息配置装置，包括：确定模块，用于响应于检测到组件配置操作，确定页面中的待配置组件；第一显示模块，用于在可视化配置面板上显示与上述待配置组件对应的目标组件上下文信息，其中，上述目标组件上下文信息表征与上述待配置组件对应的数据域信息，上述数据域信息包括至少一个可选配置变量；第二显示模块，用于响应于检测到针对上述至少一个可选配置变量的选择操作，在上述可视化配置面板上显示与目标配置变量对应的待配置变量项，其中，上述目标配置变量是上述至少一个可选配置变量中的一个；以及，配置模块，用于根据与上述待配置组件对应的待配置组件信息对上述待配置变量项进行配置。

根据本公开的另一方面，提供了一种电子设备，包括：至少一个处理器；以及与上述至少一个处理器通信连接的存储器；其中，上述存储器存储有可被上述至少一个处理器执行的指令，上述指令被上述至少一个处理器执行，以使上述至少一个处理器能够执行如本公开上述的方法。

根据本公开的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，上述计算机指令用于使上述计算机执行如本公开上述的方法。

根据本公开的另一方面，提供了一种计算机程序产品，包括计算机程序，上述计算机程序在被处理器执行时实现如本公开上述的方法。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本公开的限定。其中：

图1示意性示出了根据本公开实施例的可以应用面向低代码场景的页面信息配置方法及装置的示例性系统架构；

图2示意性示出了根据本公开实施例的面向低代码场景的页面信息配置方法的流程图；

图3示意性示出了根据本公开实施例的前端模块的示例示意图；

图4示意性示出了根据本公开实施例的面向低代码场景的页面信息配置方法的示例示意图；

图5示意性示出了根据本公开实施例的面向低代码场景的页面信息配置装置的框图；以及

图6示意性示出了根据本公开实施例的适于实现面向低代码场景的页面信息配置方法的电子设备的框图。

具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

为了便于理解，下面首先对涉及的部分概念进行说明。

前端模块可以包括低代码前端框架和低代码前端框架设计器。低代码前端框架可以向用户提供渲染器。此外，低代码前端框架还可以称为低代码渲染引擎。低代码前端框架可以是一种页面渲染器，其可以直接基于预定格式配置渲染页面，结合业务方应用程序编程接口完成各类页面的开发。

组件可以指对数据和方法进行封装获得的预定对象。例如，组件可以是利用预定数据格式配置的页面对象。组件的组件信息可以包括组件标识和组件属性中的至少之一。多个组件之间可以具有层级关系，形成组件树。层级关系可以指嵌套关系。组件可以具有该组件的父组件和该组件的同层级组件。父组件可以指该组件所处层级的之上的至少一个层级的组件。同层级组件可以指与该组件所处层级相同，但不具有上下层级关系的组件。组件可以包括以下至少之一：容器组件和非容器组件。容器组件可以包括非容器组件和嵌套容器组件。嵌套容器组件需要通过递归获取容器组件的内容并逐层渲染到嵌套的内层。

数据可以指低代码前端框架的较为重要的部分。数据可以包括以下至少之一：静态数据、远程数据、实体数据和事件数据。数据可以包括数据结构和数据值。数据结构可以指与数据值对应的数据项。例如，数据可以是“名称：××，性别：女”。数据结构可以包括“名称”和“性别”。

数据值可以包括“××”和“女”。

可以将数据赋值给变量。变量可以包括变量项和变量值。变量的类型可以包括以下至少之一：页面变量、系统变量、表单变量和事件变量等。系统变量可以包括以下至少之一：应用变量和平台变量。

数据域可以指数据的作用域。数据的作用域可以指数据的适用范围。组件具有与该组件对应的数据域。与组件对应的数据域可以包括以下至少之一：组件自身的数据域、组件的同层级组件的数据域和组件的父组件的数据域。由于可以将数据赋值为变量，数据域可以指数据的作用域，因此，数据域信息可以包括至少一个变量。

组件上下文信息可以指组件能够应用的数据域信息。组件上下文信息可以是根据与组件对应的数据域信息确定的。

由于低代码前端框架可以支持各个组件之间的嵌套，因此，组件能够利用的数据可以是来自以下至少之一：组件自身的数据域中的数据、父组件的数据域中的数据和同层级组件的数据域中的数据，由此，使得低代码开发者需要对低代码前端框架有较为深入的理解才能够实现面向低代码场景的页面信息配置，上述增大了面向低代码场景的页面信息配置的配置难度。

为此，本公开实施例提出了一种面向低代码场景的页面信息配置方案。例如，响应于检测到组件配置操作，确定页面中的待配置组件。在可视化配置面板上显示与待配置组件对应的目标组件上下文信息。目标组件上下文信息可以表征与待配置组件对应的数据域信息，数据域信息可以包括至少一个可选配置变量。响应于检测到针对至少一个可选配置变量的选择操作，在可视化配置面板上显示与目标配置变量对应的待配置变量项。目标配置变量可以是至少一个可选配置变量中的一个。根据与待配置组件对应的待配置组件信息对待配置变量项进行配置。

根据本公开的实施例，通过在可视化配置面板上显示与待配置组件对应的目标组件上下文信息，目标组件上下文信息表征与待配置组件对应的数据域信息，实现了无需页面设计者进行组件上下文信息的确定而能够在可视化配置面板上显示能够使用的组件上下文信息以便页面设计者进行选择和查看。在此基础上，在检测到针对至少一个可选配置变量的选择操作的情况下，在可视化配置面板上显示与目标配置变量对应的待配置变量项，再根据与待配置组件对应的待配置组件信息对待配置变量项进行配置，实现了页面配置，由此，降低了面向低代码场景的页面信息配置难度。

图1示意性示出了根据本公开实施例的可以应用面向低代码场景的页面信息配置方法及装置的示例性系统架构。

需要注意的是，图1所示仅为可以应用本公开实施例的系统架构的示例，以帮助本领域技术人员理解本公开的技术内容，但并不意味着本公开实施例不可以用于其他设备、系统、环境或场景。例如，在另一实施例中，可以应用面向低代码场景的页面信息配置方法及装置的示例性系统架构可以包括终端设备，但终端设备可以无需与服务器进行交互，即可实现本公开实施例提供的面向低代码场景的页面信息配置方法及装置。

如图1所示，根据该实施例的系统架构100可以包括第一终端设备101、第二终端设备102、第三终端设备103、网络104和服务器105。网络104用以在第一终端设备101、第二终端设备102、第三终端设备103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型。例如，有线和无线通信链路等中的至少之一。终端设备可以包括第一终端设备101、第二终端设备102和第三终端设备103中的至少之一。

用户可以使用第一终端设备101、第二终端设备102和第三终端设备103中的至少之一通过网络104与服务器105交互，以接收或发送消息等。第一终端设备101、第二终端设备102和第三终端设备103中的至少之一可以安装有各种通讯客户端应用。例如，知识阅读类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端和社交平台软件等中的至少之一。

第一终端设备101、第二终端设备102、第三终端设备103可以是具有显示屏并且支持网页浏览的各种电子设备。例如，电子设备可以包括智能手机、平板电脑、膝上型便携计算机和台式计算机等中的至少之一。

服务器105可以是提供各种服务的服务器。例如，服务器105可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务(Virtual Private Server，虚拟专用服务器)中，存在的管理难度大，业务扩展性弱的缺陷。

前端模块可以配置于电子设备。电子设备可以包括以下至少之一：第一终端设备101、第二终端设备102、第三终端设备103和服务器105中的之一。

需要说明的是，本公开实施例所提供的面向低代码场景的页面信息配置方法可以由前端模块执行。相应地，本公开实施例所提供的面向低代码场景的页面信息配置装置可以设置于前端模块。前端模块可以配置于第一终端设备101、第二终端设备102和第三终端设备103中的之一。备选地，前端模块可以配置于服务器105、其他服务器和服务器集群中的之一。服务器105可以与其他服务器和服务器集群中的至少之一通信连接。

应该理解，图1中的第一终端设备、第二终端设备、第三终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的第一终端设备、第二终端设备、第三终端设备、网络和服务器。

应注意，以下方法中各个操作的序号仅作为该操作的表示以便描述，而不应被看作表示该各个操作的执行顺序。除非明确指出，否则该方法不需要完全按照所示顺序来执行。

图2示意性示出了根据本公开实施例的面向低代码场景的页面信息配置方法的流程图。

如图2所示，该方法200包括操作S210～S240。

在操作S210，响应于检测到组件配置操作，确定页面中的待配置组件。

在操作S220，在可视化配置面板上显示与待配置组件对应的目标组件上下文信息。

在操作S230，响应于检测到针对至少一个可选配置变量的选择操作，在可视化配置面板上显示与目标配置变量对应的待配置变量项。

在操作S240，根据与待配置组件对应的待配置组件信息对待配置变量项进行配置。

根据本公开的实施例，目标组件上下文信息可以表征与待配置组件对应的数据域信息。数据域信息可以包括至少一个可选配置变量。目标配置变量可以是至少一个可选配置变量中的一个。

根据本公开的实施例，组件配置操作可以指用于触发进行面向低代码场景的页面信息配置的操作。组件配置操作可以包括以下至少之一：选择操作和输入操作等。选择操作可以包括以下至少之一：点击操作和滑动操作等。待配置组件可以指需要进行配置的组件。待配置组件可以包括至少一个。待配置组件可以是容器组件和非容器组件中的之一。容器组件可以包括以下至少之一：表单组件、Page页面和Container容器等。Page页面可以是顶级容器组件，它是面向低代码场景的页面信息配置的入口组件。

根据本公开的实施例，与待配置组件对应的待配置组件信息可以包括与待配置组件对应的属性信息。此外，与待配置组件对应的待配置组件信息还可以包括以下至少之一：待配置组件的事件信息和动作信息。例如，属性信息可以包括以下至少之一：组件标识、组件位置和组件尺寸等。事件信息可以包括以下至少之一：事件属性信息和事件上下文信息。动作信息可以包括以下至少之一：动作属性信息和动作上下文信息。

根据本公开的实施例，可视化配置面板可以用于提供实现面向低代码场景的页面信息配置操作的可视化操作界面。面向低代码场景的页面信息配置操作可以包括组件配置操作。目标组件上下文信息可以指与待配置组件对应的组件上下文信息。目标组件上下文信息可以表征待配置组件能够利用的数据域信息。数据域信息可以包括以下至少之一：待配置组件自身的数据域信息、同层级组件的数据域信息和父组件的数据域信息。由此，目标组件上下文信息可以包括以下至少之一：待配置组件自身的组件上下文信息、同层级组件的组件上下文信息和父组件的组件上下文信息。目标组件上下文信息的显示形式可以根据实际业务需求进行配置，在此不作限定。例如，目标组件上下文信息的显示形式可以根据各个组件的组件上下文信息的层级关系确定。

根据本公开的实施例，数据域信息可以包括至少一个可选配置变量。可选配置变量可以包括可选配置变量项和可选配置变量值。目标组件上下文信息可以包括与待配置组件对应的至少一个可选配置变量。

例如，待配置组件可以是表单组件。表单组件的组件上下文信息可以包括多个可选配置变量。多个可选配置变量可以包括名称、年龄和住址信息等。

根据本公开的实施例，目标配置变量可以是至少一个可选配置变量中的一个。目标配置变量可以包括至少一个目标配置变量项。待配置变量项可以指与目标配置变量对应的变量项。待配置变量项可以是至少一个目标配置变量项中的。例如，目标配置向量可以是“sales_areas”。至少一个目标配置变量项可以包括“销售区域标识”和“客户标识”。待配置变量项可以包括“客户标识”。

根据本公开实施例，可以确定是否检测到组件配置操作。在检测到组件配置操作的情况下，根据组件配置操作，从页面的多个组件中确定至少一个待配置组件。例如，可以在检测到可视化配置面板上的组件配置操作被触发的情况下，根据组件配置操作，从多个组件中确定至少一个待配置组件。在确定待配置组件之后，可以在可视化配置面板上显示与待配置组件对应的目标组件上下文信息。例如，可以响应于检测到上下文获取操作，在可视化配置面板上显示与待配置组件对应的目标组件上下文信息。在未检测到组件配置操作的情况下，结束执行面向低代码场景的页面信息配置操作。

根据本公开的实施例，目标组件上下文信息可以包括至少一个可选配置变量。可以确定是否检测到针对至少一个可选配置变量的选择操作。选择操作可以包括点击操作和滑动操作中的至少之一。在检测到针对至少一个可选配置变量的选择操作的情况下，可以根据选择操作，从多个可选配置变量中确定目标配置变量。目标配置变量可以包括至少一个目标配置变量项。在可视化配置面板上显示与目标配置变量对应的待配置变量项。待配置变量项可以是至少一个目标配置变量项中的。

根据本公开的实施例，在确定目标配置变量之后，可以在可视化显示模板上，根据与待配置组件对应的待配置组件信息对待配置变量项进行配置。例如，待配置组件信息可以包括属性信息、事件信息和动作信息。事件信息可以包括可以响应于检测到针对待配置变量项的输入操作，获得输入信息。响应于检测到针对待配置变量项的事件添加操作，获得已添加事件。响应于检测到针对待配置变量项的动作添加操作，获得已添加动作。输入信息可以是根据属性信息确定的。已添加事件可以是根据事件信息确定的。已添加动作可以是根据动作信息确定的。

根据本公开的实施例，通过在可视化配置面板上显示与待配置组件对应的目标组件上下文信息，目标组件上下文信息表征与待配置组件对应的数据域信息，实现了无需页面设计者进行组件上下文信息的确定而能够在可视化配置面板上显示能够使用的组件上下文信息以便页面设计者进行选择和查看。在此基础上，在检测到针对至少一个可选配置变量的选择操作的情况下，在可视化配置面板上显示与目标配置变量对应的待配置变量项，再根据与待配置组件对应的待配置组件信息对待配置变量项进行配置，实现了页面配置，由此，降低了面向低代码场景的页面信息配置难度。

根据本公开的实施例，目标组件上下文信息可以包括至少一个层级的组件的组件上下文信息。

根据本公开的实施例，上述面向低代码场景的页面信息配置方法还可以包括如下操作。

调用与至少一个层级的组件对应的上下文构建例程。基于至少一个层级的组件的组件标识，利用与至少一个层级的组件对应的上下文构建例程，从组件上下文信息集中确定与至少一个层级的组件对应的组件上下文信息，得到目标组件上下文信息。

根据本公开的实施例，目标组件上下文信息可以是具有层级的组件上下文信息。组件可以具有与该组件对应的同层级组件，还可以具有与该组件对应的父组件。父组件可以指该组件所处层级之上的至少一个层级的组件。例如，父组件可以是该组件所处层级之上的上一层级的组件。

根据本公开的实施例，上下文构建例程可以用于构建组件上下文信息。上下文构建例程可以包括用于实现循环遍历的方法。每个组件可以具有与该组件对应的上下文构建例程。与组件对应的上下文构建例程可以是根据组件的自身特性信息确定的。各个组件各自的上下文构建例程可以彼此不同。利用上下文构建例程得到的组件上下文信息的数据格式可以与预定数据格式规范相一致。预定数据格式规范可以包括以下至少之一：JSON(JavaScript Object Notation，JS对象简谱)Schema和YMAL(即YAML Ain'tMarkup Language)Schema。JSON Schema可以清晰的描述JSON数据的结构。

根据本公开的实施例，组件上下文信息集可以包括与至少一个组件对应的组件上下文信息。组件可以用组件标识来表征。上下文构建例程的输入参数可以包括组件标识。针对至少一个组件中的组件，可以调用与组件对应的上下文构建例程，将组件标识输入上下文构建例程，上下文构建例程从组件上下文信息集中获取与组件标识对应的组件上下文信息。例如，上下文构建例程从组件上下文信息集中循环遍历得到与组件标识对应的组件上下文信息。上下文构建例程可以包括buildDataSchemas()。根据与至少一个组件各自对应的组件上下文信息，得到目标组件上下文信息。

根据本公开的实施例，通过基于至少一个层级的组件的组件标识，利用与至少一个层级的组件对应的上下文构建例程，从组件上下文信息集中确定与至少一个层级的组件对应的组件上下文信息，得到目标组件上下文信息，实现了目标组件上下文信息的自动构建，进而降低了面向低代码场景的页面信息配置难度。

根据本公开的实施例，操作S220可以包括如下操作。

调用上下文获取例程。利用上下文获取例程获取与待配置组件对应的目标组件上下文信息。在可视化配置面板上显示与待配置组件对应的目标组件上下文信息。

根据本公开的实施例，上下文获取例程可以指用于获取目标组件上下文信息的例程。上下文获取例程的输入操作可以包括待配置组件的组件标识。

根据本公开的实施例，可以将待配置组件的组件标识输入上下文获取例程，以便上下文获取例程递归与待配置组件对应的数据域，调用与待配置组件对应的上下文构建例程，得到与待配置组件对应的目标组件上下文信息。上下文获取例程可以包括getContextSchemas()。上下文构建例程可以包括buildDataSchemas()。

根据本公开的实施例，通过利用上下文获取例程获取与待配置组件对应的目标组件上下文信息，在可视化配置面板上显示与待配置组件对应的目标组件上下文信息，实现了目标组件上下文信息的自动获取和显示，为页面配置提供了便利，降低了面向低代码场景的页面信息配置难度。

根据本公开的实施例，组件上下文信息可以包括以下至少之一：与静态数据结构对应的组件上下文信息、与远程数据结构对应的组件上下文信息、与实体数据结构对应的组件上下文信息和与事件数据结构对应的组件

上下文信息。

根据本公开的实施例，远程数据可以是根据异步请求获得的数据。远程数据还可以称为异步数据。例如，远程数据可以包括初始化接口数据。静态数据可以是无需根据异步请求便可以获得的数据。事件数据可以指与事件对应的数据。实体数据可以指从数据库中获得的数据。事件可以包括以下至少之一：渲染器事件和广播事件。广播事件可以指自定义事件。事件可以具有与该事件对应的至少一个动作。动作可以包括以下至少之一：通用动作、组件动作、广播动作和自定义动作。通用动作可以包括以下至少之一：发送HTTP请求、跳转链接、浏览器回退、浏览器刷新、打开弹窗、关闭弹窗、打开抽屉、关闭抽屉、打开对话框、弹出Toast提示、复制、发送邮件、刷新、控制显示隐藏、控制启用禁用状态和更新数据等。

根据本公开的实施例，静态数据可以包括静态数据结构和与静态数据结构对应的静态数据值。远程数据可以包括远程数据结构和与远程数据结构对应的远程数据值。实体数据可以包括实体数据结构和与实体数据结构对应的实体数据结构值。事件数据可以包括事件数据结构和与事件数据结构对应的事件数据结构值。

根据本公开的实施例，组件上下文信息可以包括至少一个变量。变量可以是与静态数据结构对应的变量、与远程数据结构对应的变量、与实体数据结构对应的变量和与事件数据结构对应的变量中的至少之一。

根据本公开的实施例，在组件上下文信息包括与实体数据结构对应的组件上下文信息的情况下，可以根据查询条件，从关联关系集中得到实体数据。根据实体数据，得到实体数据结构。查询条件可以包括组件标识。关联关系集可以包括至少一个关联关系。关联关系可以表征实体数据和组件标识之间的关联关系。实体数据结构可以与预定数据格式规范相一致。

根据本公开的实施例，在组件上下文信息可以包括与远程数据结构对应的组件上下文信息的情况下，上述面向低代码场景的页面信息配置方法还可以包括如下操作。

响应于监听到预定事件，调用事件派发例程。根据事件派发例程，调用事件拦截例程。利用事件拦截例程拦截预定事件，得到与预定事件对应的反馈信息。根据预定数据结构策略处理数据结构，得到远程数据结构。

根据本公开的实施例，事件派发例程的输入参数可以包括组件的组件标识。反馈信息可以包括数据结构。预定数据结构策略可以是根据预定数据格式规范确定的。远程数据结构可以与预期远程数据结构相一致。预期远程数据结构可以表征在可视化配置面板中显示的变量项结构。

根据本公开的实施例，预定事件可以指与用于获得远程数据接口对应的事件。例如，预定事件可以包括初始化接口事件。事件派发例程可以用于串联页面的每个交互。例如，事件派发例程可以包括dispatchEvent()。事件拦截例程用于在实现拦截预定事件的情况下，能够用于获得与预定事件对应的反馈信息。

根据本公开的实施例，预定数据结构策略可以是根据预定数据格式规范确定的。预定数据格式规范可以根据实际业务需求进行配置，在此不作限定。例如，预定数据格式规范可以包括JSON Schema。预期远程数据结构可以表征在可视化配置面板中显示的与远程数据对应的变量项结构。

根据本公开的实施例，可以响应于检测到异步请求，检测到预定事件。响应于检测到预定事件，调用事件派发例程。事件派发例程可以用于派发自定义事件。自定义事件可以用于串联页面中的各个交互操作。异步请求可以包括待请求信息。

根据本公开的实施例，在利用事件拦截例程得到与预定事件对应的反馈信息之后，可以根据预定数据结构策略处理数据结构，得到与预期远程数据结构对应的远程数据结构。例如，可以根据预定数据格式规范来构建预定数据结构策略。预定数据结构策略用于实现预定数据结构规范。

根据本公开的实施例，根据事件派发例程，调用事件拦截例程，可以包括如下操作。

对事件派发例程进行修改，得到中间事件派发例程。对中间事件派发例程进行修改，得到目标事件派发例程。执行目标事件派发例程，得到组件标识。调用与组件标识对应的事件拦截例程。

根据本公开的实施例，中间事件派发例程可以用于实现拦截预定事件。例如，可以在事件派发例程中添加用于实现拦截预定事件的代码，得到中间事件派发例程。再基于用于实现拦截预定事件的代码，对中间事件派发例程进行修改，得到目标事件派发例程。可以执行目标事件派发例程，得到组件标识，触发与组件标识对应的事件拦截例程。

根据本公开的实施例，对事件派发例程进行修改，得到中间事件派发例程，可以包括如下操作。

在事件派发例程中插入预定拦截代码，得到中间事件派发例程。

根据本公开的实施例，预定拦截代码可以用于在执行到预定拦截代码的情况下，执行预定拦截代码和暂停执行所述事件派发例程。

根据本公开的实施例，预定拦截代码可以是用于实现跳转指令的代码和用于实现修改访问地址操作指令的代码中的之一。

根据本公开的实施例，预定拦截代码可以是Hook(即钩子)代码和插桩代码中的之一。

根据本公开的实施例，可以确定插入位置和预定拦截代码。在事件派发例程中的插入位置插入预定拦截代码，得到中间事件派发例程。

根据本公开的实施例，对中间事件派发例程进行修改，得到目标事件派发例程，可以包括如下操作。

对中间事件派发例程中的预定拦截代码进行重写，得到目标事件派发例程。

根据本公开的实施例，重写可以是子类对父类的允许访问的方法的实现过程进行重新编写,反馈信息和形式参数都未改变。可以根据组件处理逻辑对中间事件派发例程中的预定拦截代码进行重写，得到目标事件派发例程。

根据本公开的实施例，利用事件拦截例程拦截预定事件，得到与预定事件对应的反馈信息，可以包括如下操作。

根据本公开的实施例，响应于检测到获得事件拦截例程，调用事件拦截插件。利用事件拦截插件拦截预定事件，得到与预定事件对应的反馈信息。

例如，响应于监听到预定事件，调用dispatchEvent()。在dispatchEvent()中插入Hook代码，得到beforeDispatchEvent()。对beforeDispatchEvent()中的Hook代码进行重写，得到重写后的beforeDispatchEvent()。执行重写后的beforeDispatchEvent()，得到组件标识。调用与组件标识对应的rendererBeforeDispatchEvent()插件。利用rendererBeforeDispatchEvent()插件拦截预定事件，得到与预定事件对应的反馈信息。

例如，预定事件可以是初始化接口事件。可以利用rendererBeforeDispatchEvent()拦截初始化接口事件，得到与初始化接口事件对应的反馈信息。

根据本公开的实施例，上述面向低代码场景的页面信息配置方法还可以包括如下操作。

调用数据域获取例程。利用数据域获取例程获取与组件对应的数据域。可以向反馈信息存储至与组件对应的数据域。例如，可以利用存储例程将反馈信息存储至与组件对应的数据域。存储例程可以是DataScope()。可以预先对组件的数据域进行注册。

根据本公开的实施例，根据预定数据结构策略处理数据结构，得到远程数据结构，可以包括如下操作。

调用数据结构接口。利用数据结构接口处理数据结构，得到远程数据结构。

根据本公开的实施例，数据结构接口可以是根据预定数据格式规范构建的。

根据本公开的实施例，数据结构接口用于实现预定数据结构规范。可以利用数据结构接口处理数据结构，得到与预期远程数据结构对应的远程数据结构。数据结构接口可以包括增删改查接口。

根据本公开的实施例，在组件上下文信息可以包括与事件数据结构对应的组件上下文信息的情况下，上述面向低代码场景的页面信息配置方法还可以包括如下操作。

获取与组件对应的事件信息。根据事件上下文信息，得到事件数据结构。

根据本公开的实施例，事件信息可以包括事件上下文信息。事件数据结构可以与预期事件数据结构相一致。预期事件数据结构可以表征在可视化配置面板中显示的变量项结构。

根据本公开的实施例，事件上下文信息的数据格式可以与预定数据格式相匹配。可以对事件上下文信息进行分析，得到与预期事件数据结构相一致的事件数据结构。预期事件数据结构可以表征在可视化配置面板中显示的与事件数据对应的变量项结构。

根据本公开的实施例，目标组件上下文信息可以包括以下至少之一：页面层级的目标组件上下文信息、应用层级的目标组件上下文信息和平台层级的目标组件上下文信息。

根据本公开的实施例，应用层级的目标组件上下文信息可以是根据页面层级的目标组件上下文信息确定的。平台层级的目标组件上下文信息可以是根据应用层级的目标组件上下文信息确定的。

根据本公开的实施例，可以根据预定数据格式规范确定目标数据结构。例如，预定数据格式规范可以包括JSON Schema。目标数据结构可以包括用于描述应用数据、用户名、应用名称、应用标识和应用环境中的至少之一的数据结构。目标数据结构可以包括以下至少之一：类型和标题等。

根据本公开的实施例，根据应用层级的目标组件上下文信息和目标数据结构，向平台注入应用层级的目标组件上下文信息。根据平台层级的目标组件上下文信息和目标数据结构，向平台注入平台层级的目标组件上下文信息。平台可以包括前端模块、后端业务模块、后端基础设施模块、线上部署模块和存储层。

下面参考图3～图4，结合具体实施例对根据本公开实施例所述的面向低代码场景的页面信息配置方法做进一步说明。

图3示意性示出了根据本公开实施例的前端模块的示例示意图。

如图3所示，前端模块300可以包括低代码前端框架301和低代码前端框架设计器302。

低代码前端框架301可以包括组件模块301_1、事件派发模块301_2和数据结构模块301_3。组件模块301_1可以包括至少一个组件。例如，组件模块301_1可以包括N个组件。数据结构模块301_3可以用于提供数据结构定义功能和存储空间。数据结构模块301_3可以包括以下至少之一：指针单元、接口单元和第一存储单元。指针单元可以指用于获取数据结构和数据域的变量的单元。指针单元可以包括以下至少之一：顶级数据域指针和当前数据域指针。接口单元可以包括以下至少之一：增删改查(即CRUD)接口和指针移动接口。增删改查接口可以用于将数据结构修改为预期数据结构。增删改查接口可以包括以下至少之一：针对数据结构的增删改查接口和针对数据域的增删改查接口。第一存储单元可以包括上下文结构MAP。上下文结构MAP可以用于配合指针查找数据结构和数据域的变量。

低代码前端框架设计器302可以包括设计管理(即EditorManager)模块302_1和插件(即Plugin)模块302_2。插件模块302_2可以包括N个插件单元，例如，插件单元302_2_1、……、插件单元302_2_N。组件具有与该组件对应的插件单元。N可以是大于或等于1的整数。以插件单元302_2_N为例，插件单元302_2_N可以包括事件拦截插件、上下文构建插件和可视化配置面板。如果组件是常用业务组件，并且期望使用成本更低，则可以编写可视化设计器插件。此外，设计管理模块302_1还可以包括第二存储单元和获取单元。第二存储单元可以用于存储组件上下文信息。获取单元可以用于获取组件上下文信息。

下面以在组件上下文信息包括与远程数据结构对应的组件上下文信息的情况下，利用前端模块300获得远程数据结构为例进行说明。

响应于监听到初始化接口事件，调用配置于事件派发模块301_2中的事件派发例程。事件派发例程的输入参数包括组件的组件标识。在事件派发例程中插入Hook代码，得到中间事件派发例程。对中间事件派发例程中的Hook代码进行重写，得到目标事件派发例程。执行目标事件派发例程，得到组件标识。调用与组件标识对应的事件拦截插件。利用事件拦截插件拦截初始化接口事件，得到与初始化接口事件对应的反馈信息。调用针对数据结构的增删改查接口。利用针对数据结构的增删改查接口处理数据结构，得到远程数据结构。

图4示意性示出了根据本公开实施例的面向低代码场景的页面信息配置方法的示例示意图。

如图4所示，在400中，响应于检测到组件配置操作，确定页面中的待配置组件402。在可视化配置面板401上显示与待配置组件402对应的目标组件上下文信息403。目标组件上下文信息403可以包括M个可选配置变量。例如，可选配置变量403_1、……、可选配置变量403_M。M可以是大于或等于1的整数。响应于检测到针对至少一个可选配置变量的选择操作，在可视化配置面板401上显示与目标配置变量403_1对应的待配置变量项404。根据与待配置组件402对应的待配置组件信息对待配置变量项404进行配置，得到待配置变量值405。

本公开的技术方案中，所涉及的用户个人信息的收集、存储、使用、加工、传输、提供和公开等处理，均符合相关法律法规的规定，且不违背公序良俗。

在本公开的技术方案中，在获取或采集用户个人信息之前，均获取了用户的授权或同意。

以上仅是示例性实施例，但不限于此，还可以包括本领域已知的其他面向低代码场景的页面信息配置方法，只要能够降低面向低代码场景的页面信息配置难度即可。

图5示意性示出了根据本公开实施例的面向低代码场景的页面信息配置装置的框图。

如图5所示，面向低代码场景的页面信息配置装置500可以包括确定模块510、第一显示模块520、第二显示模块530和配置模块540。

确定模块510，用于响应于检测到组件配置操作，确定页面中的待配置组件。

第一显示模块520，用于在可视化配置面板上显示与所述待配置组件对应的目标组件上下文信息。目标组件上下文信息可以表征与所述待配置组件对应的数据域信息，所述数据域信息包括至少一个可选配置变量。

第二显示模块530，用于响应于检测到针对所述至少一个可选配置变量的选择操作，在所述可视化配置面板上显示与目标配置变量对应的待配置变量项。目标配置变量是所述至少一个可选配置变量中的一个；以及

配置模块540，用于根据与所述待配置组件对应的待配置组件信息对所述待配置变量项进行配置。

根据本公开的实施例，所述目标组件上下文信息包括至少一个层级的组件的组件上下文信息。

根据本公开的实施例，上述面向低代码场景的页面信息配置装置500还可以包括第一调用模块和第一获得模块。

第一调用模块，用于调用与所述至少一个层级的组件对应的上下文构建例程。

第一获得模块，用于基于所述至少一个层级的组件的组件标识，利用与所述至少一个层级的组件对应的上下文构建例程，从组件上下文信息集中确定与所述至少一个层级的组件对应的组件上下文信息，得到所述目标组件上下文信息。

根据本公开的实施例，所述组件上下文信息包括以下至少之一：与静态数据结构对应的组件上下文信息、与远程数据结构对应的组件上下文信息、与实体数据结构对应的组件上下文信息和与事件数据结构对应的组件上下文信息。

根据本公开的实施例，在所述组件上下文信息包括与所述远程数据结构对应的组件上下文信息的情况下，上述面向低代码场景的页面信息配置装置500还可以包括第二调用模块、第三调用模块、第二获得模块和第三获得模块。

第二调用模块，用于响应于监听到预定事件，调用事件派发例程。所述事件派发例程的输入参数包括所述组件的组件标识。

第三调用模块，用于根据所述事件派发例程，调用事件拦截例程。

第二获得模块，用于利用所述事件拦截例程拦截所述预定事件，得到与所述预定事件对应的反馈信息，其中，所述反馈信息包括数据结构。

第三获得模块，用于根据预定数据结构策略处理所述数据结构，得到所述远程数据结构。所述预定数据结构策略是根据预定数据格式规范确定的。所述远程数据结构与预期远程数据结构相一致，所述预期远程数据结构表征在所述可视化配置面板中显示的变量项结构。

根据本公开的实施例，所述第三获得模块可以包括第一调用子模块和第一获得子模块。

第一调用子模块，用于调用数据结构接口。所述数据结构接口是根据所述预定数据格式规范构建的。

第一获得子模块，用于利用所述数据结构接口处理所述数据结构，得到所述远程数据结构。

根据本公开的实施例，所述第二调用模块可以包括第二获得子模块、第三获得子模块、第四获得子模块和第二调用子模块。

第二获得子模块，用于对所述事件派发例程进行修改，得到中间事件

派发例程。

第三获得子模块，用于对所述中间事件派发例程进行修改，得到所述目标事件派发例程。

第四获得子模块，用于执行所述目标事件派发例程，得到所述组件标识。

第二调用子模块，用于调用与所述组件标识对应的事件拦截例程。

根据本公开的实施例，所述第二获得子模块可以包括第一获得单元。

第一获得单元，用于在所述事件派发例程中插入预定拦截代码，得到所述中间事件派发例程。所述预定拦截代码用于在执行到所述预定拦截代码的情况下，执行所述预定拦截代码和暂停执行所述事件派发例程。

根据本公开的实施例，所述第三获得子模块可以包括第二获得单元。

第二获得单元，用于对所述中间事件派发例程中的预定拦截代码进行重写，得到所述目标事件派发例程。

根据本公开的实施例，在所述组件上下文信息包括与所述事件数据结构对应的组件上下文信息的情况下，上述面向低代码场景的页面信息配置装置500还可以包括获取模块和第四获得模块。

获取模块，用于获取与所述组件对应的事件信息。所述事件信息包括事件上下文信息。

第四获得模块，用于根据所述事件上下文信息，得到所述事件数据结构。所述事件数据结构与预期事件数据结构相一致。所述预期事件数据结构表征在所述可视化配置面板中显示的变量项结构。

根据本公开的实施例，所述第一显示模块520可以包括第三调用子模块、获取子模块和显示子模块。

第三调用子模块，用于调用上下文获取例程。

获取子模块，用于利用所述上下文获取例程获取与所述待配置组件对应的目标组件上下文信息。

显示子模块，用于在所述可视化配置面板上显示与所述待配置组件对应的目标组件上下文信息。

根据本公开的实施例，所述目标组件上下文信息包括以下至少之一：页面层级的目标组件上下文信息、应用层级的目标组件上下文信息和平台层级的目标组件上下文信息。

根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

根据本公开的实施例，一种电子设备，包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行如上所述的方法。

根据本公开的实施例，一种存储有计算机指令的非瞬时计算机可读存储介质，其中，计算机指令用于使计算机执行如上所述的方法。

根据本公开的实施例，一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现如上所述的方法。

图6示意性示出了根据本公开实施例的适于实现面向低代码场景的页面信息配置方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图6所示，电子设备600包括计算单元601，其可以根据存储在只读存储器(ROM)602中的计算机程序或者从存储单元608加载到随机访问存储器(RAM)603中的计算机程序，来执行各种适当的动作和处理。在RAM 603中，还可存储电子设备600操作所需的各种程序和数据。计算单元601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。

电子设备600中的多个部件连接至I/O接口605，包括：输入单元606，例如键盘、鼠标等；输出单元607，例如各种类型的显示器、扬声器等；存储单元608，例如磁盘、光盘等；以及通信单元609，例如网卡、调制解调器、无线通信收发机等。通信单元609允许电子设备600通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元601可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元601的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元601执行上文所描述的各个方法和处理，例如，面向低代码场景的页面信息配置方法。例如，在一些实施例中，面向低代码场景的页面信息配置方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元608。在一些实施例中，计算机程序的部分或者全部可以经由ROM 602和/或通信单元609而被载入和/或安装到电子设备600上。当计算机程序加载到RAM 603并由计算单元601执行时，可以执行上文描述的面向低代码场景的页面信息配置方法的一个或多个步骤。备选地，在其他实施例中，计算单元601可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行面向低代码场景的页面信息配置方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、复杂可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以是分布式系统的服务器，或者是结合了区块链的服务器。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。

Claims (25)

1.一种面向低代码场景的页面信息配置方法，包括：

响应于检测到组件配置操作，确定页面中的待配置组件；

在可视化配置面板上显示与所述待配置组件对应的目标组件上下文信息，其中，所述目标组件上下文信息表征与所述待配置组件对应的数据域信息，所述数据域信息包括至少一个可选配置变量；

响应于检测到针对所述至少一个可选配置变量的选择操作，在所述可视化配置面板上显示与目标配置变量对应的待配置变量项，其中，所述目标配置变量是所述至少一个可选配置变量中的一个；以及

根据与所述待配置组件对应的待配置组件信息对所述待配置变量项进行配置。

2.根据权利要求1所述的方法，其中，所述目标组件上下文信息包括至少一个层级的组件的组件上下文信息；

所述方法还包括：

调用与所述至少一个层级的组件对应的上下文构建例程；以及

基于所述至少一个层级的组件的组件标识，利用与所述至少一个层级的组件对应的上下文构建例程，从组件上下文信息集中确定与所述至少一个层级的组件对应的组件上下文信息，得到所述目标组件上下文信息。

3.根据权利要求2所述的方法，其中，所述组件上下文信息包括以下至少之一：与静态数据结构对应的组件上下文信息、与远程数据结构对应的组件上下文信息、与实体数据结构对应的组件上下文信息和与事件数据结构对应的组件上下文信息。

4.根据权利要求3所述的方法，其中，在所述组件上下文信息包括与所述远程数据结构对应的组件上下文信息的情况下，所述方法还包括：

响应于监听到预定事件，调用事件派发例程，其中，所述事件派发例程的输入参数包括所述组件的组件标识；

根据所述事件派发例程，调用事件拦截例程；

利用所述事件拦截例程拦截所述预定事件，得到与所述预定事件对应的反馈信息，其中，所述反馈信息包括数据结构；以及

根据预定数据结构策略处理所述数据结构，得到所述远程数据结构，其中，所述预定数据结构策略是根据预定数据格式规范确定的，所述远程数据结构与预期远程数据结构相一致，所述预期远程数据结构表征在所述可视化配置面板中显示的变量项结构。

5.根据权利要求4所述的方法，其中，所述根据预定数据结构策略处理所述数据结构，得到所述远程数据结构，包括：

调用数据结构接口，其中，所述数据结构接口是根据所述预定数据格式规范构建的；以及

利用所述数据结构接口处理所述数据结构，得到所述远程数据结构。

6.根据权利要求4或5所述的方法，其中，所述根据所述事件派发例程，调用事件拦截例程，包括：

对所述事件派发例程进行修改，得到中间事件派发例程；

对所述中间事件派发例程进行修改，得到目标事件派发例程；

执行所述目标事件派发例程，得到所述组件标识；以及

调用与所述组件标识对应的事件拦截例程。

7.根据权利要求6所述的方法，其中，所述对所述事件派发例程进行修改，得到中间事件派发例程，包括：

在所述事件派发例程中插入预定拦截代码，得到所述中间事件派发例程，其中，所述预定拦截代码用于在执行到所述预定拦截代码的情况下，执行所述预定拦截代码和暂停执行所述事件派发例程。

8.根据权利要求6或7所述的方法，其中，所述对所述中间事件派发例程进行修改，得到所述目标事件派发例程，包括：

对所述中间事件派发例程中的预定拦截代码进行重写，得到所述目标事件派发例程。

9.根据权利要求3～8中任一项所述的方法，其中，在所述组件上下文信息包括与所述事件数据结构对应的组件上下文信息的情况下，所述方法还包括：

获取与所述组件对应的事件信息，其中，所述事件信息包括事件上下文信息；以及

根据所述事件上下文信息，得到所述事件数据结构，其中，所述事件数据结构与预期事件数据结构相一致，所述预期事件数据结构表征在所述可视化配置面板中显示的变量项结构。

10.根据权利要求1～9中任一项所述的方法，其中，所述在可视化配置面板上显示与所述待配置组件对应的目标组件上下文信息，包括：

调用上下文获取例程；

利用所述上下文获取例程获取与所述待配置组件对应的目标组件上下文信息；以及

在所述可视化配置面板上显示与所述待配置组件对应的目标组件上下文信息。

11.根据权利要求1～10中任一项所述的方法，其中，所述目标组件上下文信息包括以下至少之一：页面层级的目标组件上下文信息、应用层级的目标组件上下文信息和平台层级的目标组件上下文信息。

12.一种面向低代码场景的页面信息配置装置，包括：

确定模块，用于响应于检测到组件配置操作，确定页面中的待配置组件；

第一显示模块，用于在可视化配置面板上显示与所述待配置组件对应的目标组件上下文信息，其中，所述目标组件上下文信息表征与所述待配置组件对应的数据域信息，所述数据域信息包括至少一个可选配置变量；

第二显示模块，用于响应于检测到针对所述至少一个可选配置变量的选择操作，在所述可视化配置面板上显示与目标配置变量对应的待配置变量项，其中，所述目标配置变量是所述至少一个可选配置变量中的一个；以及

配置模块，用于根据与所述待配置组件对应的待配置组件信息对所述待配置变量项进行配置。

13.根据权利要求12所述的装置，其中，所述目标组件上下文信息包括至少一个层级的组件的组件上下文信息；

所述装置还包括：

第一调用模块，用于调用与所述至少一个层级的组件对应的上下文构建例程；以及

第一获得模块，用于基于所述至少一个层级的组件的组件标识，利用与所述至少一个层级的组件对应的上下文构建例程，从组件上下文信息集中确定与所述至少一个层级的组件对应的组件上下文信息，得到所述目标组件上下文信息。

14.根据权利要求13所述的装置，其中，所述组件上下文信息包括以下至少之一：与静态数据结构对应的组件上下文信息、与远程数据结构对应的组件上下文信息、与实体数据结构对应的组件上下文信息和与事件数据结构对应的组件上下文信息。

15.根据权利要求14所述的装置，其中，在所述组件上下文信息包括与所述远程数据结构对应的组件上下文信息的情况下，所述装置还包括：

第二调用模块，用于响应于监听到预定事件，调用事件派发例程，其中，所述事件派发例程的输入参数包括所述组件的组件标识；

第三调用模块，用于根据所述事件派发例程，调用事件拦截例程；

第二获得模块，用于利用所述事件拦截例程拦截所述预定事件，得到与所述预定事件对应的反馈信息，其中，所述反馈信息包括数据结构；以及

第三获得模块，用于根据预定数据结构策略处理所述数据结构，得到所述远程数据结构，其中，所述预定数据结构策略是根据预定数据格式规范确定的，所述远程数据结构与预期远程数据结构相一致，所述预期远程数据结构表征在所述可视化配置面板中显示的变量项结构。

16.根据权利要求15所述的装置，其中，所述第三获得模块，包括：

第一调用子模块，用于调用数据结构接口，其中，所述数据结构接口是根据所述预定数据格式规范构建的；以及

第一获得子模块，用于利用所述数据结构接口处理所述数据结构，得到所述远程数据结构。

17.根据权利要求15或16所述的装置，其中，所述第二调用模块，包括：

第二获得子模块，用于对所述事件派发例程进行修改，得到中间事件派发例程；

第三获得子模块，用于对所述中间事件派发例程进行修改，得到所述目标事件派发例程；

第四获得子模块，用于执行所述目标事件派发例程，得到所述组件标识；以及

第二调用子模块，用于调用与所述组件标识对应的事件拦截例程。

18.根据权利要求17所述的装置，其中，所述第二获得子模块，包括：

第一获得单元，用于在所述事件派发例程中插入预定拦截代码，得到所述中间事件派发例程，其中，所述预定拦截代码用于在执行到所述预定拦截代码的情况下，执行所述预定拦截代码和暂停执行所述事件派发例程。

19.根据权利要求17或18所述的装置，其中，所述第三获得子模块，包括：

第二获得单元，用于对所述中间事件派发例程中的预定拦截代码进行重写，得到所述目标事件派发例程。

20.根据权利要求14～19中任一项所述的装置，其中，在所述组件上下文信息包括与所述事件数据结构对应的组件上下文信息的情况下，所述装置还包括：

获取模块，用于获取与所述组件对应的事件信息，其中，所述事件信息包括事件上下文信息；以及

第四获得模块，用于根据所述事件上下文信息，得到所述事件数据结构，其中，所述事件数据结构与预期事件数据结构相一致，所述预期事件数据结构表征在所述可视化配置面板中显示的变量项结构。

21.根据权利要求12～20中任一项所述的装置，其中，所述第一显示模块，包括：

第三调用子模块，用于调用上下文获取例程；

获取子模块，用于利用所述上下文获取例程获取与所述待配置组件对应的目标组件上下文信息；以及

显示子模块，用于在所述可视化配置面板上显示与所述待配置组件对应的目标组件上下文信息。

22.根据权利要求12～21中任一项所述的装置，其中，所述目标组件上下文信息包括以下至少之一：页面层级的目标组件上下文信息、应用层级的目标组件上下文信息和平台层级的目标组件上下文信息。

23.一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1～11中任一项所述的方法。

24.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据权利要求1～11中任一项所述的方法。

25.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1～11中任一项所述的方法。