掌桥专利:专业的专利平台
掌桥专利
首页

数据更新方法和装置

文献发布时间:2024-04-18 20:01:30


数据更新方法和装置

技术领域

本公开涉及计算机技术领域,尤其涉及一种数据更新方法和装置。

背景技术

随着互联网技术的不断发展和进步,前端技术也得到了广泛的应用,页面中的一些用于展示数据的组件(如,列表组件)作为前端展示数据和提供交互手段的重要工具,该组件中数据的实时更新能够提供更好的用户体验,满足用户对于实时反馈和交互的需求。

目前,通过技术人员手动对页面中的相关组件进行代码配置,以通过对该相关组件的触发操作,实现用于展示数据的组件中的数据的实时更新,但是,手动对相关组件进行代码配置,技术门槛高,增加开发时间和成本。

发明内容

本公开提供一种数据更新方法和装置,以至少在一定程度上解决相关技术中的技术问题之一。本公开的技术方案如下:

根据本公开实施例的第一方面,提供一种数据更新方法,包括:针对所述低代码平台中目标页面所展示的至少一个组件中的任一组件,响应于在所述任一组件对应的配置子页面中对所述任一组件的配置操作,对所述任一组件进行事件和动作配置,得到所述任一组件的配置事件和执行动作;响应于对所述至少一个组件中第一目标组件的触发操作,获取所述第一目标组件的触发事件;在所述第一目标组件对应的配置事件和触发事件匹配的情况下,根据所述第一目标组件的执行动作,对与所述第一目标组件关联的第二目标组件中的显示内容进行更新。

根据本公开实施例的第二方面,提供了一种数据更新装置,包括:配置模块,用于针对所述低代码平台中目标页面所展示的至少一个组件中的任一组件,响应于在所述任一组件对应的配置子页面中对所述任一组件的配置操作,对所述任一组件进行事件和动作配置,得到所述任一组件的配置事件和执行动作;获取模块,用于响应于对所述至少一个组件中第一目标组件的触发操作,获取所述第一目标组件的触发事件;更新模块,用于在所述第一目标组件对应的配置事件和触发事件匹配的情况下,根据所述第一目标组件的执行动作,对与所述第一目标组件关联的第二目标组件中的显示内容进行更新。

根据本公开实施例的第三方面,提供一种电子设备,包括:处理器;用于存储所述处理器可执行指令的存储器;其中,所述处理器被配置为执行所述指令,以实现如本公开第一方面实施例所述的数据更新方法。

根据本公开实施例的第四方面,提供一种计算机可读存储介质,当所述计算机可读存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如本公开第一方面实施例所述的数据更新方法。

根据本公开实施例的第五方面,提供一种计算机程序产品,包括:计算机程序,所述计算机程序被处理器执行时实现如本公开第一方面实施例所述的数据更新方法。

本公开的实施例提供的技术方案至少带来以下有益效果:

1、响应于在任一组件对应的配置子页面对任一组件进行事件和执行动作配置,得到任一组件的配置事件和执行动作,并在响应于对至少一个组件中第一目标组件的触发操作,获取第一目标组件的触发事件,在第一目标组件对应的配置事件和触发事件匹配的情况下,根据第一目标组件的执行动作,对与第一目标组件关联的第二目标组件中的显示内容进行更新,实现了在配置子页面将任一组件的事件和执行动作以描述性语言暴露给用户,以对第一目标组件的事件和执行动作进行配置,简化了任一组件的事件和执行动作的配置过程,无需专业技术人员手动对第一目标组件的事件和动作进行代码配置,降低了技术难度、时间成本和开发成本;

2、根据第一目标组件的执行动作的动作信息,生成执行代码,并将使用率较高的执行代码,添加到生成到前端种子工程中,实现了执行代码的复用以及降低代码平台出码的难度,以及提升了第二目标组件中显示内容更新的准确性,进一步满足用户的个性化更新需求。

应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。

图1是本公开第一实施例所示出的数据更新方法的流程示意图;

图2是本公开实施例所示出的目标页面的示意图;

图3是本公开第二实施例所示出的数据更新方法的流程示意图;

图4是本公开第三实施例所示出的数据更新方法的流程示意图;

图5是本公开第四实施例所示出的数据更新方法的流程示意图;

图6是本公开第五实施例所示出的数据更新方法的流程示意图;

图7是本公开第六实施例所示出的数据更新方法的流程示意图;

图8是本公开第七实施例所示出的数据更新装置的结构示意图;

图9是本公开一示例性实施例所示出的电子设备的结构示意图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

需要说明的是,本公开的技术方案中,所涉及的用户个人信息的收集、存储、使用、加工、传输、提供和公开等处理,均在征得用户同意的前提下进行,并且均符合相关法律法规的规定,且不违背公序良俗。

下面参考附图描述本公开实施例的数据更新方法和装置。

图1是本公开第一实施例所示出的数据更新方法的流程示意图。

如图1所示,该数据更新方法可包括如下步骤:

步骤101,针对低代码平台中目标页面所展示的至少一个组件中的任一组件,响应于在任一组件对应的配置子页面中对任一组件的配置操作,对任一组件进行事件和动作配置,得到任一组件的配置事件和执行动作。

比如,如图2所示,目标页面中区域201中展示重置、查询和新增、导入、导出和删除等组件,在区域202(配置子页面)中可对重置、查询和新增、导入、导出和删除等组件进行事件和动作配置,如,响应于对新增组件的配置操作,在区域202中对新增组件可进行名称、事件、动作等配置。

进而,对任一组件进行事件和动作配置,可得到任一组件的配置事件和执行动作,比如,配置事件为单击事件,执行动作为新增列表项。

步骤102,响应于对至少一个组件中第一目标组件的触发操作,获取第一目标组件的触发事件。

进一步地,在对至少一个组件中第一目标组件的触发操作,可获取第一目标组件的触发事件,如,第一目标组件为新增组件,对第一目标组件进行单击,可获取新增组件的触发事件为单击事件。

步骤103,在第一目标组件对应的配置事件和触发事件匹配的情况下,根据第一目标组件的执行动作,对与第一目标组件关联的第二目标组件中的显示内容进行更新。

作为一种示例,将第一目标组件对应的配置事件和触发事件进行比对,在配置事件和触发事件一致时,根据第一目标组件的执行动作,对第一目标组件关联的第二目标组件中的显示内容进行更新。

比如,第一目标组件为新增组件,新增组件的配置事件为单击事件,执行动作为新增列表项,与新增组件关联的第二目标组件为列表组件,在新增组件的触发事件为单击事件时,即触发事件与配置事件一致,对列表组件中的显示内容进行新增。另外,在新增组件的触发事件为双击事件时,新增组件的配置事件与触发事件不一致,不对列表组件中的显示内容进行新增。

综上,通过针对低代码平台中目标页面所展示的至少一个组件中的任一组件,响应于在任一组件对应的配置子页面中对任一组件的配置操作,对任一组件进行事件和动作配置,得到任一组件的配置事件和执行动作;响应于对至少一个组件中第一目标组件的触发操作,获取第一目标组件的触发事件;在第一目标组件对应的配置事件和触发事件匹配的情况下,根据第一目标组件的执行动作,对与第一目标组件关联的第二目标组件中的显示内容进行更新,由此,实现了在配置子页面将任一组件的事件和执行动作以描述性语言暴露给用户,以对第一目标组件的事件和执行动作进行配置,简化了任一组件的事件和执行动作的配置过程,无需专业技术人员手动对第一目标组件的事件和动作进行代码配置,降低了技术难度、时间成本和开发成本。

为了清楚地说明上述实施例中是如何在所述第一目标组件的配置事件和触发事件匹配的情况下,根据所述第一目标组件的执行动作,对与所述第一目标组件关联的第二目标组件中所显示的内容进行更新的,本公开提出另一种数据更新方法。

图3是本公开第二实施例所示出的数据更新方法的流程示意图。

如图3所示,该数据更新方法可包括如下步骤:

步骤301,针对低代码平台中目标页面所展示的至少一个组件中的任一组件,响应于在任一组件对应的配置子页面中对任一组件的配置操作,对任一组件进行事件和动作配置,得到任一组件的配置事件和执行动作。

步骤302,响应于对至少一个组件中第一目标组件的触发操作,获取第一目标组件的触发事件。

步骤303,在第一目标组件的配置事件和触发事件匹配的情况下,根据第一目标组件的执行动作,向服务端发送与执行动作匹配的数据更新请求。

其中,数据更新请求包括待更新数据和第一目标标识,第一目标标识用于指示待更新数据所属的第一目标数据表,数据更新请求用于根据待更新数据对第一目标数据表进行更新,响应于更新完成,根据更新后的第一目标数据表的第二目标标识,生成数据更新响应,并向低代码平台发送数据更新响应。

作为一种示例,在第一目标组件可以下组件中的任一项:新增组件、删除组件或导入组件。

比如,第一目标组件为新增组件时,新增组件的配置事件为单击事件,在新增组件的触发事件为单击事件时,可在目标页面上显示浮窗,用户可在浮窗上输入数据,在输入数据完毕时,点击浮窗上的相关按钮(如,提交),根据新增组件的执行动作(如,新增列表项),可向服务端发送与新增列表项匹配的数据更新请求,数据更新请求可包括待更新数据(在浮窗上输入的数据)和第一目标标识,第一目标标识用于指示待更新数据所属的第一目标数据表,服务端响应于该数据更新请求,可将待更新数据添加至第一目标数据表中,在待更新数据添加至第一目标数据表完毕时,可向低代码平台发送数据更新响应。其中,数据更新响应中包括更新后的第一目标数据表的第二目标标识。

又比如,第一目标组件为删除组件时,删除组件的配置事件为单击事件,在删除组件的执行动作为删除列表项,用户可在列表组件中选择待删除数据(待更新数据),在用户单击删除组件时,可向服务端发送与删除列表项匹配的数据更新请求,数据更新请求可包括待更新数据(待删除数据)和第一目标标识,该第一目标标识用于指示待更新数据所属的第一目标数据表,服务端响应于该数据更新请求,可将待更新数据从第一目标数据表中删除,在待更新数据从第一目标数据表中删除完毕时,可向低代码平台发送数据更新响应。其中,数据更新响应中包括更新后的第一目标数据表的第二目标标识。

再比如,第一目标组件为导入组件,导入组件的配置事件为单击事件,在导入组件的执行动作为导入列表项,在用户单击导入组件时,用户可选择待导入文件,在确定待导入文件后,点击相关按钮(如,提交),可向服务端发送与导入列表项匹配的数据更新请求,该数据更新请求中可包括待更新数据(待导入文件中的待导入数据)和第一目标标识,该第一目标标识用于指示待更新数据所属的第一目标数据表,服务端响应于该数据更新请求,可将待更新数据导入至第一目标数据表中,在待更新数据导入完毕时,可向低代码平台发送数据更新响应。其中,数据更新响应中包括更新后的第一目标数据表的第二目标标识。

步骤304,接收服务端响应于数据更新请求所发送的数据更新响应,并根据数据更新响应生成第一数据获取请求。

其中,数据更新响应用于指示更新后的第一目标数据表,数据更新响应中包括更新后的第一目标数据表的第二目标标识。

从而,低代码平台可接收服务端发送的数据更新响应,并根据数据更新响应中的第二目标标识,生成第一数据获取请求。

步骤305,向服务端发送第一数据获取请求。

其中,第一数据获取请求用于根据第二目标标识获取更新后的第一目标数据表,并根据更新后的第一目标数据表生成第一数据获取响应,向低代码平台发送第一数据获取响应。

进而,向服务端发送第一数据获取请求,服务端响应于该第一数据获取请求,将更新后的第一目标数据表发送至低代码平台。

步骤306,接收服务端发送的携带更新后的第一目标数据表的第一数据获取响应,并根据更新后的第一目标数据表中的第一目标数据,对第二目标组件中的显示内容进行重新渲染和展示。

作为一种示例,接收服务端发送的第一数据获取响应,并根据第一数据获取响应中的更新后的第一目标数据表中的第一目标数据,对第二目标组件中的显示内容进行重新渲染和展示,以实现对显示内容进行更新。

综上,通过在第一目标组件的配置事件和触发事件匹配的情况下,根据第一目标组件的执行动作,向服务端发送与执行动作匹配的数据更新请求;接收服务端发送的数据更新响应,接收服务端响应于数据更新请求所发送的数据更新响应,并根据数据更新响应生成第一数据获取请求;其中,所述数据更新响应用于指示更新后的第一目标数据表;向所述服务端发送第一数据获取请求;接收服务端发送的携带更新后的第一目标数据表的第一数据获取响应,并根据更新后的第一目标数据表中的第一目标数据,对第二目标组件中的显示内容进行重新渲染和展示。,由此,在第一目标组件的配置事件和触发事件匹配的情况下,根据第一目标组件的执行动作,可实现第二目标组件的数据的实时更新。

在本公开实施例中,第一目标组件还可为查询组件,在第一目标组件为查询组件时,还可基于图4所示的步骤实现本公开实施例的数据更新方法:

步骤401,针对低代码平台中目标页面所展示的至少一个组件中的任一组件,响应于在任一组件对应的配置子页面中对任一组件的配置操作,对任一组件进行事件和动作配置,得到任一组件的配置事件和执行动作。

步骤402,响应于对至少一个组件中第一目标组件的触发操作,获取第一目标组件的触发事件。

步骤403,在查询组件对应的配置事件和触发事件匹配的情况下,根据查询组件的执行动作,向服务端发送数据查询请求。

其中,数据查询请求中包括搜索组件中显示的查询字段,数据查询请求用于在服务端的数据库中查询与查询字段匹配的第二目标数据,根据第二目标数据,生成数据查询响应,向低代码平台发送数据查询响应。

作为一种示例,第一目标组件为查询组件(如,查询按钮),在查询组件对应的配置事件和触发事件匹配的情况下,可根据搜索组件(如,可输入查询字段的搜索框)中显示的查询字段生成数据查询请求,并根据查询组件的执行动作(如,查询列表项),向服务端发送与查询组件的执行动作匹配的数据查询请求,该数据查询请求可用于在服务端的数据库中查询与查询字段匹配的第二目标数据,服务端根据第二目标数据,生成数据查询响应,向低代码平台发送数据查询响应。其中,需要说明的是,低代码平台中第二目标组件中的显示内容可能不是全部数据,为了满足用户的实际需求,可从服务端的数据库中查询与查询字段匹配的第二目标数据。

步骤404,接收服务端发送的数据查询响应,并根据数据查询响应中的第二目标数据,对第二目标组件中的显示内容进行重新渲染和展示。

进一步地,低代码平台可接收服务端发送的数据查询响应,并根据数据查询响应中的第二目标数据,对第二目标组件中的显示内容进行重新渲染和展示,以实现第二目标组件中的显示内容的更新。

另外,在第一目标组件为重置组件时,在重置组件对应的配置事件和触发事件匹配的情况下,清空搜索组件中的查询字段;根据重置组件的执行动作,向服务端发送与重置组件的执行动作匹配的第二数据获取请求,其中,第二数据获取请求中包括第三目标标识,第三目标标识用于指示待重置数据以及待重置数据所属的第二目标数据表,第二数据获取请求用于根据所述第三目标标识信息从第二目标数据表中获取待重置数据,根据待重置数据生成第二数据获取响应,向低代码平台发送第二数据获取响应;接收服务端发送的第二数据获取响应,并根据第二数据获取响应中的待重置数据,对第二目标组件中的显示内容进行重置。

比如,重置组件的配置事件为点击事件,执行动作为重置列表项,在单击重置组件时,可清空搜索组件中的查询字段,并根据重置组件的执行动作,向服务端发送与重置组件的执行动作匹配的第二数据获取请求,以从服务端获取待重置数据,并采用待重置数据,对第二目标组件中的显示内容进行重置。

综上,通过在查询组件对应的配置事件和触发事件匹配的情况下,根据查询组件的执行动作,向服务端发送数据查询请求;其中,数据查询请求中包括搜索组件中显示的查询字段,数据查询请求用于在服务端的数据库中查询与查询字段匹配的第二目标数据,根据第二目标数据,生成数据查询响应,向低代码平台发送数据查询响应;接收服务端发送的数据查询响应,并根据数据查询响应中的第二目标数据,对第二目标组件中的显示内容进行重新渲染和展示,由此,在第一目标组件为查询组件时,在查询组件的配置事件和触发事件匹配的情况下,根据查询组件的执行动作,可实现第二目标组件的数据的实时更新。

在本公开实施例中,第一目标组件还可为导出组件,在第一目标组件为导出组件时,还可基于图5所示的步骤实现本公开实施例的数据更新方法:

步骤501,针对低代码平台中目标页面所展示的至少一个组件中的任一组件,响应于在任一组件对应的配置子页面中对任一组件的配置操作,对任一组件进行事件和动作配置,得到任一组件的配置事件和执行动作。

步骤502,响应于对至少一个组件中第一目标组件的触发操作,获取第一目标组件的触发事件。

步骤503,响应于选取操作,从第二目标组件中的显示内容中选择目标内容。

需要说明的是,第二目标组件中的显示内容可能不是数据的完整内容,为了满足用户需求,导出完整数据,作为一种示例,响应于用户选取操作,从第二目标组件中的显示内容中选择目标内容。

步骤504,在导出组件对应的配置事件和触发事件匹配的情况下,获取目标内容,并根据目标内容的标识信息生成数据导出请求。

比如,在导出组件的配置事件为单击事件,在用户单击导出组件时,可根据目标内容的标识信息生成数据导出请求。

步骤505,向服务端发送数据导出请求。

其中,数据导出请求用于获取与标识信息匹配的待导出内容。

进而,向服务端发送数据导出请求,以从服务端获取与目标内容的标识信息匹配的待导出内容。

步骤506,根据导出组件的执行动作,导出目标文件。

其中,目标文件中包括待导出内容。

进而,可根据导出组件的执行动作,导出目标文件,其中,该目标文件中包括待导出内容。

综上,通过响应于选取操作,从第二目标组件中的显示内容中选择目标内容;在导出组件对应的配置事件和触发事件匹配的情况下,获取目标内容,并根据目标内容的标识信息生成数据导出请求;向服务端发送数据导出请求;根据导出组件的执行动作,导出目标文件,由此,在第一目标组件为导出组件时,在导出组件对应的配置事件和触发事件匹配的情况下,可有效地导出满足用户需求的数据,提高了用户体验。

在本公开实施例中,第一目标组件还可为隐藏组件,在第一目标组件为隐藏组件时,还可基于图6所示的步骤实现本公开实施例的数据更新方法:

步骤601,针对低代码平台中目标页面所展示的至少一个组件中的任一组件,响应于在任一组件对应的配置子页面中对任一组件的配置操作,对任一组件进行事件和动作配置,得到任一组件的配置事件和执行动作。

步骤602,响应于对至少一个组件中第一目标组件的触发操作,获取第一目标组件的触发事件。

步骤603,在隐藏组件的配置事件和触发事件匹配的情况下,判断第二目标组件中的显示内容中是否存在选中内容。

在隐藏组件的配置事件和触发事件匹配的情况下,可判断是否在第二目标组件中的显示内容中选中内容,即判断第二目标组件中的显示内容中是否存在选中内容。

步骤604,在第二目标组件中的显示内容中存在选中内容的情况下,根据隐藏组件的执行动作,隐藏选中内容。

作为一种示例,在第二目标组件中的显示内容中存在选中内容的情况下,根据隐藏组件的执行动作(如,隐藏列表项),隐藏选中内容。

步骤605,在第二目标组件中的显示内容中未存在选中内容的情况下,隐藏第二目标组件中的显示内容。

作为另一种示例,在第二目标组件中的显示内容中未存在选中内容的情况下,可隐藏第二目标组件中的全部显示内容。

综上,通过在隐藏组件的配置事件和触发事件匹配的情况下,判断第二目标组件中的显示内容中是否存在选中内容;在第二目标组件中的显示内容中存在选中内容的情况下,根据隐藏组件的执行动作,隐藏选中内容;在第二目标组件中的显示内容中未存在选中内容的情况下,隐藏第二目标组件中的显示内容,由此,在第一目标组件为隐藏组件时,在隐藏组件对应的配置事件和触发事件匹配的情况下,可有效地实现数据的隐藏,满足了用户了需求,提高了用户体验。

在本公开任一实施例的基础上,本公开的数据更新方法的实现原理可如图7所示,主要包括以下步骤:

步骤701,针对低代码平台中目标页面所展示的至少一个组件中的任一组件,响应于在任一组件对应的配置子页面中对任一组件的配置操作,对任一组件进行事件和动作配置,得到任一组件的配置事件和执行动作。

步骤702,获取任一组件的配置信息。

其中,配置信息中包括任一组件的配置事件的事件信息和执行动作的动作信息。

步骤703,根据任一组件的事件信息和动作信息,生成用于描述目标页面的数据结构,并基于数据结构构建目标页面的初始源代码。

作为一种示例,用于描述目标页面的数据结构可包括对象、数组、字典等类型,用于存储页面元素、属性、状态等信息,进而,可根据数据结构和目标页面的功能需求、交互方式等,可使用HTML、CSS、JavaScript等语言编写初始源代码,该初始源代码中可包括目标页面的结构、样式和交互逻辑等。

步骤704,响应于对至少一个组件中第一目标组件的触发操作,获取第一目标组件的触发事件。

步骤705,在第一目标组件对应的配置事件和触发事件匹配的情况下,根据第一目标组件的执行动作的动作信息,生成执行代码。

作为一种示例,在第一目标组件对应的配置事件和触发事件匹配的情况下,比如,第一目标组件为目标按钮,目标按钮被点击,可根据该目标按钮的执行动作的动作信息,获取要执行的方法名称,例如,handleClick,进而,通过调用栈找到该方法所属的组件实例,并获取到要执行的方法的定义,如果该要执行的方法的定义中包含参数,例如handleClick(message),则将参数替换为实际传递的值。如,传递了字符串“hello”作为参数,那么该执行的方法的定义将变成handleClick(‘hello’),进而,将方法名和方法参数组合成一个函数调用表达式,即生成执行代码。

步骤706,将执行代码添加至初始源代码中,以得到目标源代码。

作为一种示例,将执行代码添加至初始源代码中,可得到目标源代码。

步骤707,对目标源代码进行编译和运行,以对与第一目标组件关联的第二目标组件中的显示内容进行更新。

作为一种示例,对目标源代码进行编译和运行,可执行该执行代码,实现对第一目标组件关联的第二目标组件中的显示内容进行更新。

此外,还需要说明的是,将使用率较高的执行代码,添加到生成到前端种子工程中,还可实现执行代码的复用以及降低代码平台出码的难度。

综上,通过根据任一组件的事件信息和动作信息,生成用于描述目标页面的数据结构,并基于数据结构构建目标页面的初始源代码;将执行代码添加至初始源代码中,以得到目标源代码;对目标源代码进行编译和运行,以对与第一目标组件关联的第二目标组件中的显示内容进行更新,由此,在第一目标组件对应的配置事件和触发事件匹配的情况下,根据第一目标组件的执行动作,可有效地对第一目标组件关联的第二目标组件中的显示内容进行更新。

在本公开任一实施例的基础上,还可基于如下步骤实现本公开实施例的数据更新方法:

1、将业务场景如一个包含过滤条件、多个业务操作按钮组成的按钮组、业务数据展示表格、分页的场景以组件化的形式(列表页面组件)抽象出来接入到低代码平台。低代码平台提供了一套组件接入规范,其中组件所涵盖业务操作事件将以API的形式,按照固定的数据结构提供给低代码平台。如列表业务组件会有分页查询、新增、编辑、预览、删除等业务操作事件;

2、每个事件(API)的定义包含编码、名称、处理函数、源代码转换等多个部分。事件的编码/名称将暴露给低代码平台用于可视化配置,处理函数作为其业务操作的入口,其内部包含了当前业务在零代码场景下的执行过程;

3、在低代码平台配置时,将业务组件拖入设计区域后选中其内部任意组件,在右侧属性配置面板的事件配置中通过名称、事件触发方式如点击/双击/右键、动作、页面、方式等内容设置某一个事件的完整实现过程。其中,动作以下拉选择的方式呈现给用户,在可选项中就包含了业务组件对外暴露的API;

4、完成配置后,低代码平台会同时生成页面描述的json schema(是一种用于描述、验证和自动生成JSON数据的规范)和Vue源代码(组件包括事件的一些源码)。事件的触发者如按钮将会生成当前事件的触发代码,如Vue中的@click=”handleClick”。而业务组件会将事件的执行代码生成到页面的源码中,如Vue中的methods对象下。这些代码会随同整个页面的源码注入到代码生成的前端应用中。同时,为了尽可能实现代码复用以及降低代码平台出码的难度,将部分重复且确定的代码生成到前端种子工程中,以mixin的方式接入到应用中。

与上述实施例提供的数据更新方法相对应,本公开还提供一种数据更新装置,由于本公开实施例提供的数据更新装置与上述实施例提供的数据更新方法相对应,因此在数据更新方法的实施方式也适用于本公开实施例提供的数据更新装置,在本公开实施例中不再详细描述。

图8是本公开第七实施例所示出的数据更新装置的结构示意图。在本公开实施例中,该数据更新装置可应用于低代码平台。

如图8所示,该数据更新装置800包括:配置模块810、获取模块820和更新模块830。

作为本公开实施例的一种可能的实现方式,配置模块810,用于针对低代码平台中目标页面所展示的至少一个组件中的任一组件,响应于在任一组件对应的配置子页面中对任一组件的配置操作,对任一组件进行事件和动作配置,得到任一组件的配置事件和执行动作;获取模块820,用于响应于对至少一个组件中第一目标组件的触发操作,获取第一目标组件的触发事件;更新模块830,用于在第一目标组件对应的配置事件和触发事件匹配的情况下,根据第一目标组件的执行动作,对与第一目标组件关联的第二目标组件中的显示内容进行更新。

作为本公开实施例的一种可能的实现方式,更新模块830,用于在第一目标组件的配置事件和触发事件匹配的情况下,根据第一目标组件的执行动作,向服务端发送与执行动作匹配的数据更新请求;其中,数据更新请求用于指示待更新数据和待更新数据所属的第一目标数据表;,接收服务端响应于数据更新请求所发送的数据更新响应,并根据数据更新响应生成第一数据获取请求;其中,数据更新响应用于指示更新后的第一目标数据表;向所述服务端发送第一数据获取请求;接收服务端发送的携带更新后的第一目标数据表的第一数据获取响应,并根据更新后的第一目标数据表中的第一目标数据,对第二目标组件中的显示内容进行重新渲染和展示。

作为本公开实施例的一种可能的实现方式,数据更新请求包括待更新数据和第一目标标识,第一目标标识用于指示待更新数据所属的第一目标数据表,数据更新请求用于所述服务端执行以下操作:查询与第一目标标识匹配的第一目标数据表;根据待更新数据对第一目标数据表进行更新;响应于更新完成,根据更新后的第一目标数据表的第二目标标识,生成数据更新响应,并向低代码平台发送数据更新响应;相应的,第一数据获取请求中携带第二目标标识,第一数据获取请求用于服务端执行以下操作;根据第二目标标识,获取更新后的第一目标数据表;根据更新后的第一目标数据表生成第一数据获取响应;向低代码平台发送第一数据获取响应。

作为本公开实施例的一种可能的实现方式,第一目标组件为查询组件,更新模块830,用于在查询组件对应的配置事件和触发事件匹配的情况下,根据查询组件的执行动作,向服务端发送与查询组件的执行动作匹配的数据查询请求,其中,数据查询请求中包括搜索组件中显示的查询字段,数据查询请求用于在服务端的数据库中查询与查询字段匹配的第二目标数据,根据所述第二目标数据,生成数据查询响应,向低代码平台发送所述数据查询响应;接收服务端发送的数据查询响应,并根据数据查询响应中的第二目标数据,对所述第二目标组件中的显示内容进行重新渲染和展示。

作为本公开实施例的一种可能的实现方式,第一目标组件为重置组件,数据更新装置800还包括:清空模块、第一发送模块和第一接收模块。

其中,清空模块,用于在所述重置组件对应的配置事件和触发事件匹配的情况下,清空所述搜索组件中的查询字段;第一发送模块,用于根据所述重置组件的执行动作,向所述服务端发送与所述重置组件的执行动作匹配的第二数据获取请求,其中,所述第二数据获取请求中包括第三目标标识,所述第三目标标识用于指示待重置数据以及所述待重置数据所属的第二目标数据表,所述第二数据获取请求用于根据所述第三目标标识信息从所述第二目标数据表中获取所述待重置数据,根据所述待重置数据生成第二数据获取响应,向所述低代码平台发送所述第二数据获取响应;第一接收模块,用于接收所述服务端发送的第二数据获取响应,并根据所述第二数据获取响应中的待重置数据,对所述第二目标组件中的显示内容进行重置。

作为本公开实施例的一种可能的实现方式,第一目标组件为导出组件,数据更新装置800还包括:选择模块、第二发送模块和导出模块。

其中,选择模块,用于响应于选取操作,从第二目标组件中的显示内容中选择目标内容;获取模块820,用于在导出组件对应的配置事件和触发事件匹配的情况下,获取所述目标内容,并根据目标内容的标识信息生成数据导出请求;第二发送模块,用于向服务端发送数据导出请求,其中,数据导出请求用于获取与目标内容的标识信息匹配的待导出内容,根据待导出内容,生成数据导出响应,并向所述低代码平台发送数据导出响应;导出模块,用于接收服务端发送的数据导出响应,根据导出组件的执行动作,导出目标文件,其中,目标文件中包括待导出内容。

作为本公开实施例的一种可能的实现方式,第一目标组件为隐藏组件,数据更新装置800还包括:判断模块、第一隐藏模块和第二隐藏模块。

其中,判断模块,用于在隐藏组件的配置事件和触发事件匹配的情况下,判断第二目标组件中的显示内容中是否存在选中内容;第一隐藏模块,用于在第二目标组件中的显示内容中存在选中内容的情况下,根据隐藏组件的执行动作,隐藏选中内容;第二隐藏模块,用于在第二目标组件中的显示内容中未存在选中内容的情况下,隐藏第二目标组件中的显示内容。

作为本公开实施例的一种可能的实现方式,数据更新装置800还包括:生成模块。

其中,获取模块820,用于获取任一组件的配置信息,其中,配置信息中包括任一组件的配置事件的事件信息和执行动作的动作信息;生成模块,用于根据任一组件的事件信息和动作信息,生成用于描述目标页面的数据结构,并基于数据结构构建目标页面的初始源代码。

作为本公开实施例的一种可能的实现方式,更新模块830,用于在第一目标组件对应的配置事件和触发事件匹配的情况下,根据第一目标组件的执行动作的动作信息,生成执行代码;将执行代码添加至初始源代码中,以得到目标源代码;对目标源代码进行编译和运行,以对与第一目标组件关联的第二目标组件中的显示内容进行更新。

本公开实施例的数据更新装置,通过针对低代码平台中目标页面所展示的至少一个组件中的任一组件,响应于在任一组件对应的配置子页面中对任一组件的配置操作,对任一组件进行事件和动作配置,得到任一组件的配置事件和执行动作;响应于对至少一个组件中第一目标组件的触发操作,获取第一目标组件的触发事件;在第一目标组件对应的配置事件和触发事件匹配的情况下,根据第一目标组件的执行动作,对与第一目标组件关联的第二目标组件中的显示内容进行更新,由此,实现了在配置子页面将任一组件的事件和执行动作以描述性语言暴露给用户,以对第一目标组件的事件和执行动作进行配置,简化了任一组件的事件和执行动作的配置过程,无需专业技术人员手动对第一目标组件的事件和动作进行代码配置,降低了技术难度、时间成本和开发成本。

在示例性实施例中,还提出了一种电子设备。

其中,电子设备包括:

处理器;

用于存储处理器可执行指令的存储器;

其中,处理器被配置为执行指令,以实现如前述任一实施例提出的数据更新方法。

作为一种示例,图9是本公开一示例性实施例所示出的电子设备900的结构示意图,如图9所示,上述电子设备900,还可以包括:

存储器910及处理器920,连接不同组件(包括存储器910和处理器920)的总线930,存储器910存储有计算机程序,当处理器920执行所述程序时实现本公开实施例所述的数据更新方法。

总线930表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器,外围总线,图形加速端口,处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说,这些体系结构包括但不限于工业标准体系结构(ISA)总线,微通道体系结构(MAC)总线,增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。

电子设备900典型地包括多种电子设备可读介质。这些介质可以是任何能够被电子设备900访问的可用介质,包括易失性和非易失性介质,可移动的和不可移动的介质。

存储器910还可以包括易失性存储器形式的计算机系统可读介质,例如随机存取存储器(RAM)940和/或高速缓存存储器950。服务器900可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例,存储系统960可以用于读写不可移动的、非易失性磁介质(图9未显示,通常称为“硬盘驱动器”)。尽管图9中未示出,可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器,以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下,每个驱动器可以通过一个或者多个数据介质接口与总线930相连。存储器910可以包括至少一个程序产品,该程序产品具有一组(例如至少一个)程序模块,这些程序模块被配置以执行本公开各实施例的功能。

具有一组(至少一个)程序模块970的程序/实用工具980,可以存储在例如存储器910中,这样的程序模块970包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块970通常执行本公开所描述的实施例中的功能和/或方法。

电子设备900也可以与一个或多个外部设备990(例如键盘、指向设备、显示器991等)通信,还可与一个或者多个使得用户能与该电子设备900交互的设备通信,和/或与使得该电子设备900能与一个或多个其它计算设备进行通信的任何设备(例如网卡,调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口992进行。并且,电子设备900还可以通过网络适配器993与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器993通过总线930与电子设备900的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备900使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

处理器920通过运行存储在存储器910中的程序,从而执行各种功能应用以及数据处理。

需要说明的是,本实施例的电子设备的实施过程和技术原理参见前述对本公开实施例的数据更新方法的解释说明,此处不再赘述。

在示例性实施例中,还提供了一种包括指令的计算机可读存储介质,例如包括指令的存储器,上述指令可由电子设备的处理器执行以完成上述任一实施例提出的数据更新方法。可选地,计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

在示例性实施例中,还提供一种计算机程序产品,包括计算机程序/指令,其特征在于,所述计算机程序/指令被处理器执行时实现上述任一实施例提出的数据更新方法。

本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。

应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

技术分类

06120116560998