一种页面生成方法和装置制造方法及图纸

技术编号:31307700 阅读:16 留言:0更新日期:2021-12-12 21:29
本发明专利技术公开了一种页面生成方法和装置,涉及计算机技术领域。该方法的一具体实施方式包括:接收目标页面的生成请求,根据生成请求确定目标页面中楼层的楼层标识、楼层中组件的组件标识、楼层中包含组件的对应关系以及组件中元素的获取信息;根据楼层标识、组件标识,从服务端获取相应的楼层模板和组件模板,并根据组件中元素的获取信息获取元素;基于对应关系利用元素填充楼层模板中的组件模板,进而实现对楼层模板的填充,生成楼层的楼层卡片;基于预设的楼层布局方式,对楼层卡片进行布局生成目标页面。该实施能够将页面开发模块化,将页面拆分为楼层、组件结构,实现一种复用性较好的、可在服务端更新页面的页面生成方法。可在服务端更新页面的页面生成方法。可在服务端更新页面的页面生成方法。

【技术实现步骤摘要】
一种页面生成方法和装置


[0001]本专利技术涉及计算机
,尤其涉及一种页面生成方法和装置。

技术介绍

[0002]在开发移动端应用程序时,应用程序中的各个页面通常都需要单独开发;且在应用程序发版上线后,当应用程序由于新增功能而需要更新页面中内容(如:新增一功能模块)时,常常需要修改应用程序代码、更新版本再上线。
[0003]在实现本专利技术过程中,现有技术中至少存在如下问题:
[0004]1)相同的功能模块或者相似布局的页面不能复用,使得页面复用性较差;
[0005]2)页面的布局和功能固定,不能在线修改更新,要依赖发版才能再上线投入使用。

技术实现思路

[0006]有鉴于此,本专利技术实施例提供一种页面生成方法,能够将页面开发模块化,将页面拆分为楼层、组件结构,并在服务端设置相应的楼层模板和组件模板,使得能够在根据页面的生成请求确定目标页面中楼层以及楼层中组件信息并获取组件中的元素后,利用组件中的元素实现对相应组件模板、楼层模板的填充,进而生成楼层卡片,通过对楼层卡片进行布局以得到目标页面,实现一种复用性较好的、可在服务端更新页面的页面生成方法。
[0007]为实现上述目的,根据本专利技术实施例的一个方面,提供了一种页面生成方法,包括:
[0008]接收目标页面的生成请求,根据所述生成请求确定所述目标页面中楼层的楼层标识、楼层中组件的组件标识、楼层中包含组件的对应关系以及组件中元素的获取信息;
[0009]根据所述楼层标识、组件标识,从服务端获取相应的楼层模板和组件模板,并根据所述组件中元素的获取信息获取所述元素;基于所述对应关系利用所述元素填充楼层模板中的组件模板,进而实现对所述楼层模板的填充,生成所述楼层的楼层卡片;
[0010]基于预设的楼层布局方式,对所述楼层卡片进行布局,生成所述目标页面。
[0011]可选地,根据所述楼层标识、组件标识,从服务端获取相应的楼层模板和组件模板,包括:
[0012]从服务端调取模板库中的楼层模板集和组件模板集;
[0013]从所述楼层模板集中获取与所述楼层标识对应的楼层模板,以及从所述组件模板集中获取与所述组件标识对应的组件模板,作为所述相应的楼层模板和组件模板。
[0014]可选地,在从服务端获取相应的楼层模板和组件模板之前,还包括:
[0015]获取楼层模板配置信息,根据所述楼层模板配置信息中的楼层标识、组件列数、楼层内布局间距信息、楼层背景信息,在服务端模板库中的楼层模板集中注册相应的楼层模板;以及,
[0016]获取组件模板配置信息,根据所述组件模板配置信息中的组件标识、组件中元素的元素类型、组件内布局间距信息,在服务端模板库中的组件模板集中注册相应的组件模
板。
[0017]可选地,根据所述组件中元素的获取信息获取所述元素,包括:
[0018]根据所述获取信息确定所述元素的元素标识和存储路径,进而从所述存储路径指示的存储位置中,基于所述元素标识进行查找,以获取所述元素;或者,
[0019]根据所述获取信息确定所述元素的下载链接,进而根据所述下载链接进行下载,以获取所述元素;
[0020]其中,所述元素的元素类型至少包括:图片、文字。
[0021]可选地,基于所述对应关系利用所述元素填充楼层模板中的组件模板,进而实现对所述楼层模板的填充,生成楼层的楼层卡片,包括:
[0022]遍历所述目标页面中楼层的楼层标识,对于每一楼层,基于所述对应关系创建该楼层的待填充组件集;
[0023]对于每一楼层,遍历该楼层的待填充组件集中的组件标识;对于每一组件,利用获取到的该组件中的元素填充该组件的组件标识对应的组件模板,得到填充完成的组件;将填充完成的组件存入所述待填充组件集;
[0024]利用楼层的待填充组件集中填充完成的组件,填充所述楼层对应的楼层模板,得到填充完成的楼层;渲染所述填充完成的楼层,生成所述楼层的楼层卡片。
[0025]可选地,基于预设的楼层布局方式,对所述楼层卡片进行布局,生成所述目标页面,包括:
[0026]将所述楼层卡片按照生成顺序,在待生成的目标页面中从上至下或从下至上进行堆叠,进而生成所述目标页面;或者,
[0027]根据所述生成请求确定楼层的第一排列顺序,将所述楼层卡片按照所述第一排列顺序,在待生成的目标页面中从上至下或从下至上进行堆叠,进而生成所述目标页面;或者,
[0028]从预设的布局接口调取楼层的第二排列顺序,将所述楼层卡片按照所述第二排列顺序,在待生成的目标页面中从上至下或从下至上进行堆叠,进而生成所述目标页面。
[0029]可选地,本专利技术实施例提供的页面生成方法还包括:
[0030]根据所述生成请求获取所述目标页面的背景图片,或者,从预设的布局接口调取所述目标页面的背景图片;
[0031]利用所述背景图片渲染所述目标页面。
[0032]根据本专利技术实施例的再一个方面,提供了一种页面生成装置,包括:
[0033]确定信息模块,用于接收目标页面的生成请求,根据所述生成请求确定所述目标页面中楼层的楼层标识、楼层中组件的组件标识、楼层中包含组件的对应关系以及组件中元素的获取信息;
[0034]填充模块,用于根据所述楼层标识、组件标识,从服务端获取相应的楼层模板和组件模板,并根据所述组件中元素的获取信息获取所述元素;基于所述对应关系利用所述元素填充楼层模板中的组件模板,进而实现对所述楼层模板的填充,生成所述楼层的楼层卡片;
[0035]布局模块,用于基于预设的楼层布局方式,对所述楼层卡片进行布局,生成所述目标页面。
[0036]可选地,所述填充模块根据所述楼层标识、组件标识,从服务端获取相应的楼层模板和组件模板,包括:
[0037]从服务端调取模板库中的楼层模板集和组件模板集;
[0038]从所述楼层模板集中获取与所述楼层标识对应的楼层模板,以及从所述组件模板集中获取与所述组件标识对应的组件模板,作为所述相应的楼层模板和组件模板。
[0039]可选地,所述填充模块在从服务端获取相应的楼层模板和组件模板之前,还包括:
[0040]获取楼层模板配置信息,根据所述楼层模板配置信息中的楼层标识、组件列数、楼层内布局间距信息、楼层背景信息,在服务端模板库中的楼层模板集中注册相应的楼层模板;以及,
[0041]获取组件模板配置信息,根据所述组件模板配置信息中的组件标识、组件中元素的元素类型、组件内布局间距信息,在服务端模板库中的组件模板集中注册相应的组件模板。
[0042]可选地,所述填充模块根据所述组件中元素的获取信息获取所述元素,包括:
[0043]根据所述获取信息确定所述元素的元素标识和存储路径,进而从所述存储路径指示的存储位置中,基于所述元素标识进行查找,以获取所述元素;或者,
[0044]根据所述获取信息确定所述元素的下载链接,进而根据所述下载链接进本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面生成方法,其特征在于,包括:接收目标页面的生成请求,根据所述生成请求确定所述目标页面中楼层的楼层标识、楼层中组件的组件标识、楼层中包含组件的对应关系以及组件中元素的获取信息;根据所述楼层标识、组件标识,从服务端获取相应的楼层模板和组件模板,并根据所述组件中元素的获取信息获取所述元素;基于所述对应关系利用所述元素填充楼层模板中的组件模板,进而实现对所述楼层模板的填充,生成所述楼层的楼层卡片;基于预设的楼层布局方式,对所述楼层卡片进行布局,生成所述目标页面。2.根据权利要求1所述的方法,其特征在于,根据所述楼层标识、组件标识,从服务端获取相应的楼层模板和组件模板,包括:从服务端调取模板库中的楼层模板集和组件模板集;从所述楼层模板集中获取与所述楼层标识对应的楼层模板,以及从所述组件模板集中获取与所述组件标识对应的组件模板,作为所述相应的楼层模板和组件模板。3.根据权利要求2所述的方法,其特征在于,在从服务端获取相应的楼层模板和组件模板之前,还包括:获取楼层模板配置信息,根据所述楼层模板配置信息中的楼层标识、组件列数、楼层内布局间距信息、楼层背景信息,在服务端模板库中的楼层模板集中注册相应的楼层模板;以及,获取组件模板配置信息,根据所述组件模板配置信息中的组件标识、组件中元素的元素类型、组件内布局间距信息,在服务端模板库中的组件模板集中注册相应的组件模板。4.根据权利要求1所述的方法,其特征在于,根据所述组件中元素的获取信息获取所述元素,包括:根据所述获取信息确定所述元素的元素标识和存储路径,进而从所述存储路径指示的存储位置中,基于所述元素标识进行查找,以获取所述元素;或者,根据所述获取信息确定所述元素的下载链接,进而根据所述下载链接进行下载,以获取所述元素;其中,所述元素的元素类型至少包括:图片、文字。5.根据权利要求1所述的方法,其特征在于,基于所述对应关系利用所述元素填充楼层模板中的组件模板,进而实现对所述楼层模板的填充,生成楼层的楼层卡片,包括:遍历所述目标页面中楼层的楼层标识,对于每一楼层,基于所述对应关系创建该楼层的待填充组件集;对于每一楼层,遍历该楼层的待填充组件集中的组件标识;对于每一组件,利用获取到的该组...

【专利技术属性】
技术研发人员:崔海洋令狐长清张宏峥施龙飞
申请(专利权)人:北京京东拓先科技有限公司
类型:发明
国别省市:

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

1