页面弹框的显示方法、装置及计算机可读存储介质制造方法及图纸

技术编号:39278032 阅读:7 留言:0更新日期:2023-11-07 10:53
本申请实施例涉及页面显示领域,公开了一种页面弹框的显示方法、装置及计算机可读存储介质,方法包括:响应于可视化页面接收到的显示目标弹框的显示指令,获取用户在可视化页面中触发显示指令或可视化页面中预设的目标位置;将弹框组件对应的定位标签的位置更新为目标位置,以使得弹框组件移动至目标位置;根据预设参数生成显示于弹框组件中的目标预设显示组件,并将弹框组件的可视化属性由隐藏属性更改为显示属性,以得到在目标位置显示包括目标预设显示组件的目标弹框。本实施例引入定位标签以实时调整弹框组件的位置,并在显示弹框组件的页面位置生成目标弹框,使得目标弹框可显示在可视化页面中的多个位置,以灵活调整目标弹框的显示位置。标弹框的显示位置。标弹框的显示位置。

【技术实现步骤摘要】
页面弹框的显示方法、装置及计算机可读存储介质


[0001]本申请实施例涉及页面显示领域,具体涉及一种页面弹框的显示方法、装置及计算机可读存储介质。

技术介绍

[0002]目前可视化页面的弹框一般置于固定的预设位置,例如,在点击可视化页面中的目标组件后,在可视化页面中的预设位置弹出弹框。若可视化页面中存在多个组件,为了使得在点击每个组件后,皆能在可视化页面弹出弹窗,则需要在编写页面代码时,写入重复的代码,过程十分繁琐。并且,生成的弹框皆出现在可视化页面预先设置的位置,无法灵活的调整弹框在可视化页面中的位置。

技术实现思路

[0003]鉴于上述问题,本申请实施例提供了一种页面弹框的显示方法、装置及计算机可读存储介质,可灵活调整目标弹框在可视化页面中的位置。
[0004]根据本申请实施例的一个方面,提供了一种页面弹框的显示方法,所述显示方法包括:响应于可视化页面接收到的显示目标弹框的显示指令,获取用户在所述可视化页面中触发所述显示指令或所述可视化页面中预设的目标位置;将弹框组件对应的定位标签的位置更新为所述目标位置,以使得所述弹框组件移动至所述目标位置;根据预设参数生成显示于所述弹框组件中的目标预设显示组件,并将所述弹框组件的可视化属性由隐藏属性更改为显示属性,以得到在所述目标位置显示包括所述目标预设显示组件的所述目标弹框。
[0005]在一种可选的方式中,在所述响应于可视化页面接收到的显示目标弹框的显示指令之前,所述显示方法还包括:在全局页面中设置所述弹框组件,并在所述弹框组件中设置在所述可视化页面中生成弹框的预设生成方法;为所述弹框组件设置预设调用属性,以调用所述预设生成方法。
[0006]在一种可选的方式中,所述在所述弹框组件中设置在所述可视化页面中生成弹框的预设生成方法之前,所述显示方法还包括:构建获取所述弹框组件的位置的获取函数,以将获取到的定位标签在所述可视化页面中的位置作为所述弹框组件的位置;构建在所述弹框组件中生成预设显示组件的生成函数,用于根据所述预设参数生成预设显示组件;存储生成所述预设显示组件所需的预设参数;根据所述获取函数,所述生成函数和所述预设参数构建得到所述预设生成方法。
[0007]在一种可选的方式中,所述显示方法还包括:在所述预设参数与所述生成函数之间建立预设传值逻辑,以使所述生成函数为响应所述显示指令而根据所述传值逻辑获取目标预设参数,生成所述目标预设显示组件。
[0008]在一种可选的方式中,在所述响应于可视化页面接收到的显示目标弹框的显示指令之前,所述显示方法还包括:将所述弹框组件的可视化属性设置为隐藏属性,将所述弹框
组件对应的定位标签的初始位置设为零值,并将所述弹框组件在所述可视化页面中的初始位置设为零值。
[0009]在一种可选的方式中,所述预设参数的数量为多个;所述根据预设参数生成显示于所述弹框组件中的目标预设显示组件,进一步包括:从多个预设参数中获取得到目标预设参数;根据所述目标预设参数生成显示于所述弹框组件中的目标预设显示组件。
[0010]在一种可选的方式中,所述显示指令包括在所述目标弹框中的显示期望组件的子显示指令;所述根据所述目标预设参数生成显示于所述弹框组件中的目标预设显示组件,进一步包括:根据所述目标预设参数生成初始目标预设显示组件;检测所述初始目标预设显示组件是否与所述期望组件相同;若相同,则将所述初始目标预设显示组件作为显示于所述弹框组件中的目标预设显示组件。
[0011]根据本申请实施例的另一方面,提供了一种页面弹框的显示装置,所述显示装置包括:响应模块,用于响应于可视化页面接收到的显示目标弹框的显示指令,获取用户在所述可视化页面中触发所述显示指令或所述可视化页面中预设的目标位置;更新模块,用于将弹框组件对应的定位标签的位置更新为所述目标位置,以使得所述弹框组件移动至所述目标位置;显示模块,用于根据预设参数生成显示于所述弹框组件中的目标预设显示组件,并将模块,用于所述弹框组件的可视化属性由隐藏属性更改为显示属性,以得到在所述目标位置显示包括所述目标预设显示组件的所述目标弹框。
[0012]根据本申请实施例的一个方面,提供了一种电子设备,包括:控制器;存储器,用于存储一个或多个程序,当一个或多个程序被所述控制器执行时,以执行上述的显示方法。
[0013]根据本申请实施例的一个方面,还提供了一种计算机可读存储介质,其上存储有计算机可读指令,当所述计算机可读指令被计算机的处理器执行时,使计算机执行上述的显示方法。
[0014]根据本申请实施例的一个方面,还提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述的显示方法。
[0015]本申请实施例通过获取用户在可视化页面中触发显示指令或可视化页面中预设的目标位置,并根据目标位置调整定位标签的位置,以灵活调整弹框组件的实时位置;根据预设参数生成显示于弹框组件中的目标预设显示组件,并将弹框组件的可视化属性由隐藏属性更改为显示属性,以得到包括目标预设显示组件的目标弹框。本申请实施例通过引入定位标签以实时调整弹框组件的位置,并在显示弹框组件的页面位置生成目标弹框,使得目标弹框可显示在可视化页面中的多个位置,以灵活调整目标弹框的显示位置。同时,仅需通过同一弹框组件在可视化页面中生成多个不同的弹框,从而减少了前期页面底层代码的编写数量,并能降低后续维护页面代码的工作量。
[0016]上述说明仅是本申请实施例技术方案的概述,为了能够更清楚了解本申请实施例的技术手段,而可依照说明书的内容予以实施,并且为了让本申请实施例的上述和其它目的、特征和优点能够更明显易懂,以下特举本申请的具体实施方式。
附图说明
[0017]此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并与说明书一起用于解释本申请的原理。显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术者来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0018]图1是本申请一示例性实施例示出的一种页面弹框的显示方法的流程示意图。
[0019]图2是基于图1所示示例性实施例示出的另一种页面弹框的显示方法的流程示意图。
[0020]图3是基于图1所示示例性实施例示出的另一种页面弹框的显示方法的流程示意图。
[0021]图4是本申请页面弹框的显示方法的应用场景的示意图。
[0022]图5是本申请一示例性实施例示出的页面弹框的显示装置的结构示意图。
[0023]图6是本申请的一示例性实施例示出的电子设备的计算机系统的结构示意图。
具体实施方式
[0024]这里将详细地对示例性实施例执行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面弹框的显示方法,其特征在于,所述显示方法包括:响应于可视化页面接收到的显示目标弹框的显示指令,获取用户在所述可视化页面中触发所述显示指令或所述可视化页面中预设的目标位置;将弹框组件对应的定位标签的位置更新为所述目标位置,以使得所述弹框组件移动至所述目标位置;根据预设参数生成显示于所述弹框组件中的目标预设显示组件,并将所述弹框组件的可视化属性由隐藏属性更改为显示属性,以得到在所述目标位置显示包括所述目标预设显示组件的所述目标弹框。2.根据权利要求1所述的显示方法,其特征在于,在所述响应于可视化页面接收到的显示目标弹框的显示指令之前,所述显示方法还包括:在全局页面中设置所述弹框组件,并在所述弹框组件中设置在所述可视化页面中生成弹框的预设生成方法;为所述弹框组件设置预设调用属性,以调用所述预设生成方法。3.根据权利要求2所述的显示方法,其特征在于,所述在所述弹框组件中设置在所述可视化页面中生成弹框的预设生成方法之前,所述显示方法还包括:构建获取所述弹框组件的位置的获取函数,以将获取到的定位标签在所述可视化页面中的位置作为所述弹框组件的位置;构建在所述弹框组件中生成预设显示组件的生成函数,用于根据所述预设参数生成预设显示组件;存储生成所述预设显示组件所需的预设参数;根据所述获取函数,所述生成函数和所述预设参数构建得到所述预设生成方法。4.根据权利要求3所述的显示方法,其特征在于,所述显示方法还包括:在所述预设参数与所述生成函数之间建立预设传值逻辑,以使所述生成函数为响应所述显示指令而根据所述传值逻辑获取目标预设参数,生成所述目标预设显示组件。5.根据权利要求1所述的显示方法,其特征在于,在所述响应于可视化页面接收到的显示目标弹框的显示指令之前,所述显示方法还包括:将所述弹框组件的可视化属性设置为隐藏属性,将所述弹框组件对...

【专利技术属性】
技术研发人员:曾文强陈洋胡晟康
申请(专利权)人:赛力斯汽车有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1