CN117806633A - 页面交互事件配置方法、装置、计算机设备及存储介质 - Google Patents

Abstract

本发明涉及计算机技术领域，公开了一种页面交互事件配置方法、装置、计算机设备及存储介质。该方法通过接收待配置页面的页面配置请求；根据页面配置请求从至少一个待配置组件中确定目标组件，并获取目标组件的待选事件列表；接收事件类型选取信息，从待选事件列表中确定与事件类型选取信息对应的至少一个目标交互事件；接收与各目标交互事件对应的事件配置信息，根据所有事件配置信息对目标组件进行配置，得到已配置组件；根据所有已配置组件生成目标页面。本发明可以满足各种业务场景的定制需求，克服了低代码开发平台中的交互事件配置的局限性，实现了复杂逻辑交互事件的可视化配置，提高了页面开发效率。

Description

页面交互事件配置方法、装置、计算机设备及存储介质

技术领域

本发明涉及计算机技术领域，尤其涉及一种页面交互事件配置方法、装置、计算机设备及存储介质。

背景技术

在低代码开发平台中，网页和应用程序的开发是为了实现特定的业务场景，随着业务场景越来越丰富，需要页面和组件之间能够实现各种交互事件。现有的低代码开发平台在配置页面和组件的交互事件时仅仅支持简单的逻辑交互，例如页面之间的链接跳转和组件的显示隐藏，无法通过一个组件实现多个交互事件的复杂逻辑，不能充分满足用户的需求。此外，页面和组件的交互事件还会涉及数据处理，现有的低代码开发平台都是通过组件绑定固定数据源实现数据的静态处理，在修改静态数据的数据源时，需要专业的技术人员编写代码才可以实现，降低了网页和应用程序的开发效率，影响了用户使用体验。

因此，亟需改善低代码开发平台中的交互事件配置方式。

发明内容

基于此，有必要针对上述技术问题，提供一种页面交互事件配置方法、装置、计算机设备及存储介质，以解决低代码开发平台中的交互事件配置方式无法实现复杂逻辑交互和页面开发效率低的问题。

一种页面交互事件配置方法，包括：

接收待配置页面的页面配置请求，所述待配置页面包括至少一个待配置组件；

根据所述页面配置请求从至少一个所述待配置组件中确定目标组件，并获取所述目标组件的待选事件列表；

接收事件类型选取信息，从所述待选事件列表中确定与所述事件类型选取信息对应的至少一个目标交互事件；

接收与各所述目标交互事件对应的事件配置信息，根据所有所述事件配置信息对所述目标组件进行配置，得到已配置组件；

根据所有所述已配置组件生成目标页面。

一种页面交互事件配置装置，包括：

配置请求接收模块，用于接收待配置页面的页面配置请求，所述待配置页面包括至少一个待配置组件；

事件列表获取模块，用于根据所述页面配置请求从至少一个所述待配置组件中确定目标组件，并获取所述目标组件的待选事件列表；

交互事件选取模块，用于接收事件类型选取信息，从所述待选事件列表中确定与所述事件类型选取信息对应的至少一个目标交互事件；

交互事件配置模块，用于接收与各所述目标交互事件对应的事件配置信息，根据所有所述事件配置信息对所述目标组件进行配置，得到已配置组件；

目标页面生成模块，用于根据所有所述已配置组件生成目标页面。

一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机可读指令，所述处理器执行所述计算机可读指令时实现上述页面交互事件配置方法。

一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可读指令，所述计算机可读指令被一个或多个处理器执行时，使得所述一个或多个处理器执行如上述页面交互事件配置方法。

上述页面交互事件配置方法、装置、计算机设备及存储介质中，该方法预先在低代码开发平台中内置丰富的交互事件代码并形成待选事件列表，用户可以根据需求从待选事件列表中选取目标交互事件来满足各种业务场景的定制需求，克服了低代码开发平台中的交互事件配置的局限性。同时，本发明通过从交互事件维度对页面和组件进行配置，可以对同一个组件配置一个或多个交互事件，实现了复杂逻辑交互事件的可视化配置，减少了重复开发成本，提升了事件代码的复用性，提高了页面开发效率。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对本发明实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本发明一实施例中页面交互事件配置方法的一流程示意图；

图2是本发明一实施例中页面交互事件配置装置的一结构示意图；

图3是本发明一实施例中计算机设备的一示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

在一实施例中，如图1所示，提供一种页面交互事件配置方法，包括如下步骤S10-S50：

S10、接收待配置页面的页面配置请求，所述待配置页面包括至少一个待配置组件。

可理解地，待配置页面指的是需要进行页面参数或功能配置的页面。待配置页面中包括可预览的实时配置界面和组件库等，组件库用于在实时配置界面上添加组件，在待配置页面中点击添加组件，可以显示组件库中预先配置好的可添加组件，可添加组件包括文本输入框组件(input)、按钮组件(button)、下拉选择框组件(select)以及自定义组件等。待配置页面的实时配置界面可以只包括一个待配置组件，也可以包括两个或两个以上待配置组件。页面配置请求是用于对待配置页面的其中一个待配置组件进行配置的请求信息，页面配置请求可以是对待配置组件进行交互事件配置的请求。待配置组件指的是已经添加到待配置页面中的需要进行交互事件配置的组件。在配置页面交互事件的过程中，配置终端会显示待配置页面，开发人员可以通过鼠标等输入设备进行组件的交互事件配置操作，点击待配置页面的实时配置界面中已添加的待配置组件生成页面配置请求，则低代码开发平台的服务器接收到页面配置请求。

S20、根据所述页面配置请求从至少一个所述待配置组件中确定目标组件，并获取所述目标组件的待选事件列表。

可理解地，目标组件指的是当前进行交互事件配置操作的组件对象，待配置页面的实时配置界面中可以有多个已添加的待配置组件，开发人员可以通过鼠标等输入设备选取其中一个待配置组件作为目标组件。待选事件列表是指与目标组件对应的可选择的内置事件选项集合，内置事件选项是指预先编写好的事件类型选项，如弹窗类事件、数据处理类事件和动画类事件。不同类型的组件对应的可选择的内置事件选项不同，内置事件选项在待选事件列表中依次排列，例如文本输入框组件(input)对应的可选择的内置事件选项包括组件点击事件、文本粘贴事件和弹窗事件等。

低代码开发平台的服务器接收到页面配置请求之后，根据页面配置请求可确定开发人员当前配置的目标组件，进而获取与目标组件对应的可选择的内置事件选项，并通过配置终端在实时配置界面显示待选事件列表。

S30、接收事件类型选取信息，从所述待选事件列表中确定与所述事件类型选取信息对应的至少一个目标交互事件。

可理解地，事件类型选取信息是指根据需要从待选事件列表的所有事件类型选项中选取特定的事件类型选项的信息。事件类型选取信息可以只包括一个事件类型选项，也可以包括两个或两个以上的事件类型选项。目标交互事件是指选取出来的特定的事件类型选项，目标交互事件的数量可以是一个，也可以是两个或两个以上。目标交互事件的数量与被选取的事件类型选项的数量相对应，当只被选取一个事件类型选项时，对应确定一个目标交互事件，当被选取两个或两个以上事件类型选项时，对应确定两个或两个以上目标交互事件。在显示待选事件列表后，开发人员可通过鼠标或触控屏幕等输入设备进行事件类型选项的选取操作，配置终端会响应对待选事件列表的选取操作。在本实施例中，当开发人员需要从待选事件列表中选取至少两个事件类型选项进行复杂逻辑配置时，事件类型选取信息包括至少两个事件类型选项，低代码开发平台的服务器接收事件类型选取信息，从待选事件列表中确定与事件类型选取信息对应的至少两个目标交互事件。

S40、接收与各所述目标交互事件对应的事件配置信息，根据所有所述事件配置信息对所述目标组件进行配置，得到已配置组件。

可理解地，事件配置信息是指对目标交互事件进行参数配置的信息，包括属性参数配置信息(如事件自定义名称)、执行顺序配置信息(如先执行数据清空事件再执行数据加载事件)和执行条件参数配置信息(如延迟0.5秒触发执行)等事件配置参数数据。已配置组件是指在待配置组件的基础上完成参数配置之后对应的组件。当开发人员只需要从待选事件列表中选取一个事件类型选项进行配置时，则只需要对一个目标交互事件单独配置。当开发人员需要从待选事件列表中选取两个或两个以上的事件类型选项进行配置时，可以先选取第一个事件类型选项作为第一个目标交互事件进行配置，在第一个目标交互事件配置完成后再选取第二个事件类型选项作为第二个目标交互事件进行配置……，直至配置完成所有的事件类型选项。或者，也可以先选取多个事件类型选项，再逐一作为目标交互事件进行配置，直至配置完成所有的事件类型选项。

在本实施例中，低代码开发平台的服务器从待选事件列表中确定与事件类型选取信息对应的至少一个目标交互事件之后，通过配置终端显示事件配置界面，开发人员可以通过鼠标或触控屏幕等输入设备对每一个目标交互事件进行参数配置操作。低代码开发平台的服务器会响应参数配置操作，接收与各目标交互事件对应的事件配置信息，确定与参数配置操作对应的参数合法性要求(如参数阈值要求和参数格式要求等)，根据参数合法性要求对事件配置操作中的事件配置参数进行参数合法性验证，并在参数合法性验证通过后，根据所有事件配置信息对目标组件进行配置，待配置组件转变为已配置组件，使得已配置组件可以同时实现至少一个目标交互事件的执行逻辑。

S50、根据所有所述已配置组件生成目标页面。

可理解地，目标页面是指已经完成页面参数或功能配置的页面。当待配置页面的实时配置界面只包括一个待配置组件时，则在这个待配置组件转变为已配置组件之后，根据这个已配置组件生成目标页面。当待配置页面的实时配置界面包括两个或两个以上待配置组件时，则需要在每一个待配置组件都转变为已配置组件之后，根据所有的已配置组件生成目标页面。

本实施例通过接收待配置页面的页面配置请求，待配置页面包括至少一个待配置组件；根据页面配置请求从至少一个待配置组件中确定目标组件，并获取目标组件的待选事件列表；接收事件类型选取信息，从待选事件列表中确定与事件类型选取信息对应的至少一个目标交互事件；接收与各目标交互事件对应的事件配置信息，根据所有事件配置信息对目标组件进行配置，得到已配置组件；根据所有已配置组件生成目标页面。本实施例预先在低代码开发平台中内置丰富的交互事件代码并形成待选事件列表，用户可以根据需求从待选事件列表中选取目标交互事件来满足各种业务场景的定制需求，克服了低代码开发平台中的交互事件配置的局限性。同时，本实施例通过从交互事件维度对页面和组件进行配置，可以对同一个组件配置一个或多个交互事件，实现了复杂逻辑交互事件的可视化配置，减少了重复开发成本，提升了事件代码的复用性，提高了页面开发效率。

在一实施例中，步骤S20中，即所述获取所述目标组件的待选事件列表之前，包括：

S201、获取所述目标组件的目标组件类型信息；

S202、从预设组件事件类型关联表查找与所述目标组件类型信息关联的待选事件类型信息；

S203、根据所述待选事件类型信息生成所述待选事件列表。

可理解地，组件类型是指用于区分不同组件功能的类型信息，不同的组件所实现的功能不同，每个组件都有对应的组件类型。其中，文本输入框组件(input)用于接收页面使用用户在目标页面中输入的字母、数字和文字等文本信息，下拉选择框组件(el-select)用于使页面使用用户从若干给定的选项中选取其中一项或多项。例如当用户需要填写地理位置信息时，可通过下拉选择框快捷选择省、市和区，无需手动输入地理位置信息。目标组件类型信息是指目标组件对应的组件类型。预设组件事件类型关联表是预先设置的用于表示组件类型和事件类型之间关联关系的数据表，其中，一个组件类型可以关联多个事件类型。待选事件类型信息是指可选择的内置事件选项的类型信息。

在一实施例中，低代码开发平台的服务器获取目标组件的目标组件类型信息，从预设组件事件类型关联表查找与目标组件类型信息关联的待选事件类型信息，将与待选事件类型信息对应的内置事件选项依次排列生成待选事件列表，并将待选事件列表显示在配置终端。

本实施例预先在低代码开发平台中内置丰富的交互事件代码并形成内置事件选项，根据预设组件事件类型关联表确定与目标组件对应的待选事件列表，保证了待选事件列表中的内置事件选项与目标组件之间的适用性，避免了直接选取内置事件选项时浪费时间，便于快速选取交互事件类型。

在一实施例中，步骤S30中，即所述从所述待选事件列表中确定与所述事件类型选取信息对应的至少一个目标交互事件之后，还包括：

S301、当所述目标交互事件的数量包括至少两个时，在所述待配置页面生成事件配置界面，所述事件配置界面包括与各所述目标交互事件对应的事件配置区域；

步骤S40中，即所述接收与各所述目标交互事件对应的事件配置信息，根据所有所述事件配置信息对所述目标组件进行配置，得到已配置组件，包括：

S401、接收通过各所述事件配置区域录入的与各所述目标交互事件分别对应的事件属性配置信息和执行条件配置信息；

S402、根据各所述事件配置区域之间的位置关系确定各所述目标交互事件的事件执行顺序信息；

S403、根据所有所述目标交互事件的事件属性配置信息、执行条件配置信息以及事件执行顺序信息对所述目标组件进行配置，得到已配置组件。

可理解地，事件配置界面是用于对待配置组件的各个目标交互事件进行参数配置的界面，一个待配置组件对应一个事件配置界面，事件配置界面可以是悬浮在待配置页面的实时配置界面之上的窗口界面。事件配置界面包括与各目标交互事件对应的事件配置区域，例如与弹窗类事件对应的弹窗事件配置区域。当事件类型选取信息只包括一个事件类型选项时，则只存在一个目标交互事件，事件配置界面只包括一个用于配置目标交互事件的事件配置区域。当事件类型选取信息包括两个或两个以上的事件类型选项时，存在两个或两个以上的目标交互事件，事件配置界面包括与各目标交互事件一一对应的事件配置区域。事件属性配置信息是指对目标交互事件的固有属性进行配置的信息，例如事件名称属性和事件动作属性。执行条件配置信息是指对目标交互事件的执行触发条件进行配置的信息，例如时间间隔条件和触发次数条件(点击两次按钮组件触发)等。在事件配置界面包括两个或两个以上与各目标交互事件对应的事件配置区域时，各个事件配置区域之间的分布存在特定的位置关系，例如从上到下分布的上下排列关系。事件执行顺序信息是指对目标交互事件的执行顺序进行配置的信息，例如先执行排列靠上的事件配置区域所对应的目标交互事件，再执行排列靠下的事件配置区域所对应的目标交互事件。当一个按钮组件的两个目标交互事件的事件类型是弹窗类事件和数据处理类事件时，事件执行顺序可以是弹窗后立刻加载获取到的数据，也可以是弹窗后0.5秒再加载获取到的数据。

在一实施例中，低代码开发平台的服务器从待选事件列表中确定与事件类型选取信息对应的至少两个目标交互事件之后，通过配置终端在待配置页面生成事件配置界面，并根据目标交互事件的数量在事件配置界面按照从上到下的位置分布划分与每一个目标交互事件对应的事件配置区域，每一个事件配置区域的位置分布可以改变。开发人员可以通过配置终端在每一个事件配置区域输入配置信息，并通过鼠标或触控屏幕拖动事件配置区域调整位置分布。服务器接收通过每一个事件配置区域录入的与每一个目标交互事件分别对应的事件属性配置信息和执行条件配置信息，同时根据各事件配置区域之间的位置关系确定各目标交互事件的事件执行顺序信息。服务器根据所有目标交互事件的事件属性配置信息、执行条件配置信息以及事件执行顺序信息对目标组件进行配置，目标组件从待配置组件转变为已配置组件。

本实施例通过在事件配置界面划分与各目标交互事件对应的事件配置区域，并按照事件配置区域接收各个目标交互事件的配置信息，实现了对各个交互事件的独立配置，同时，通过事件配置界面将所有目标交互事件的事件属性配置信息、执行条件配置信息以及事件执行顺序信息对目标组件进行配置，使得已配置组件可以实现交互事件的复杂逻辑配置。

在一实施例中，所述事件配置区域包括与各所述目标交互事件对应的属性配置子区域和执行条件配置子区域；步骤S401中，即所述接收通过各所述事件配置区域录入的与各所述目标交互事件分别对应的事件属性配置信息和执行条件配置信息，包括：

S4011、接收通过所述属性配置子区域录入的事件名称信息和事件参数信息，并根据所述事件名称信息和所述事件参数信息确定事件属性配置信息；

S4012、当接收到通过所述执行条件配置子区域录入的触发条件设置参数时，则根据所述触发条件设置参数确定执行条件配置信息；

S4013、当接收不到通过所述执行条件配置子区域录入的触发条件设置参数时，则获取所述目标交互事件的预设默认触发条件参数，根据所述预设默认触发条件参数确定执行条件配置信息。

可理解地，每一个事件配置区域与每一个目标交互事件相对应，可以进一步将事件配置区域划分出属性配置子区域和执行条件配置子区域，其中，属性配置子区域是用于对目标交互事件的属性进行配置的区域，执行条件配置子区域是用于对目标交互事件的触发条件进行配置的区域。事件属性配置信息包括事件名称信息和事件参数信息，事件名称信息是指根据需要对目标交互事件添加的自定义名称，事件参数信息是指目标交互事件的作用对象参数设置信息(如弹窗事件的弹出窗口尺寸)。触发条件设置参数是指根据需要对目标交互事件添加的自定义触发条件，预设默认触发条件参数是指预先设置好的触发目标交互事件的默认条件。

在一实施例中，低代码开发平台的服务器在事件配置界面划分出与每一个目标交互事件对应的事件配置区域之后，又在每一个事件配置区域划分出属性配置子区域和执行条件配置子区域。开发人员可以根据需要通过配置终端在每一个属性配置子区域和执行条件配置子区域输入配置信息。其中，当服务器接收到通过执行条件配置子区域录入的触发条件设置参数时，则表明开发人员需要自定义目标交互事件的触发条件，此时根据触发条件设置参数确定执行条件配置信息。当服务器接收不到通过执行条件配置子区域录入的触发条件设置参数时，则表明开发人员没有输入触发条件设置参数，即不需要自定义目标交互事件的触发条件，此时直接根据预设默认触发条件参数确定执行条件配置信息。

本实施例通过进一步将事件配置区域划分出属性配置子区域和执行条件配置子区域，可以实现可视化的自定义参数配置，保证了对交互事件的精确配置和有效配置。

在一实施例中，步骤S4011中，即所述接收通过所述属性配置子区域录入的事件名称信息之后，包括：

S40111、根据所述事件名称信息确定与各所述目标交互事件对应的事件标识中的名称标识信息；

步骤S402中，即所述根据各所述事件配置区域之间的位置关系确定各所述目标交互事件的事件执行顺序信息，包括：

S4021、将所述事件配置界面中各所述事件配置区域之间按照从上到下的位置关系进行排序，并确定出与各所述目标交互事件对应的事件标识中的序号标识信息；

S4022、根据所述序号标识信息确定各所述目标交互事件的事件执行顺序信息。

可理解地，每一个事件配置区域通过事件标识与每一个目标交互事件相对应，事件标识可以在事件配置区域的特定位置突出显示(如左上角)。事件标识包括序号标识信息和名称标识信息两部分，序号标识信息和名称标识信息之间可以使用特定符号隔开(如星号或顿号)。序号标识信息用于表示当前目标交互事件所对应的事件配置区域在事件配置界面的所有事件配置区域中的排列序号，名称标识信息用于表示当前目标交互事件的自定义名称。

在一实施例中，低代码开发平台的服务器从待选事件列表中确定出与事件类型选取信息对应的两个目标交互事件，两个目标交互事件分别为弹窗事件和数据处理事件。其中，服务器接收到的事件名称信息为“数据初始化”，则弹窗事件的名称标识信息为“数据初始化”，同时，弹窗事件所对应的事件配置区域在事件配置界面中从上到下排列在第一个，则弹窗事件的序号标识信息为“1”，弹窗事件所对应的事件配置区域的事件标识为“1、数据初始化”。服务器根据序号标识信息确定弹窗事件的事件执行顺序信息为第一顺次执行，并进一步确定数据处理事件的序号标识信息为“2”，事件执行顺序信息为第二顺次执行。

本实施例通过将事件配置界面中各事件配置区域之间按照从上到下的位置关系进行排序，确定出与各目标交互事件对应的序号标识信息，可以根据序号标识信息快速确定事件执行顺序，提高了页面配置效率。

在一实施例中，步骤S301中，即所述在所述待配置页面生成事件配置界面之后，包括：

S3011、在根据所述事件类型选取信息确定至少一个所述目标交互事件中存在数据处理事件时，则在与所述数据处理事件对应的事件配置区域生成数据源配置子区域；

S3012、接收通过数据源配置子区域录入的按照预设字段规则生成的变量字段信息，并将所述变量字段信息确定为所述待配置组件的数据源键名，所述变量字段信息包括N个与数据源接口地址逐层对应的字段标识，N为大于等于1的正整数。

可理解地，数据处理事件是对数据进行分析、处理、计算等操作的事件，可以是数据加载事件、数据转换事件、数据查询事件等。数据处理事件涉及到从数据源获取数据，数据源可以是数据源接口API。数据源配置子区域是指对数据处理事件的数据源接口进行参数配置的区域。预设字段规则是预先设置的字段结构规则。变量字段信息是指根据录入的字符组合生成的字段信息，一个变量字段信息对应一个数据源。数据源键名是指用于指示数据处理事件的数据源接口的字段标识，与数据源键名对应的是数据源键值，通过数据源键名和数据源键值可以实现动态数据源接口的配置。其中，键名是“key”，键值是“value”，键名和键值之间根据对应关系可以形成键值对，即一个数据源键名对应一个数据源键值。

在一实施例中，将变量字段信息绑定到特定的数据源接口作为数据源接口地址(数据源键名)，可以实现数据的动态更新。数据在数据库中按照文件的层级进行存储，通过数据源接口地址可以直接访问对应的数据源文件。数据源接口地址可以看作一个包含多个层级字段的字符串，在配置数据源接口时，需要预先根据数据源接口地址的结构和每个字段的含义设置预设字段规则，预设字段规则可以是包括字段标识与数据源接口地址的层级结构之间对应关系的数据字典。低代码开发平台的服务器在与数据处理事件对应的事件配置区域生成数据源配置子区域之后，接收通过数据源配置子区域录入的按照预设字段规则生成的变量字段信息，并对变量字段信息进行格式校验。录入的方式可以是开发人员按照预设字段规则手动录入，也可以是根据预设字段规则自动生成并录入。格式校验通过后，服务器将变量字段信息确定为待配置组件的数据源键名，数据源在数据库中的位置不同，数据源接口地址的层级结构不同，则变量字段信息中的字段标识数量不同，因此，变量字段信息包括N个与数据源接口地址逐层对应的字段标识，N为大于等于1的正整数。当变量字段信息为data.apiBack.docList["data"].list时，data.apiBack.docList["data"].list可以作为一个数据源键名，访问数据源时，需要先通过data.apiBack.docList["data"]获取到内部的list文件对象，再获取数据源中的数据。

本实施例在与数据处理事件对应的事件配置区域生成数据源配置子区域，可以实现数据源的单独配置，同时在预设字段规则的基础上通过使用变量字段信息实现动态数据源配置，避免了静态数据源修改时需要重新编写代码的麻烦，提高了数据源配置的灵活性，改善了用户使用体验。

在一实施例中，步骤S50中，即所述所述根据所有所述已配置组件生成目标页面之后，还包括：

S501、在所述已配置组件满足所述数据处理事件的执行条件时，获取与所述已配置组件对应的数据源键名，根据所述预设字段规则对所述数据源键名进行解析，得到与所述数据源键名对应的数据源键值，将与所述数据源键值关联的待处理数据返回到所述已配置组件，以使得所述已配置组件对所述待处理数据执行所述数据处理事件。

可理解地，待处理数据指的是从数据源中获取的原始数据。在目标页面配置好之后，若已配置组件的交互事件中存在数据处理事件，且已配置组件满足数据处理事件的执行条件时，应用终端的服务器获取与已配置组件对应的数据源键名，根据预设字段规则对数据源键名进行解析，得到与数据源键名对应的数据源键值，即确定数据源接口地址。进一步地，应用终端的服务器在已配置组件和数据源接口之间建立数据连接，将与数据源键值关联的待处理数据返回到已配置组件，以使得已配置组件对待处理数据执行数据处理事件，例如数据加载事件或者数据转换事件。

本实施例在已配置组件满足数据处理事件的执行条件时，通过对数据源键名进行字段标识解析得到对应的数据源键值，有助于准确快速地获取数据。

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。

在一实施例中，提供一种页面交互事件配置装置，该页面交互事件配置装置与上述实施例中页面交互事件配置方法一一对应。如图2所示，该页面交互事件配置装置包括配置请求接收模块10、事件列表获取模块20、交互事件选取模块30、交互事件配置模块40和目标页面生成模块50。各功能模块详细说明如下：

配置请求接收模块10，用于接收待配置页面的页面配置请求，所述待配置页面包括至少一个待配置组件；

事件列表获取模块20，用于根据所述页面配置请求从至少一个所述待配置组件中确定目标组件，并获取所述目标组件的待选事件列表；

交互事件选取模块30，用于接收事件类型选取信息，从所述待选事件列表中确定与所述事件类型选取信息对应的至少一个目标交互事件；

交互事件配置模块40，用于接收与各所述目标交互事件对应的事件配置信息，根据所有所述事件配置信息对所述目标组件进行配置，得到已配置组件；

目标页面生成模块50，用于根据所有所述已配置组件生成目标页面。

在一实施例中，事件列表获取模块20包括：

目标组件类型信息确定单元，用于获取所述目标组件的目标组件类型信息；

待选事件类型信息查找单元，用于从预设组件事件类型关联表查找与所述目标组件类型信息关联的待选事件类型信息；

待选事件列表生成单元，用于根据所述待选事件类型信息生成所述待选事件列表。

在一实施例中，交互事件选取模块30包括：

事件配置界面生成单元，用于当所述目标交互事件的数量包括至少两个时，在所述待配置页面生成事件配置界面，所述事件配置界面包括与各所述目标交互事件对应的事件配置区域；

配置信息接收单元，用于接收通过各所述事件配置区域录入的与各所述目标交互事件分别对应的事件属性配置信息和执行条件配置信息；

第一事件执行顺序信息确定单元，用于根据各所述事件配置区域之间的位置关系确定各所述目标交互事件的事件执行顺序信息；

目标组件配置单元，用于根据所有所述目标交互事件的事件属性配置信息、执行条件配置信息以及事件执行顺序信息对所述目标组件进行配置，得到已配置组件。

在一实施例中，交互事件配置模块40包括：

事件属性配置信息确定单元，用于接收通过所述属性配置子区域录入的事件名称信息和事件参数信息，并根据所述事件名称信息和所述事件参数信息确定事件属性配置信息；

第一执行条件配置信息确定单元，用于当接收到通过所述执行条件配置子区域录入的触发条件设置参数时，则根据所述触发条件设置参数确定执行条件配置信息；

第二执行条件配置信息确定单元，用于当接收不到通过所述执行条件配置子区域录入的触发条件设置参数时，则获取所述目标交互事件的预设默认触发条件参数，根据所述预设默认触发条件参数确定执行条件配置信息。

在一实施例中，交互事件配置模块40还包括：

名称标识信息确定单元，用于根据所述事件名称信息确定与各所述目标交互事件对应的事件标识中的名称标识信息；

序号标识信息确定单元，用于将所述事件配置界面中各所述事件配置区域之间按照从上到下的位置关系进行排序，并确定出与各所述目标交互事件对应的事件标识中的序号标识信息；

第二事件执行顺序信息确定单元，用于根据所述序号标识信息确定各所述目标交互事件的事件执行顺序信息。

在一实施例中，交互事件选取模块30还包括：

数据源配置子区域生成单元，用于在根据所述事件类型选取信息确定至少一个所述目标交互事件中存在数据处理事件时，则在与所述数据处理事件对应的事件配置区域生成数据源配置子区域；

变量字段信息接收单元，用于接收通过数据源配置子区域录入的按照预设字段规则生成的变量字段信息，并将所述变量字段信息确定为所述待配置组件的数据源键名，所述变量字段信息包括N个与数据源接口地址逐层对应的字段标识，N为大于等于1的正整数。

在一实施例中，目标页面生成模块50包括：

数据处理事件执行单元，用于在所述已配置组件满足所述数据处理事件的执行条件时，获取与所述已配置组件对应的数据源键名，根据所述预设字段规则对所述数据源键名进行解析，得到与所述数据源键名对应的数据源键值，将与所述数据源键值关联的待处理数据返回到所述已配置组件，以使得所述已配置组件对所述待处理数据执行所述数据处理事件。

关于页面交互事件配置装置的具体限定可以参见上文中对于页面交互事件配置方法的限定，在此不再赘述。上述页面交互事件配置装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图3所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括可读存储介质、内存储器。该可读存储介质存储有操作系统、计算机可读指令和数据库。该内存储器为可读存储介质中的操作系统和计算机可读指令的运行提供环境。该计算机设备的数据库用于存储页面交互事件配置方法所涉及的数据。该计算机设备的网络接口用于与外部的配置终端通过网络连接通信。该计算机可读指令被处理器执行时以实现一种页面交互事件配置方法。本实施例所提供的可读存储介质包括非易失性可读存储介质和易失性可读存储介质。

在一个实施例中，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机可读指令，处理器执行计算机可读指令时实现以下步骤：

接收待配置页面的页面配置请求，所述待配置页面包括至少一个待配置组件；

根据所述页面配置请求从至少一个所述待配置组件中确定目标组件，并获取所述目标组件的待选事件列表；

接收事件类型选取信息，从所述待选事件列表中确定与所述事件类型选取信息对应的至少一个目标交互事件；

接收与各所述目标交互事件对应的事件配置信息，根据所有所述事件配置信息对所述目标组件进行配置，得到已配置组件；

根据所有所述已配置组件生成目标页面。

在一个实施例中，提供了一个或多个存储有计算机可读指令的计算机可读存储介质，本实施例所提供的可读存储介质包括非易失性可读存储介质和易失性可读存储介质。可读存储介质上存储有计算机可读指令，计算机可读指令被一个或多个处理器执行时实现以下步骤：

接收待配置页面的页面配置请求，所述待配置页面包括至少一个待配置组件；

根据所述页面配置请求从至少一个所述待配置组件中确定目标组件，并获取所述目标组件的待选事件列表；

接收事件类型选取信息，从所述待选事件列表中确定与所述事件类型选取信息对应的至少一个目标交互事件；

接收与各所述目标交互事件对应的事件配置信息，根据所有所述事件配置信息对所述目标组件进行配置，得到已配置组件；

根据所有所述已配置组件生成目标页面。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机可读指令来指令相关的硬件来完成，所述的计算机可读指令可存储于一非易失性可读取存储介质或易失性可读存储介质中，该计算机可读指令在执行时，可包括如上述各方法的实施例的流程。其中，本发明所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。

以上所述实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围，均应包含在本发明的保护范围之内。

Claims (10)

1.一种页面交互事件配置方法，其特征在于，包括：

接收待配置页面的页面配置请求，所述待配置页面包括至少一个待配置组件；

根据所述页面配置请求从至少一个所述待配置组件中确定目标组件，并获取所述目标组件的待选事件列表；

接收事件类型选取信息，从所述待选事件列表中确定与所述事件类型选取信息对应的至少一个目标交互事件；

接收与各所述目标交互事件对应的事件配置信息，根据所有所述事件配置信息对所述目标组件进行配置，得到已配置组件；

根据所有所述已配置组件生成目标页面。

2.如权利要求1所述的页面交互事件配置方法，其特征在于，所述获取所述目标组件的待选事件列表之前，包括：

获取所述目标组件的目标组件类型信息；

从预设组件事件类型关联表查找与所述目标组件类型信息关联的待选事件类型信息；

根据所述待选事件类型信息生成所述待选事件列表。

3.如权利要求1所述的页面交互事件配置方法，其特征在于，所述从所述待选事件列表中确定与所述事件类型选取信息对应的至少一个目标交互事件之后，还包括：

当所述目标交互事件的数量包括至少两个时，在所述待配置页面生成事件配置界面，所述事件配置界面包括与各所述目标交互事件对应的事件配置区域；

所述接收与各所述目标交互事件对应的事件配置信息，根据所有所述事件配置信息对所述目标组件进行配置，得到已配置组件，包括：

接收通过各所述事件配置区域录入的与各所述目标交互事件分别对应的事件属性配置信息和执行条件配置信息；

根据各所述事件配置区域之间的位置关系确定各所述目标交互事件的事件执行顺序信息；

根据所有所述目标交互事件的事件属性配置信息、执行条件配置信息以及事件执行顺序信息对所述目标组件进行配置，得到已配置组件。

4.如权利要求3所述的页面交互事件配置方法，其特征在于，所述事件配置区域包括与各所述目标交互事件对应的属性配置子区域和执行条件配置子区域；

所述接收通过各所述事件配置区域录入的与各所述目标交互事件分别对应的事件属性配置信息和执行条件配置信息，包括：

接收通过所述属性配置子区域录入的事件名称信息和事件参数信息，并根据所述事件名称信息和所述事件参数信息确定事件属性配置信息；

当接收到通过所述执行条件配置子区域录入的触发条件设置参数时，则根据所述触发条件设置参数确定执行条件配置信息；

当接收不到通过所述执行条件配置子区域录入的触发条件设置参数时，则获取所述目标交互事件的预设默认触发条件参数，根据所述预设默认触发条件参数确定执行条件配置信息。

5.如权利要求4所述的页面交互事件配置方法，其特征在于，所述接收通过所述属性配置子区域录入的事件名称信息之后，包括：

根据所述事件名称信息确定与各所述目标交互事件对应的事件标识中的名称标识信息；

所述根据各所述事件配置区域之间的位置关系确定各所述目标交互事件的事件执行顺序信息，包括：

将所述事件配置界面中各所述事件配置区域之间按照从上到下的位置关系进行排序，并确定出与各所述目标交互事件对应的事件标识中的序号标识信息；

根据所述序号标识信息确定各所述目标交互事件的事件执行顺序信息。

6.如权利要求3所述的页面交互事件配置方法，其特征在于，所述在所述待配置页面生成事件配置界面之后，包括：

在根据所述事件类型选取信息确定至少一个所述目标交互事件中存在数据处理事件时，则在与所述数据处理事件对应的事件配置区域生成数据源配置子区域；

接收通过数据源配置子区域录入的按照预设字段规则生成的变量字段信息，并将所述变量字段信息确定为所述待配置组件的数据源键名，所述变量字段信息包括N个与数据源接口地址逐层对应的字段标识，N为大于等于1的正整数。

7.如权利要求6所述的页面交互事件配置方法，其特征在于，所述根据所有所述已配置组件生成目标页面之后，还包括：

在所述已配置组件满足所述数据处理事件的执行条件时，获取与所述已配置组件对应的数据源键名，根据所述预设字段规则对所述数据源键名进行解析，得到与所述数据源键名对应的数据源键值，将与所述数据源键值关联的待处理数据返回到所述已配置组件，以使得所述已配置组件对所述待处理数据执行所述数据处理事件。

8.一种页面交互事件配置装置，其特征在于，包括：

配置请求接收模块，用于接收待配置页面的页面配置请求，所述待配置页面包括至少一个待配置组件；

事件列表获取模块，用于根据所述页面配置请求从至少一个所述待配置组件中确定目标组件，并获取所述目标组件的待选事件列表；

交互事件选取模块，用于接收事件类型选取信息，从所述待选事件列表中确定与所述事件类型选取信息对应的至少一个目标交互事件；

交互事件配置模块，用于接收与各所述目标交互事件对应的事件配置信息，根据所有所述事件配置信息对所述目标组件进行配置，得到已配置组件；

目标页面生成模块，用于根据所有所述已配置组件生成目标页面。

9.一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机可读指令，其特征在于，所述处理器执行所述计算机可读指令时实现如权利要求1至7中任一项所述页面交互事件配置方法。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可读指令，其特征在于，所述计算机可读指令被一个或多个处理器执行时，使得所述一个或多个处理器执行如权利要求1至7中任一项所述页面交互事件配置方法。