页面展示方法、装置、电子设备及存储介质与流程

专利检索2022-05-10  2



1.本公开涉及互联网技术领域,尤其涉及一种页面展示方法、装置、电子设备及存储介质。


背景技术:

2.随着互联网技术的发展,大量互联网平台也在不断的升级,除了可以发布一些图文信息之外,也提供了供个人用户随时分享日常的短视频等渠道。为了吸引更多用户来访问平台中的信息,一些互联网平台会基于某一段时间内的节假日等活动,在平台的相关页面中进行活动氛围渲染。相关技术中,往往仅仅是在平台主页面,结合活动相关挂件进行页面展示,存在活动氛围渲染场景和素材单一,活动氛围渲染效果较差,以及页面展示形式单一,无法有效满足用户更多的需求等问题;因此,需要一种新的页面展示方案。


技术实现要素:

3.本公开提供一种页面展示方法、装置、电子设备及存储介质,以至少解决相关技术中存在活动氛围渲染场景和素材单一,活动氛围渲染效果较差,以及页面展示形式单一,无法有效满足用户更多的需求等问题。本公开的技术方案如下:
4.根据本公开实施例的第一方面,提供一种页面展示方法,包括:
5.响应于目标业务对应的至少一个关联页面的展示请求,获取所述目标业务在所述至少一个关联页面的第一业务渲染素材和第二业务渲染素材,所述第一业务渲染素材用于在所述至少一个关联页面中与所述目标业务对应的业务功能操作区域,渲染所述目标业务的业务氛围,所述第二业务渲染素材用于在所述至少一个关联页面中与所述目标业务关联的至少一个关联功能操作区域,渲染所述目标业务的业务氛围;
6.基于所述第一业务渲染素材和所述第二业务渲染素材展示所述至少一个关联页面。
7.可选的,所述至少一个关联页面的所述业务功能操作区域展示有处于第一展示状态的所述第一业务渲染素材,所述方法还包括:
8.响应于基于所述业务功能操作区域触发的业务选择指令,将所述业务功能操作区域展示的所述第一业务渲染素材由所述第一展示状态更新为第三展示状态;
9.其中,所述第一展示状态的所述第一业务渲染素材与所述第三展示状态的所述第一业务渲染素材的展示样式不同。
10.可选的,所述方法还包括:
11.在所述业务功能操作区域展示有所述第三展示状态的所述第一业务渲染素材的情况下,若接收到所述目标业务对应的业务确认指令,基于所述目标业务执行所述至少一个关联页面对应的操作。
12.可选的,所述至少一个关联功能操作区域展示有处于第二展示状态的所述第二业务渲染素材,所述方法还包括:
13.响应于基于所述关联功能操作区域触发的关联功能选择指令,将所述至少一个关联功能操作区域展示的所述第二业务渲染素材由所述第二展示状态更新为第四展示状态;
14.其中,所述第二展示状态的所述第二业务渲染素材与所述第四展示状态的所述第二业务渲染素材的展示样式不同。
15.可选的,所述响应于目标业务对应的至少一个关联页面的展示请求,获取所述目标业务在所述至少一个关联页面的第一业务渲染素材和第二业务渲染素材包括:
16.在所述目标业务对应的业务渲染时间内,若接收到所述至少一个关联页面的展示请求,获取所述目标业务在所述至少一个关联页面的第一业务渲染素材和第二业务渲染素材。
17.可选的,所述目标业务包括一个业务,所述基于所述第一业务渲染素材和所述第二业务渲染素材展示所述至少一个关联页面包括:
18.获取所述至少一个关联页面的基础页面素材,所述基础页面素材为用于渲染所述至少一个关联页面的素材中除所述第一业务渲染素材和所述第二业务渲染素材以外的素材;
19.在基于所述基础页面素材渲染所述至少一个关联页面时,基于所述第一业务渲染素材渲染所述业务功能操作区域,以及基于所述第二业务渲染素材渲染所述至少一个关联功能操作区域,生成所述至少一个关联页面。
20.可选的,所述基于所述第一业务渲染素材渲染所述业务功能操作区域包括:
21.获取所述第一业务渲染素材对应的第一尺寸信息和所述业务功能操作区域对应的第二尺寸信息;
22.基于所述第一尺寸信息和所述第二尺寸信息对所述第一业务渲染素材进行缩放处理,得到第一目标渲染素材;
23.基于所述第一目标渲染素材渲染所述业务功能操作区域。
24.可选的,所述基于所述第二业务渲染素材渲染所述至少一个关联功能操作区域包括:
25.获取所述第二业务渲染素材对应的第三尺寸信息和所述至少一个关联功能操作区域对应的第四尺寸信息;
26.基于所述第三尺寸信息和所述第四尺寸信息对所述第二业务渲染素材进行缩放处理,得到第二目标渲染素材;
27.基于所述第二目标渲染素材渲染所述至少一个关联功能操作区域。
28.可选的,所述目标业务包括多个业务,所述多个业务关联的至少一个关联功能操作区域包括相同的关联功能操作区域;所述基于所述第一业务渲染素材和所述第二业务渲染素材展示所述至少一个关联页面包括:
29.获取所述至少一个关联页面的基础页面素材,所述基础页面素材为用于渲染所述至少一个关联页面的素材中除所述第一业务渲染素材和所述第二业务渲染素材以外的素材;
30.在基于所述基础页面素材渲染所述至少一个关联页面时,获取所述至少一个关联功能操作区域对应的业务渲染优先级;
31.基于所述第一业务渲染素材渲染所述业务功能操作区域,以及基于所述业务渲染
优先级和所述第二业务渲染素材渲染所述至少一个关联功能操作区域,生成所述至少一个关联页面。
32.可选的,所述基于所述业务渲染优先级和第二业务渲染素材渲染所述至少一个关联功能操作区域包括:
33.基于目标关联功能操作区域对应的业务渲染优先级,确定所述目标关联功能操作区域对应的第三目标渲染素材,所述目标关联功能操作区域为所述至少一个关联功能操作区域中的任一关联功能操作区域,所述第三目标渲染素材为所述目标关联功能操作区域对应的多个业务中业务渲染优先级最高的业务的第二业务渲染素材;
34.基于所述第三目标渲染素材渲染所述目标关联功能操作区域。
35.可选的,在所述响应于目标业务对应的至少一个关联页面的展示请求,获取所述目标业务在所述至少一个关联页面的第一业务渲染素材和第二业务渲染素材之前,所述方法还包括:
36.响应于目标对象的业务配置指令,获取所述业务配置指令对应的业务配置信息,所述业务配置信息用于指示在所述至少一个关联页面展示时,基于所述第一业务渲染素材和所述第二业务渲染素材进行所述目标业务的业务氛围渲染。
37.可选的,所述方法还包括:
38.响应于目标页面的展示请求,获取所述目标业务在所述目标页面对应的第三业务渲染素材,所述第三业务渲染素材用于在所述目标页面的目标区域,渲染所述目标业务的业务氛围;
39.在展示所述目标页面时,基于所述第三业务渲染素材更新所述目标区域。
40.根据本公开实施例的第二方面,提供一种页面展示装置,包括:
41.第一业务渲染素材获取模块,被配置为执行响应于目标业务对应的至少一个关联页面的展示请求,获取所述目标业务在所述至少一个关联页面的第一业务渲染素材和第二业务渲染素材,所述第一业务渲染素材用于在所述至少一个关联页面中与所述目标业务对应的业务功能操作区域,渲染所述目标业务的业务氛围,所述第二业务渲染素材用于在所述至少一个关联页面中与所述目标业务关联的至少一个关联功能操作区域,渲染所述目标业务的业务氛围;
42.关联页面展示模块,被配置为执行基于所述第一业务渲染素材和所述第二业务渲染素材展示所述至少一个关联页面。
43.可选的,所述至少一个关联页面的所述业务功能操作区域展示有处于第一展示状态的所述第一业务渲染素材,所述装置还包括:
44.第一展示状态更新模块,被配置为执行响应于基于所述业务功能操作区域触发的业务选择指令,将所述业务功能操作区域展示的所述第一业务渲染素材由所述第一展示状态更新为第三展示状态;
45.其中,所述第一展示状态的所述第一业务渲染素材与所述第三展示状态的所述第一业务渲染素材的展示样式不同。
46.可选的,所述装置还包括:
47.操作执行模块,被配置为执行在所述业务功能操作区域展示有所述第三展示状态的所述第一业务渲染素材的情况下,若接收到所述目标业务对应的业务确认指令,基于所
述目标业务执行所述至少一个关联页面对应的操作。
48.可选的,所述至少一个关联功能操作区域展示有处于第二展示状态的所述第二业务渲染素材,所述装置还包括:
49.第二展示状态更新模块,被配置为执行响应于基于所述关联功能操作区域触发的关联功能选择指令,将所述至少一个关联功能操作区域展示的所述第二业务渲染素材由所述第二展示状态更新为第四展示状态;
50.其中,所述第二展示状态的所述第二业务渲染素材与所述第四展示状态的所述第二业务渲染素材的展示样式不同。
51.可选的,所述第一业务渲染素材获取模块还被配置为执行:在所述目标业务对应的业务渲染时间内,若接收到所述至少一个关联页面的展示请求,获取所述目标业务在所述至少一个关联页面的第一业务渲染素材和第二业务渲染素材。
52.可选的,所述目标业务包括一个业务,所述关联页面展示模块包括:
53.第一基础页面素材获取单元,被配置为执行获取所述至少一个关联页面的基础页面素材,所述基础页面素材为用于渲染所述至少一个关联页面的素材中除所述第一业务渲染素材和所述第二业务渲染素材以外的素材;
54.第一素材渲染单元,被配置为执行在基于所述基础页面素材渲染所述至少一个关联页面时,基于所述第一业务渲染素材渲染所述业务功能操作区域,以及基于所述第二业务渲染素材渲染所述至少一个关联功能操作区域,生成所述至少一个关联页面。
55.可选的,所述第一素材渲染单元包括:
56.第一尺寸信息获取单元,被配置为执行获取所述第一业务渲染素材对应的第一尺寸信息和所述业务功能操作区域对应的第二尺寸信息;
57.第一缩放处理单元,被配置为执行基于所述第一尺寸信息和所述第二尺寸信息对所述第一业务渲染素材进行缩放处理,得到第一目标渲染素材;
58.业务功能操作区域渲染单元,被配置为执行基于所述第一目标渲染素材渲染所述业务功能操作区域。
59.可选的,所述第一素材渲染单元包括:
60.第二尺寸信息获取单元,被配置为执行获取所述第二业务渲染素材对应的第三尺寸信息和所述至少一个关联功能操作区域对应的第四尺寸信息;
61.第二缩放处理单元,被配置为执行基于所述第三尺寸信息和所述第四尺寸信息对所述第二业务渲染素材进行缩放处理,得到第二目标渲染素材;
62.关联功能操作区域渲染单元,被配置为执行基于所述第二目标渲染素材渲染所述至少一个关联功能操作区域。
63.可选的,所述目标业务包括多个业务,所述多个业务关联的至少一个关联功能操作区域包括相同的关联功能操作区域;所述关联页面展示模块包括:
64.第一基础页面素材获取单元,被配置为执行获取所述至少一个关联页面的基础页面素材,所述基础页面素材为用于渲染所述至少一个关联页面的素材中除所述第一业务渲染素材和所述第二业务渲染素材以外的素材;
65.业务渲染优先级获取单元,被配置为执行在基于所述基础页面素材渲染所述至少一个关联页面时,获取所述至少一个关联功能操作区域对应的业务渲染优先级;
66.第二素材渲染单元,被配置为执行基于所述第一业务渲染素材渲染所述业务功能操作区域,以及基于所述业务渲染优先级和所述第二业务渲染素材渲染所述至少一个关联功能操作区域,生成所述至少一个关联页面。
67.可选的,所述第二素材渲染单元包括:
68.第三目标渲染素材确定单元,被配置为执行基于目标关联功能操作区域对应的业务渲染优先级,确定所述目标关联功能操作区域对应的第三目标渲染素材,所述目标关联功能操作区域为所述至少一个关联功能操作区域中的任一关联功能操作区域,所述第三目标渲染素材为所述目标关联功能操作区域对应的多个业务中业务渲染优先级最高的业务的第二业务渲染素材;
69.目标关联功能操作区域渲染单元,被配置为执行基于所述第三目标渲染素材渲染所述目标关联功能操作区域。
70.可选的,所述装置还包括:
71.业务配置信息获取模块,被配置为执行响应于目标对象的业务配置指令,获取所述业务配置指令对应的业务配置信息,所述业务配置信息用于指示在所述至少一个关联页面展示时,基于所述第一业务渲染素材和所述第二业务渲染素材进行所述目标业务的业务氛围渲染。
72.可选的,所述装置还包括:
73.第二业务渲染素材获取模块,被配置为执行响应于目标页面的展示请求,获取所述目标业务在所述目标页面对应的第三业务渲染素材,所述第三业务渲染素材用于在所述目标页面的目标区域,渲染所述目标业务的业务氛围;
74.目标页面展示模块,被配置为执行在展示所述目标页面时,基于所述第三业务渲染素材更新所述目标区域。
75.根据本公开实施例的第三方面,提供一种电子设备,包括:处理器;用于存储所述处理器可执行指令的存储器;其中,所述处理器被配置为执行所述指令,以实现如上述第一方面中任一项所述的方法。
76.根据本公开实施例的第四方面,提供一种计算机可读存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行本公开实施例的第一方面中任一所述方法。
77.根据本公开实施例的第五方面,提供一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行本公开实施例的第一方面中任一所述方法。
78.本公开的实施例提供的技术方案至少带来以下有益效果:
79.在目标业务对应的至少一个关联页面,结合第一业务渲染素材渲染目标业务对应的业务功能操作区域,还通过第二业务渲染素材渲染与目标业务关联的至少一个关联功能操作区域,可以在丰富业务氛围渲染场景的同时,丰富业务氛围渲染素材,实现根据不同场景需求,适配不同的业务渲染素材,可以在丰富页面展示形式的同时,更直观的展示目标业务,进而更好的在至少一种场景对应的关联页面中烘托出业务氛围,提高用户的积极性以及参与度。
80.应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
81.此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
82.图1是根据一示例性实施例示出的一种应用环境的示意图;
83.图2是根据一示例性实施例示出的一种页面展示方法的流程图;
84.图3是根据一示例性实施例示出的一种关联页面的示意图;
85.图4是根据一示例性实施例示出的一种基于第一业务渲染素材渲染业务功能操作区域的流程图;
86.图5是根据一示例性实施例示出的一种基于第二业务渲染素材渲染至少一个关联功能操作区域的流程图;
87.图6是根据一示例性实施例示出的一种基于第一业务渲染素材和第二业务渲染素材展示至少一个关联页面的流程图;
88.图7是根据一示例性实施例示出的另一种关联页面的示意图;
89.图8是根据一示例性实施例示出的一种页面展示装置框图;
90.图9是根据一示例性实施例示出的一种用于页面展示的电子设备的框图。
具体实施方式
91.为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
92.需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
93.需要说明的是,本公开所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于展示的数据、分析的数据等),均为经用户授权或者经过各方充分授权的信息和数据。
94.请参阅图1,图1是根据一示例性实施例示出的一种应用环境的示意图,如图1所示,该应用环境可以包括终端100和服务器200。
95.终端100可以用于面向任一用户提供业务展示服务。具体的,终端100可以包括但不限于智能手机、台式计算机、平板电脑、笔记本电脑、智能音箱、数字助理、增强现实(augmented reality,ar)/虚拟现实(virtual reality,vr)设备、智能可穿戴设备等类型的电子设备,也可以为运行于上述电子设备的软体,例如应用程序等。可选的,电子设备上运行的操作系统可以包括但不限于安卓系统、ios系统、linux、windows等。
96.在一个可选的实施例中,服务器200可以为终端100提供后台服务。具体的,服务器200可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式系统,还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、cdn(content delivery network,内容分发网络)、以及大数据和
人工智能平台等基础云计算服务的云服务器。
97.此外,需要说明的是,图1所示的仅仅是本公开提供的一种应用环境,在实际应用中,还可以包括其他应用环境,例如可以包括更多的终端。
98.本说明书实施例中,上述终端100以及服务器200可以通过有线或无线通信方式进行直接或间接地连接,本公开在此不做限制。
99.图2是根据一示例性实施例示出的一种页面展示方法的流程图,如图2所示,该页面展示方法可以用于终端电子设备中,包括以下步骤。
100.在步骤s201中,响应于目标业务对应的至少一个关联页面的展示请求,获取目标业务在至少一个关联页面的第一业务渲染素材和第二业务渲染素材。
101.在一个可选的实施例中,目标业务可以为需要进行氛围渲染的业务。在一个可选的实施例中,目标业务可以为具有时效性的业务,例如某一段特定时间内对应的活动,具体的,该活动可以为某一特定时间内举行的赛事活动,也可以为针对某一特定时间内的假期举行的假期活动。可选的,在活动期间,可以在应用程序或网站等平台的相关场景中结合该活动开发相应的业务功能,例如在某一应用的信息推荐场景中,可以加入结合该目标业务进行推荐信息筛选的业务功能,相应的,可以在信息推荐筛选页面中加入结合目标业务进行推荐信息筛选的功能操作区域。
102.在一个可选的实施例中,上述目标业务对应的至少一个关联页面可以为用于对目标业务进行氛围渲染的一个或多个(多个为至少两个)页面,可选的,该一个或多个页面中还可以各自设置有目标业务在该页面对应场景下的业务功能的功能操作区域。在一个具体的实施例中,上述至少一个关联页面可以包括上述的信息推荐筛选页面。
103.在一个具体的实施例中,上述第一业务渲染素材可以用于在至少一个关联页面中与目标业务对应的业务功能操作区域,渲染目标业务的业务氛围。上述第二业务渲染素材可以用于在至少一个关联页面中与目标业务关联的至少一个关联功能操作区域,渲染目标业务的业务氛围。
104.可选的,上述第一业务渲染素材和第二业务渲染素材可以为能够标识目标业务的多媒体素材,具体的,多媒体素材可以包括但不限于与文本、图片、音视频等素材。
105.在一个具体的实施例中,业务功能操作区域可以为目标业务在相应的关联页面对应场景下的业务功能的功能操作区域;与目标业务关联的至少一个关联功能操作区域可以为相应的关联页面中可以用于渲染目标业务的业务氛围的功能展示区域,可选的,至少一个关联功能操作区域可以为关联页面的功能操作区域,除业务功能操作区域以外的功能操作区域。
106.在一个可选的实施例中,可以预先配置好任一关联页面中,可以作为目标业务关联的至少一个关联功能操作区域。
107.在一个可选的实施例中,响应于目标业务对应的至少一个关联页面的展示请求,获取目标业务在至少一个关联页面的第一业务渲染素材和第二业务渲染素材可以包括:
108.在目标业务对应的业务渲染时间内,若接收到至少一个关联页面的展示请求,获取目标业务在至少一个关联页面的第一业务渲染素材和第二业务渲染素材。
109.在一个具体的实施例中,目标业务对应的业务渲染时间可以为预先设置的能够在上述至少一个关联页面进行目标业务的业务氛围渲染的时间。
110.上述实施例中,结合业务渲染时间统一适配至少一个关联页面的页面变化,可以实现页面与目标业务间适配性的同时,自动在至少一个关联页面进行业务氛围渲染,提升业务氛围渲染的效率。
111.在一个可选的实施例中,在响应于目标业务对应的至少一个关联页面的展示请求,获取目标业务在至少一个关联页面的第一业务渲染素材和第二业务渲染素材之前,上述方法还可以包括:
112.响应于目标对象的业务配置指令,获取业务配置指令对应的业务配置信息。
113.在实际应用中,用户可以自主配置,是否在上述至少一个关联页面进行目标业务的业务氛围渲染,相应的,上述业务配置信息用于指示在至少一个关联页面展示时,基于第一业务渲染素材和第二业务渲染素材进行目标业务的业务氛围渲染。具体的,目标对象可以为用户,也可以为用户账号等。
114.上述实施例中,结合用户配置的业务配置信息,来控制在至少一个关联页面中的业务氛围渲染,可以在实现页面与目标业务间适配性的同时,提升用户的自主性,进而更好的改善用户体验。
115.在步骤s203中,基于第一业务渲染素材和第二业务渲染素材展示至少一个关联页面。
116.在一个可选的实施例中,上述目标业务可以包括一个业务,可选的,上述基于第一业务渲染素材和第二业务渲染素材展示至少一个关联页面可以包括:
117.获取至少一个关联页面的基础页面素材;
118.在基于基础页面素材渲染至少一个关联页面时,基于第一业务渲染素材渲染业务功能操作区域,以及基于第二业务渲染素材渲染至少一个关联功能操作区域,生成至少一个关联页面。
119.在实际应用中,任一关联页面中,往往除了第一业务渲染素材和第二业务渲染素材以外,还配置有其他用于渲染关联业务的页面素材,相应的,上述任一关联页面的基础页面素材可以为用于渲染关联页面的素材中除第一业务渲染素材和第二业务渲染素材以外的素材。
120.相应的,在基于基础页面素材渲染关联页面的同时,可以基于第一业务渲染素材进一步渲染业务功能操作区域,以及基于第二业务渲染素材进一步渲染上述至少一个关联功能操作区域。
121.在一个具体的实施例中,如图3所示,以关联页面为某短视频应用中短视频推荐筛选页面为例,图3是根据一示例性实施例示出的一种关联页面的示意图。具体的,如图3所示,假设在某一短视频应用中,通过点击预设控件(如上述筛选对应的控件)等触发操作,触发了上述关联页面的展示请求。具体的,目标业务对应的业务功能操作区域可以为301对应的区域,第一业务渲染素材3011可以包括文本素材“业务xx”(目标业务的名称)、图像素材“五角星型的图像”、“山图像”,其中,“五角星型的图像形象”和“山的图像”可以为能够标识目标业务的图像。目标业务关联的至少一个关联功能操作区域可以为自定义距离调控区域302,其中,第二业务渲染素材3021可以包括:图像素材“五角星型的图像”。相应的,基础页面素材可以包括除上述第一业务渲染素材和第二业务选人素材以外的素材,例如目标业务对应的业务功能操作区域301中除第一业务渲染素材以外的,预设背景图像3012等。
122.上述实施例中,在进行关联页面的渲染展示过程中,结合第一业务渲染素材渲染目标业务对应的业务功能操作区域的同时,还通过第二业务渲染素材渲染与目标业务关联的至少一个关联功能操作区域,可以在丰富页面展示形式的同时,更直观的展示目标业务,进而更好的在关联页面中烘托出业务氛围,提高用户的积极性以及参与度。
123.在一个可选的实施例中,在实际的应用场景中,不同关联页面中对应的业务功能操作区域往往尺寸信息不同;可选的,为了提升第一业务渲染素材与不同关联页面中业务功能操作区域间的适配性,可以结合素材对应的尺寸信息和业务功能操作区域对应的尺寸信息对素材进行适应性的调整,相应的,如图4所示,上述基于第一业务渲染素材渲染业务功能操作区域可以包括以下步骤:
124.在步骤s401中,获取第一业务渲染素材对应的第一尺寸信息和业务功能操作区域对应的第二尺寸信息;
125.在步骤s403中,基于第一尺寸信息和第二尺寸信息对第一业务渲染素材进行缩放处理,得到第一目标渲染素材;
126.在步骤s405中,基于第一目标渲染素材渲染业务功能操作区域。
127.在一个具体的实施例中,第一业务渲染素材可以包括一个或多个素材,可选的,这一个或多个素材可以按照预设的相对位置关系进行展示;可选的,在一个或多个素材按照预设的相对位置关系进行展示的情况下,可以将第一业务渲染素材中一个或多个素材的最小外界矩形框对应的尺寸信息作为上述第一尺寸信息。
128.在一个可选的实施例中,业务功能操作区域对应的第二尺寸信息可以为业务功能操作区域的最小外界矩形框对应的尺寸信息。
129.在一个可选的实施例中,可以根据第一尺寸信息和第二尺寸信息确定第一业务渲染素材对应的缩放比例,并基于该缩放比例对第一业务渲染素材进行缩放处理,使得缩放后的第一业务渲染素材与业务功能操作区域相适配。
130.上述技术方案中,结合第一业务渲染素材对应的第一尺寸信息和业务功能操作区域对应的第二尺寸信息,对第一业务渲染素材进行适应性的缩放处理,可以大大提升第一业务渲染素材与不同关联页面中业务功能操作区域间的适配性,进而可以在更直观展示目标业务的情况下,也能更好的提升页面的美观性。
131.在一个可选的实施例中,在实际的应用场景中,不同关联页面中对应的关联功能操作区域往往尺寸信息不同;可选的,为了提升第二业务渲染素材与不同关联页面中关联功能操作区域间的适配性,可以结合素材对应的尺寸信息和关联功能操作区域对应的尺寸信息对第二业务渲染素材进行适应性的调整,相应的,如图5所示,上述基于第二业务渲染素材渲染至少一个关联功能操作区域可以包括以下步骤:
132.在步骤s501中,获取第二业务渲染素材对应的第三尺寸信息和至少一个关联功能操作区域对应的第四尺寸信息;
133.在步骤s503中,基于第三尺寸信息和第四尺寸信息对第二业务渲染素材进行缩放处理,得到第二目标渲染素材;
134.在步骤s505中,基于第二目标渲染素材渲染至少一个关联功能操作区域。
135.在一个具体的实施例中,第二业务渲染素材可以包括一个或多个素材,可选的,这一个或多个素材可以按照预设的相对位置关系进行展示;可选的,在一个或多个素材按照
预设的相对位置关系进行展示的情况下,可以将第二业务渲染素材中一个或多个素材的最小外界矩形框对应的尺寸信息作为上述第三尺寸信息。
136.在一个可选的实施例中,任一关联功能操作区域对应的第四尺寸信息可以为该关联功能操作区域的最小外界矩形框对应的尺寸信息。
137.在一个可选的实施例中,可以根据第三尺寸信息和第四尺寸信息确定第二业务渲染素材对应的缩放比例,并基于该缩放比例对第二业务渲染素材进行缩放处理,使得缩放后的第二业务渲染素材与相应的关联功能操作区域相适配。
138.上述技术方案中,结合第二业务渲染素材对应的第三尺寸信息和相应的关联功能操作区域对应的第四尺寸信息,对第二业务渲染素材进行适应性的缩放处理,可以大大提升第二业务渲染素材与不同关联页面中关联功能操作区域间的适配性,进而可以在更直观展示目标业务的情况下,也提升页面的美观性。
139.在一个可选的实施例中,在实际应用中,可能存在某一时间段内同时举行多个需要进行氛围渲染的活动,相应的,上述目标业务可以包括多个业务,可选的,若多个业务关联的至少一个关联功能操作区域各不相同,可以在基于基础页面素材渲染至少一个关联页面时,结合各自的第一业务渲染素材渲染各自的业务功能操作区域;以及基于各自的第二业务渲染素材渲染各自的至少一个关联功能操作区域,生成相应的关联页面。
140.在一个可选的实施例中,上述多个业务关联的至少一个关联功能操作区域可以包括相同的关联功能操作区域;可选的,如图6所示,上述基于第一业务渲染素材和第二业务渲染素材展示至少一个关联页面可以包括以下步骤:
141.在步骤s601中,获取至少一个关联页面的基础页面素材;
142.在步骤s603中,在基于基础页面素材渲染至少一个关联页面时,获取至少一个关联功能操作区域对应的业务渲染优先级;
143.在步骤s605中,基于第一业务渲染素材渲染业务功能操作区域,以及基于业务渲染优先级和第二业务渲染素材渲染至少一个关联功能操作区域,生成至少一个关联页面。
144.在一个具体的实施例中,某一关联页面中任一关联功能操作区域对应的业务渲染优先级可以表征与该关联功能操作区域关联的多个业务的第二业务渲染素材的展示优先级。在一个可选的实施例中,不同业务在相应的关联功能操作区域的展示优先级可以预先结合实际应用需求进行设置。
145.在一个可选的实施例中,上述基于业务渲染优先级和第二业务渲染素材渲染至少一个关联功能操作区域可以包括:
146.基于目标关联功能操作区域对应的业务渲染优先级,确定目标关联功能操作区域对应的第三目标渲染素材;
147.基于第三目标渲染素材渲染目标关联功能操作区域。
148.在一个具体的实施例中,上述目标关联功能操作区域可以为至少一个关联功能操作区域中的任一关联功能操作区域,上述第三目标渲染素材为目标关联功能操作区域对应的多个业务中业务渲染优先级最高的业务的第二业务渲染素材。
149.上述技术方案中,在多个需要进程氛围渲染的业务所关联的至少一个关联功能操作区域包括相同的关联功能操作区域的情况下,通过为每一关联功能操作区域设置对应的业务渲染优先级,可以便于更高效的进行多个业务的氛围渲染烘托。且针对任一关联功能
操作区域,结合其对应的多个业务中业务渲染优先级最高的业务的第二业务渲染素材来进行该关联功能操作区域的渲染,可以在丰富页面展示形式的同时,提升氛围渲染的合理性。
150.在一个可选的实施例中,上述至少一个关联页面的业务功能操作区域展示有处于第一展示状态的第一业务渲染素材,相应的,上述方法还可以包括:
151.响应于基于业务功能操作区域触发的业务选择指令,将业务功能操作区域展示的第一业务渲染素材由第一展示状态更新为第三展示状态。
152.在一个具体的实施例中,第一展示状态的第一业务渲染素材与第三展示状态的第一业务渲染素材的展示样式不同,可选的,第一展示状态的第一业务渲染素材的展示样式可以为目标业务对应的业务功能未被选择前(即业务选择指令触发前)的第一业务渲染素材的展示样式;相应的,第三展示状态的第一业务渲染素材的展示样式可以为目标业务对应的业务功能被选择后(即业务选择指令触发后)的第一业务渲染素材的展示样式。
153.可选的,在第一业务渲染素材包括多个素材的情况下,第一业务渲染素材由第一展示状态更新为第三展示状态可以包括:将第一业务渲染素材中的至少一个素材的展示样式进行更新。
154.在一个具体的实施例中,在素材包括文本的情况下,展示样式可以包括但不限于文本的字体类型、字体格式、字体色彩等字体属性信息;在素材包括图像的情况下,展示样式可以包括但不限于图像的色彩、展示频率等属性信息;在素材包括音视频的情况下,展示样式可以包括但不限于音视频的音量、字幕等属性信息。
155.在一个具体的实施例中,如图3所示,图3中业务功能操作区域301中展示的第一业务渲染素材可以为第一展示状态的第一业务渲染素材。
156.在一个可选的实施例中,假设通过点击图3中业务功能操作区域301触发了业务选择指令,如图7所示,图7是根据一示例性实施例示出的另一种关联页面的示意图;结合图7可见,第一业务渲染素材中的文本信息“业务xx”变成了加粗且有下划线的展示样式。
157.上述技术方案中,在目标业务对应的业务功能被选择前后,通过展示不同状态的第一业务渲染素材,可以大大提升用于进行业务氛围渲染的素材的展示灵活性,进而可以再更直观展示目标业务的同时,提升页面展示形式的丰富性。
158.在一个可选的实施例中,上述方法还可以包括:
159.在业务功能操作区域展示有第三展示状态的第一业务渲染素材的情况下,若接收到目标业务对应的业务确认指令,基于目标业务执行至少一个关联页面对应的操作。
160.在一个可选的实施例中,在业务功能操作区域展示有第三展示状态的第一业务渲染素材的情况下,即目标业务对应的业务功能被选择后,若接收到目标业务对应的业务确认指令,可以基于目标业务执行至少一个关联页面对应的操作。
161.在一个具体的实施例中,以上述短视频推荐筛选页面为例,结合图7,可以通过点击“确定”控件,触发上述业务确认指令,进而可以结合目标业务(业务xx)来进行短视频推荐的操作,即在结合发布短视频的时间,以及短视频发布方与目标推荐用户间距离进行短视频筛选的同时,选取目标业务相关的短视频,作为推荐给目标推荐用户的短视频。
162.上述技术方案中,目标业务对应的业务功能被选择后,若接收到目标业务对应的业务确认指令,可以结合具有时效性的目标业务执行相应页面的操作,进而可以提升页面相关操作的时效性,在信息推荐等应用中更好的提升信息推荐的有效性和精准性。
163.在一个可选的实施例中,上述至少一个关联功能操作区域展示有处于第二展示状态的第二业务渲染素材,相应的,上述方法还可以包括:
164.响应于基于关联功能操作区域触发的关联功能选择指令,将至少一个关联功能操作区域展示的第二业务渲染素材由第二展示状态更新为第四展示状态。
165.可选的,第二展示状态的第二业务渲染素材与第四展示状态的第二业务渲染素材的展示样式不同,可选的,第二展示状态的第二业务渲染素材的展示样式可以为关联功能操作区域对应的关联功能未被选择前(即关联功能选择指令触发前)的第二业务渲染素材的展示样式;第四展示状态的第二业务渲染素材的展示样式可以为关联功能操作区域对应的关联功能被选择后(即关联功能选择指令触发后)的第二业务渲染素材的展示样式。
166.可选的,在第二业务渲染素材包括多个素材的情况下,第二业务渲染素材由第二展示状态更新为第四展示状态可以包括:将第二业务渲染素材中的至少一个素材的展示样式进行更新。
167.在一个具体的实施例中,如图3所示,图3中关联功能操作区域(自定义距离调控区域)302中展示的第二业务渲染素材可以为第三展示状态的第二业务渲染素材。
168.在一个可选的实施例中,假设基于图3中关联功能操作区域302的滑动操作触发了关联功能选择指令,结合图7可见,第二业务渲染素材由图3中的静态展示的图像,更新为图7中动态展示的动画素材(将图3中静态展示的图像周围增加一层不断动态变化的动画素材,例如按照一定频率在展示图3中静态展示的图像的同时,动态控制周围增加的素材的展示与隐藏,进而形成动态变化的效果)。
169.上述技术方案中,在关联功能操作区域对应的关联功能被选择前后,通过展示不同状态的第二业务渲染素材,可以大大提升用于进行业务氛围渲染的素材的展示灵活性,进而可以再更直观展示目标业务的同时,提升页面展示形式的丰富性。
170.在一个可选的实施例中,上述方法还包括:
171.响应于目标页面的展示请求,获取目标业务在目标页面对应的第三业务渲染素材;
172.在展示目标页面时,基于第三业务渲染素材更新目标区域。
173.在一个具体的实施例中,目标页面可以为能够用于进行目标业务的业务氛围渲染的页面。具体的,上述第三业务渲染素材可以用于在目标页面的目标区域,渲染目标业务的业务氛围。具体的,第三业务渲染素材可以为能够标识目标业务的多媒体素材;目标区域可以为预先设置的可以用于展示第三业务渲染素材的区域。
174.在一个具体的实施例中,结合上述图3对应的场景,第三业务渲染素材可以为图像素材“火”303,相应的,目标区域可以为目标页面中用于展示定位图标的区域,相应的,在需要进行业务氛围渲染时,可以将图像素材“火”303替换原来的定位图标。
175.上述实施例中,在目标页面展示过程中,结合能够渲染目标业务的业务氛围的第三业务渲染素材来更新目标页面的目标区域,可以更好的烘托目标业务的业务氛围。
176.由以上本说明书实施例提供的技术方案可见,本说明书中在目标业务对应的至少一个关联页面,结合第一业务渲染素材渲染目标业务对应的业务功能操作区域,还通过第二业务渲染素材渲染与目标业务关联的至少一个关联功能操作区域,可以在丰富业务氛围渲染场景的同时,丰富业务氛围渲染素材,实现根据不同场景需求,适配不同的业务渲染素
材,可以在丰富页面展示形式的同时,更直观的展示目标业务,进而更好的在至少一种场景对应的关联页面中烘托出业务氛围,提高用户的积极性以及参与度。
177.图8是根据一示例性实施例示出的一种页面展示装置框图。参照图8,该装置包括:
178.第一业务渲染素材获取模块810,被配置为执行响应于目标业务对应的至少一个关联页面的展示请求,获取目标业务在至少一个关联页面的第一业务渲染素材和第二业务渲染素材,第一业务渲染素材用于在至少一个关联页面中与目标业务对应的业务功能操作区域,渲染目标业务的业务氛围,第二业务渲染素材用于在至少一个关联页面中与目标业务关联的至少一个关联功能操作区域,渲染目标业务的业务氛围;
179.关联页面展示模块820,被配置为执行基于第一业务渲染素材和第二业务渲染素材展示至少一个关联页面。
180.可选的,至少一个关联页面的业务功能操作区域展示有处于第一展示状态的第一业务渲染素材,上述装置还包括:
181.第一展示状态更新模块,被配置为执行响应于基于业务功能操作区域触发的业务选择指令,将业务功能操作区域展示的第一业务渲染素材由第一展示状态更新为第三展示状态;
182.其中,第一展示状态的第一业务渲染素材与第三展示状态的第一业务渲染素材的展示样式不同。
183.可选的,上述装置还包括:
184.操作执行模块,被配置为执行在业务功能操作区域展示有第三展示状态的第一业务渲染素材的情况下,若接收到目标业务对应的业务确认指令,基于目标业务执行至少一个关联页面对应的操作。
185.可选的,上述至少一个关联功能操作区域展示有处于第二展示状态的第二业务渲染素材,上述装置还包括:
186.第二展示状态更新模块,被配置为执行响应于基于关联功能操作区域触发的关联功能选择指令,将至少一个关联功能操作区域展示的第二业务渲染素材由第二展示状态更新为第四展示状态;
187.其中,第二展示状态的第二业务渲染素材与第四展示状态的第二业务渲染素材的展示样式不同。
188.可选的,上述第一业务渲染素材获取模块还被配置为执行:在目标业务对应的业务渲染时间内,若接收到至少一个关联页面的展示请求,获取目标业务在至少一个关联页面的第一业务渲染素材和第二业务渲染素材。
189.可选的,目标业务包括一个业务,关联页面展示模块820包括:
190.第一基础页面素材获取单元,被配置为执行获取至少一个关联页面的基础页面素材,基础页面素材为用于渲染至少一个关联页面的素材中除第一业务渲染素材和第二业务渲染素材以外的素材;
191.第一素材渲染单元,被配置为执行在基于基础页面素材渲染至少一个关联页面时,基于第一业务渲染素材渲染业务功能操作区域,以及基于第二业务渲染素材渲染至少一个关联功能操作区域,生成至少一个关联页面。
192.可选的,第一素材渲染单元包括:
193.第一尺寸信息获取单元,被配置为执行获取第一业务渲染素材对应的第一尺寸信息和业务功能操作区域对应的第二尺寸信息;
194.第一缩放处理单元,被配置为执行基于第一尺寸信息和第二尺寸信息对第一业务渲染素材进行缩放处理,得到第一目标渲染素材;
195.业务功能操作区域渲染单元,被配置为执行基于第一目标渲染素材渲染业务功能操作区域。
196.可选的,第一素材渲染单元包括:
197.第二尺寸信息获取单元,被配置为执行获取第二业务渲染素材对应的第三尺寸信息和至少一个关联功能操作区域对应的第四尺寸信息;
198.第二缩放处理单元,被配置为执行基于第三尺寸信息和第四尺寸信息对第二业务渲染素材进行缩放处理,得到第二目标渲染素材;
199.关联功能操作区域渲染单元,被配置为执行基于第二目标渲染素材渲染至少一个关联功能操作区域。
200.可选的,目标业务包括多个业务,多个业务关联的至少一个关联功能操作区域包括相同的关联功能操作区域;关联页面展示模块820包括:
201.第一基础页面素材获取单元,被配置为执行获取至少一个关联页面的基础页面素材,基础页面素材为用于渲染至少一个关联页面的素材中除第一业务渲染素材和第二业务渲染素材以外的素材;
202.业务渲染优先级获取单元,被配置为执行在基于基础页面素材渲染至少一个关联页面时,获取至少一个关联功能操作区域对应的业务渲染优先级;
203.第二素材渲染单元,被配置为执行基于第一业务渲染素材渲染业务功能操作区域,以及基于业务渲染优先级和第二业务渲染素材渲染至少一个关联功能操作区域,生成至少一个关联页面。
204.可选的,第二素材渲染单元包括:
205.第三目标渲染素材确定单元,被配置为执行基于目标关联功能操作区域对应的业务渲染优先级,确定目标关联功能操作区域对应的第三目标渲染素材,目标关联功能操作区域为至少一个关联功能操作区域中的任一关联功能操作区域,第三目标渲染素材为目标关联功能操作区域对应的多个业务中业务渲染优先级最高的业务的第二业务渲染素材;
206.目标关联功能操作区域渲染单元,被配置为执行基于第三目标渲染素材渲染目标关联功能操作区域。
207.可选的,上述装置还包括:
208.业务配置信息获取模块,被配置为执行响应于目标对象的业务配置指令,获取业务配置指令对应的业务配置信息,业务配置信息用于指示在至少一个关联页面展示时,基于第一业务渲染素材和第二业务渲染素材进行目标业务的业务氛围渲染。
209.可选的,上述装置还包括:
210.第二业务渲染素材获取模块,被配置为执行响应于目标页面的展示请求,获取目标业务在目标页面对应的第三业务渲染素材,第三业务渲染素材用于在目标页面的目标区域,渲染目标业务的业务氛围;
211.目标页面展示模块,被配置为执行在展示目标页面时,基于第三业务渲染素材更
新目标区域。
212.关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
213.图9是根据一示例性实施例示出的一种用于页面展示的电子设备的框图,该电子设备可以是终端,其内部结构图可以如图9所示。该电子设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中,该电子设备的处理器用于提供计算和控制能力。该电子设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该电子设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种页面展示方法。该电子设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该电子设备的输入装置可以是显示屏上覆盖的触摸层,也可以是电子设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
214.本领域技术人员可以理解,图9中示出的结构,仅仅是与本公开方案相关的部分结构的框图,并不构成对本公开方案所应用于其上的电子设备的限定,具体的电子设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
215.在示例性实施例中,还提供了一种电子设备,包括:处理器;用于存储该处理器可执行指令的存储器;其中,该处理器被配置为执行该指令,以实现如本公开实施例中的页面展示方法。
216.在示例性实施例中,还提供了一种计算机可读存储介质,当该存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行本公开实施例中的页面展示方法。
217.在示例性实施例中,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行本公开实施例中的页面展示方法。
218.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,该计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本技术所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(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)等。
219.本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本技术旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
220.应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
转载请注明原文地址:https://win.8miu.com/read-50235.html

最新回复(0)