一种页面生成方法、页面展示方法、装置及电子设备制造方法及图纸

技术编号:29228580 阅读:27 留言:0更新日期:2021-07-10 01:16
本公开关于一种页面生成方法、页面展示方法、装置及电子设备,涉及页面设计技术领域,该方法包括:接收页面生成请求,调用组件库;监控组件选取操作,并根据组件选取操作从组件库中选取待生成页面所需的基础组件;获取基础组件的属性填充数据,并将填充数据填充至基础组件中生成第一目标组件;确定第一目标组件的目标组件样式,并将第一页面标识与第一目标组件的组件标识进行关联存储。本公开能够基于组件化思想,提供不同组件的多种自由组合,实现针对多种应用场景的待生成页面的快速生成,缩短了页面生成过程中的耗时,减少了重复开发导致的资源浪费及不必要的成本支出,提高了页面生成过程中的效率,降低了耦合度。降低了耦合度。降低了耦合度。

【技术实现步骤摘要】
一种页面生成方法、页面展示方法、装置及电子设备


[0001]本公开涉及页面设计
,尤其涉及一种页面生成方法、页面展示方法、装置及电子设备。

技术介绍

[0002]为了在多种情况下进行产品推广,往往需要根据市场及产品生成多种宣传页面进行展示。通常情况下,每次推广均会对应有不同的主题,且针对不同的活动、不同的主题及均需要重新构建对应的文件,以实现页面的展示。这样一来,势必需要进行多次重复的劳动。此外,在需要生成页面以同时上架多个主题时,需要在短时间内付出大量的开发、测试的人力成本。与此同时,由于每次上架推广主题的流程大致相同,这样一来,势必会造成资源的浪费。
[0003]因此,如何缩短页面生成与展示过程中的耗时,减少不必要的重复性劳动,提高灵活性、扩展性、降低成本并避免资源浪费,已成为亟待解决的问题。

技术实现思路

[0004]本公开提供一种页面生成方法、页面展示方法、装置及电子设备,以至少解决相关技术中存在的耗时久、存在大量重复性劳动、灵活性低、扩展性差、成本高且存在资源浪费的问题。本公开的技术方案如下:
[0005]根据本公开实施例的第一方面,提供一种页面生成方法,所述页面生成方法包括:接收页面生成请求,调用组件库,其中,所述页面生成请求包括待生成页面的第一页面标识;监控组件选取操作,并根据所述组件选取操作从所述组件库中选取所述待生成页面所需的基础组件;获取所述基础组件的属性填充数据,并将所述填充数据填充至所述基础组件中生成第一目标组件;确定所述第一目标组件的目标组件样式,并将所述第一页面标识与所述第一目标组件的组件标识进行关联存储。
[0006]根据本公开的一个实施例,所述确定所述目标组件的目标组件样式,包括:获取所述基础组件对应的默认组件样式,并按照所述默认组件样式对所述目标组件进行效果预览;响应于样式确认操作,将所述默认组件样式确定为所述目标组件样式;响应于对所述默认组件样式的修改操作,根据所述修改操作,确定所述目标组件样式。
[0007]根据本公开的一个实施例,所述获取所述基础组件对应的默认组件样式,包括:基于所述基础组件的组件标识,获取所述基础组件对应的所述默认组件样式。
[0008]根据本公开的一个实施例,所述接收页面生成请求,调用组件库之前,还包括:获取待生成组件的属性元素,并基于所述属性元素生成一个基础组件;获取每个所述基础组件的样式配置信息,并基于所述样式配置信息生成所述基础组件的默认组件样式;基于所述基础组件和所述基础组件对应的默认组件样式,生成所述基础组件的结构化数据,存储在所述组件库中。
[0009]根据本公开的一个实施例,还包括:获取所述基础组件的交互配置操作,并基于所
述交互配置操作,获取所述基础组件的每个交互的配置信息,其中,所述配置信息包括交互方式以及所述交互方式对应的交互结果。
[0010]根据本公开的一个实施例,还包括:接收页面展示请求,其中,所述页面展示请求中包括目标页面的页面标识;根据所述目标页面的页面标识,查询页面标识与组件标识之间的映射关系,获取所述目标页面的第二目标组件和所述第二目标组件的目标组件样式;将所述第二目标组件和所述第二目标组件的目标组件样式发送给客户端进行展示。
[0011]本公开的实施例提供的技术方案至少带来以下有益效果:
[0012]本公开通过接收页面生成请求,调用组件库,并监控组件选取操作,根据组件选取操作从组件库中选取待生成页面所需的基础组件,然后获取基础组件的属性填充数据,并将填充数据填充至基础组件中生成第一目标组件,进而确定第一目标组件的目标组件样式,并将第一页面标识与第一目标组件的组件标识进行关联存储,以实现待生成页面的生成。由此,本公开能够基于组件化思想,提供组件库以供选择,从而提供不同组件的多种自由组合,实现针对多种应用场景的待生成页面的快速生成,缩短了页面生成过程中的耗时,提高了灵活性与扩展性,可以减少重复开发导致的资源浪费及不必要的成本支出,提高了页面生成过程中的效率,降低了耦合度。
[0013]根据本公开实施例的第二方面,提供一种页面展示方法,所述页面展示方法包括:向页面生成终端发送页面展示请求,其中,所述页面展示请求包括目标页面的页面标识;接收所述目标页面的目标组件和所述目标组件的目标组件样式;对所述目标组件按照目标组件样式进行页面渲染,生成并展示所述目标页面。
[0014]根据本公开的一个实施例,还包括:根据所述页面标识,获取所述目标页面对应的主题描述信息;在页面渲染过程中,获取与所述主题描述信息关联的所述目标组件;将所述主题描述信息渲染至与所述关联的目标组件中进行展示。
[0015]本公开的实施例提供的技术方案至少带来以下有益效果:
[0016]本公开通过向页面生成终端发送页面展示请求,其中,页面展示请求包括目标页面的页面标识,并接收目标页面的目标组件和目标组件的目标组件样式,进而对目标组件按照目标组件样式进行页面渲染,生成并展示目标页面,以实现页面的展示。由此,本公开能够基于页面标识,实现对应的目标页面的快速展示,缩短了基于组件化思想生成的页面的展示过程中的耗时,提高了页面展示过程中的效率。
[0017]根据本公开实施例的第三方面,提供一种页面生成装置,所述页面生成装置包括:调用模块,用于接收页面生成请求,调用组件库,其中,所述页面生成请求包括待生成页面的第一页面标识;选取模块,用于监控组件选取操作,并根据所述组件选取操作从所述组件库中选取所述待生成页面所需的基础组件;填充模块,用于获取所述基础组件的属性填充数据,并将所述填充数据填充至所述基础组件中生成第一目标组件;存储模块,用于确定所述第一目标组件的目标组件样式,并将所述第一页面标识与所述第一目标组件的组件标识进行关联存储。
[0018]根据本公开的一个实施例,所述存储模块,包括:预览子模块,用于获取所述基础组件对应的默认组件样式,并按照所述默认组件样式对所述目标组件进行效果预览;第一确定子模块,用于响应于样式确认操作,将所述默认组件样式确定为所述目标组件样式;第二确定子模块,用于响应于对所述默认组件样式的修改操作,根据所述修改操作,确定所述
目标组件样式。
[0019]根据本公开的一个实施例,所述存储模块,包括:第一获取子模块,用于基于所述基础组件的组件标识,获取所述基础组件对应的所述默认组件样式。
[0020]根据本公开的一个实施例,所述调用模块,还包括:第一生成子模块,用于获取待生成组件的属性元素,并基于所述属性元素生成一个基础组件;第二生成子模块,用于获取每个所述基础组件的样式配置信息,并基于所述样式配置信息生成所述基础组件的默认组件样式;存储子模块,用于基于所述基础组件和所述基础组件对应的默认组件样式,生成所述基础组件的结构化数据,存储在所述组件库中。
[0021]根据本公开的一个实施例,还包括:第一获取模块,用于获取所述基础组件的交互配置操作,并基于所述交互配置操作,获取所述基础组件的每个交互的配置信息,其中,所述配本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面生成方法,其特征在于,包括:接收页面生成请求,调用组件库,其中,所述页面生成请求包括待生成页面的第一页面标识;监控组件选取操作,并根据所述组件选取操作从所述组件库中选取所述待生成页面所需的基础组件;获取所述基础组件的属性填充数据,并将所述填充数据填充至所述基础组件中生成第一目标组件;确定所述第一目标组件的目标组件样式,并将所述第一页面标识与所述第一目标组件的组件标识进行关联存储。2.根据权利要求1所述的方法,其特征在于,所述确定所述目标组件的目标组件样式,包括:获取所述基础组件对应的默认组件样式,并按照所述默认组件样式对所述目标组件进行效果预览;响应于样式确认操作,将所述默认组件样式确定为所述目标组件样式;响应于对所述默认组件样式的修改操作,根据所述修改操作,确定所述目标组件样式。3.根据权利要求2所述的方法,其特征在于,所述获取所述基础组件对应的默认组件样式,包括:基于所述基础组件的组件标识,获取所述基础组件对应的所述默认组件样式。4.根据权利要求1

3任一项所述的方法,其特征在于,所述接收页面生成请求,调用组件库之前,还包括:获取待生成组件的属性元素,并基于所述属性元素生成一个基础组件;获取每个所述基础组件的样式配置信息,并基于所述样式配置信息生成所述基础组件的默认组件样式;基于所述基础组件和所述基础组件对应的默认组件样式,生成所述基础组件的结构化数据,存储在所述组件库中。5.根据权利要求4所述的方法,其特征在于,还包括:获取所述基础组件的交互配置操作,并基于所述交互配置操作,获取所述基础组件的每个交互的配置信息,其中,所述配置信息包括交互方式以及所述交互方式对应的交互结果。6.根据权利要求1

3任一项所述的方法,其特征在于,还包括:接收页面展示请求,其中,所述页面展示请求中包括目标页面的页面标识;根据所述目标页面的页面标识,查询页面标识与组件标识之间的映射关系,获取所述目标页面的第二目标组件和所述第二目标组件的目标组件样式;将所述第二目标组件和所述第二目标组件的目标组件样式发送给客户端进行展示。7.一种页面展示方法,其特征在于,包括:向页面生成终端发送页面展示请求,其中,所述页面展示请求包括目标页面的页面标识;接收所述目标页面的目标组件和所述目标组件的目标组件样式;对所述目标组件按照目标组件样式进行页面渲染,生成并展示所述目标页面。
8.根据权利要求7所述的方法,其特征在于,还包括:根据所述页面标识,获取所述目标页面对应的主题描述信息;在页面渲染过程中,获取与所述主题描述信息关联的所述目标组件;将所述主题描述信息渲染至与所述关联的目标组件中进行展示。9.一种页面生成装置,其特征在于,包括:调用模块,用于接收页面生成请求,调用组件库,其中,所述页面生成请求包括待生成页面的第一页面标识;选取模块,用于监控组件选取操作,并根据所述组件选取操作从所述组件库中选取所述待生成页面所需的基础组件;填充模块,用于获取所述基础组件的属性填充数据,并将所述填充数据填充至所述基础组件中生成第一目标组件;存储模块,用于确定所述第一目标组件的目标组件样式,并将所述第一页面标识与所述第一目标组件的组件标识进行关联存储。10.根据权利要求9所述的装置,其特征在于,所述存储模块,包括:预览子模块,用于获取所述基础组件对应的默认组件样式,并按照...

【专利技术属性】
技术研发人员:吴丽星
申请(专利权)人:北京金山云网络技术有限公司
类型:发明
国别省市:

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

1