一种页面展示方法、装置、设备及介质制造方法及图纸

技术编号:29155895 阅读:11 留言:0更新日期:2021-07-06 22:54
本说明书实施例公开了一种页面展示方法,包括:应用程序启动后,获取增量组件列表,并下载所述增量组件列表中的增量组件;应用程序的页面展示条件触发后,获取待展示页面的页面布局数据和页面业务数据;根据所述页面布局数据确定所述待展示页面的页面结构,从本地组件中确定目标组件,解析所述目标组件以形成所述页面结构;基于所述页面结构填充所述页面业务数据,以形成并展示所述待展示页面;其中,所述本地组件包括所述增量组件。

【技术实现步骤摘要】
一种页面展示方法、装置、设备及介质
本申请涉及计算机
,尤其涉及一种页面展示方法、装置、设备及介质。
技术介绍
现有技术中,由于可以使用不同的开发语言开发应用程序页面,且应用程序要适应各种操作系统,从而降低了应用程序页面的开发效率。另外,应用程序发版之后若要更改页面,则需要通过发新版的方式,也降低了应用程序页面的更新效率。有鉴于此,需要更高效的应用程序页面开发和展示方案。
技术实现思路
本说明书实施例提供一种页面展示方法、装置、设备及介质,用以解决如何更高效地进行页面开发和展示的技术问题。为解决上述技术问题,本说明书实施例是这样实现的:本说明书实施例提供一种页面展示方法,包括:应用程序启动后,获取增量组件列表,并下载所述增量组件列表中的增量组件;应用程序的页面展示条件触发后,获取待展示页面的页面布局数据和页面业务数据;根据所述页面布局数据确定所述待展示页面的页面结构,从本地组件中确定目标组件,解析所述目标组件以形成所述页面结构;基于所述页面结构填充所述页面业务数据,以形成并展示所述待展示页面;其中,所述本地组件包括所述增量组件。本说明书实施例提供一种页面展示装置,包括:组件获取模块,用于应用程序启动后,获取增量组件列表,并下载所述增量组件列表中的增量组件;页面生成模块,用于应用程序的页面展示条件触发后,获取待展示页面的页面布局数据和页面业务数据;根据所述页面布局数据确定所述待展示页面的页面结构,从本地组件中确定目标组件,解析所述目标组件以形成所述页面结构;基于所述页面结构填充所述页面业务数据,以形成并展示所述待展示页面;其中,所述本地组件包括所述增量组件。本说明书实施例提供一种页面展示设备,包括:至少一个处理器;以及,与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,使所述至少一个处理器能够执行上述的页面展示方法。本说明书实施例提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机可执行指令,所述计算机可执行指令被处理器执行时实现上述的页面展示方法。本说明书实施例采用的上述至少一个技术方案能够达到以下有益效果:将组件作为页面的组成单元,通过配置组件即可配置和展示页面,不受开发语言和操作系统的限制,提高页面开发和展示效率。若需要更新页面,则可以配置新的组件,从而应用程序启动后展示由新组件所生成的页面,同样提高页面开发和展示效率。附图说明为了更清楚地说明本说明书实施例或现有技术中的技术方案,下面将对本说明书实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本说明书中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。图1是本说明书第一个实施例中的页面展示方法的执行主体示意图。图2是本说明书第一个实施例中的页面展示方法的流程示意图。图3是本说明书第一个实施例中的组件、页面模块、页面布局数据配置示意图;其中,图3中的组件可以是增量组件,模块可以是页面模块,页面可以是页面布局数据。图4是本说明书第一个实施例中的增量组件解析示意图。图5是本说明书第一个实施例中的整体页面展示过程示意图。图6是本说明书第二个实施例中的页面展示装置的结构示意图。具体实施方式为了使本
的人员更好地理解本说明书中的技术方案,下面将结合本说明书实施例中的附图,对本说明书实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本说明书实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。现有技术中,由于可以使用不同的开发语言开发应用程序页面,则需要人为确保使用不同的开发语言开发的应用程序页面要保持一致。由于应用程序要适应各种操作系统,例如Android、iOS,则需要针对不同操作系统分别开发应用程序页面。可见,现有技术中存在多种因素使得应用程序页面的开发效率变低。另外,应用程序发版之后若要更改页面,则需要开发新版应用程序,通过发新版的方式更新应用程序页面,也降低了应用程序页面的更新效率。特别的,由于很多应用程序是通过应用市场等途径发布的,应用程序发新版还需要提交应用市场审核,从而拉长了应用程序的发版周期,进一步降低了应用程序页面的更新效率,不能适应应用程序灵活运营的需要。本说明书第一个实施例(以下简称“本实施例”)提供了一种页面展示方法,本实施例的执行主体可以是终端(包括但不限于手机、计算机、pad、电视)或者服务器或者操作系统或者页面展示平台或者页面展示系统或者应用程序等,即执行主体可以是多种多样的,可以根据需要设置、使用或者变换执行主体。另外,也可以有第三方应用程序协助所述执行主体执行本实施例。例如图1所示,可以由服务器来执行本实施例中的页面展示方法,并且可以在(用户所持有的)终端上安装(与所述服务器)相对应的应用程序,终端或应用程序与服务器之间可以进行数据传输,通过终端或应用程序来进行数据的采集或输入或输出或(向用户)进行页面或信息处理,从而辅助服务器执行本实施例中的页面展示方法。如图2至图5所示,本实施例提供的页面展示方法包括:S101:(执行主体)应用程序启动后,获取增量组件列表,并下载所述增量组件列表中的增量组件;对于任一应用程序,不妨记为应用程序A,在其启动后显示相应的应用程序页面(以下简称“页面”)。应用程序A被启动的方式可以是多种多样的,例如用户触摸应用程序A的图标,或者鼠标点击应用程序A的图标,或者应用程序A被其他应用程序关联启动,或者应用程序A定时启动等,本实施例应用程序如何被启动不作限定。另外,应用程序A的启动可以是其被安装后的首次启动,应用程序A每次被打开也可以看作是“启动”,即使应用程序A在上次被打开至下一次被打开之间保持后台运行。本实施例中,组件是页面的基础组成单元,组件中定义的样式即为显示在页面中的效果。本实施例中可以编写两种类型的组件,包括原生组件和虚拟组件。原生组件即为应用程序开发时所编写的组件,即应用程序的原始组件。原生组件可以通过JAVA代码或者objective-c代码开发,原生组件在应用程序发布之后无法在线上修改,只能重新发布新版本应用程序的方式进行修改。虚拟组件也可以称为动态组件,其是在应用程序发布之后还能进行动态修改。本实施例中,虚拟组件的编写方式可以是多种多样的,例如,可以基于VirtualView库进行组件编写。对VirtualView说明如下:VirtualView是虚拟化开发基础控件的技术,实现了在宿主容器的canvas里直接绘制UI内容。使用VirtualView编译工具和App端解析库,实现本文档来自技高网
...

【技术保护点】
1.一种页面展示方法,包括:/n应用程序启动后,获取增量组件列表,并下载所述增量组件列表中的增量组件;/n应用程序的页面展示条件触发后,获取待展示页面的页面布局数据和页面业务数据;/n根据所述页面布局数据确定所述待展示页面的页面结构,从本地组件中确定目标组件,解析所述目标组件以形成所述页面结构;基于所述页面结构填充所述页面业务数据,以形成并展示所述待展示页面;/n其中,所述本地组件包括所述增量组件。/n

【技术特征摘要】
1.一种页面展示方法,包括:
应用程序启动后,获取增量组件列表,并下载所述增量组件列表中的增量组件;
应用程序的页面展示条件触发后,获取待展示页面的页面布局数据和页面业务数据;
根据所述页面布局数据确定所述待展示页面的页面结构,从本地组件中确定目标组件,解析所述目标组件以形成所述页面结构;基于所述页面结构填充所述页面业务数据,以形成并展示所述待展示页面;
其中,所述本地组件包括所述增量组件。


2.如权利要求1所述的方法,所述方法还包括:
配置增量组件,所述增量组件用于生成待展示页面的页面结构。


3.如权利要求1所述的方法,所述方法还包括:
配置页面模块,所述页面模块关联一个或多个本地组件,所述页面模块用于定义页面结构。


4.如权利要求3所述的方法,所述页面模块包含一个或多个字段,至少一个所述字段用于定义页面结构。


5.如权利要求4所述的方法,所述字段包括名称、类型、兼容版本号、布局类型中的一种或多种。


6.如权利要求3所述的方法,所述方法还包括:
配置页面布局数据,所述页面布局数据关联一个或多个页面模块。


7.如权利要求3至6中任一项所述的方法,根据所述页面布局数据确定所述待展示页面的页面结构包括:
根据所述页面布局数据所关联的页面模块确定所述待展示页面的页面结构。


8.如权利要求3至6中任一项所述的方法,获取待展示页面的页面业务数据包括:
页面模块关联有业务数据接口,从待展示页面的页面布局数据关联的页面模块所关联的业务数据接口获取页面业务数据。


9.如权利要求1所述的方法,获取待展示页面的页面业务数据包括:<...

【专利技术属性】
技术研发人员:刘伟平路双乔刚师少坡王俊岭杨星洁刘吉祥
申请(专利权)人:酷得少年天津文化传播有限公司
类型:发明
国别省市:天津;12

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

1