应用界面更新方法、装置、存储介质及电子设备制造方法及图纸

技术编号:19820819 阅读:20 留言:0更新日期:2018-12-19 14:21
本公开涉及一种应用界面更新方法、装置、存储介质及电子设备,能够减少应用界面更新时的DOM操作,提升应用界面的更新速度。所述方法包括:获取针对应用界面的更新操作,其中,所述应用界面通过在预先封装的树形结构模板的各结点上添加应用数据而创建;根据所述更新操作,确定界面更新后的更新界面;将所述应用界面每一层级的结点分别与所述更新界面相应层级的结点进行对比,以确定差异信息;根据所述差异信息调整所述应用界面的结点,以显示更新后的界面。

【技术实现步骤摘要】
应用界面更新方法、装置、存储介质及电子设备
本公开涉及计算机
,具体地,涉及一种应用界面更新方法、装置、存储介质及电子设备。
技术介绍
随着科学技术的不断发展,电子技术也得到了飞速发展,各种各样的电子设备已经成为人们娱乐生活中不可或缺的一部分,比如,手机、PAD(PersonalDigitalAssistant,平板电脑),等等,这些电子设备丰富了人们的生活。电子设备上通常安装有各种应用程序,供用户使用。目前,程序员在开发应用程序时,一般是直接编码开发,代码的复用率较低,且较为耗时耗力。同时,用户在操作应用程序过程中,常常会对应用的界面进行更新,比如在社交应用的某个界面上发布一条信息,等等,针对更新操作,直接编码开发出的应用程序在进行界面更新时,会基于用户的更新操作对整个应用界面的元素进行全部的刷新显示,因此对于DOM(DocumentObjectModel,文档对象模型)的操作较多,界面刷新耗时较长。
技术实现思路
本公开的目的是提供一种应用界面更新方法、装置、存储介质及电子设备,能够减少应用界面更新时的DOM操作,提升应用界面的更新速度。根据本公开实施例的第一方面,提供一种应用界面更新方法,包括:获取针对应用界面的更新操作,其中,所述应用界面通过在预先封装的树形结构模板的各结点上添加应用数据而创建;根据所述更新操作,确定界面更新后的更新界面;将所述应用界面每一层级的结点分别与所述更新界面相应层级的结点进行对比,以确定差异信息;根据所述差异信息调整所述应用界面的结点,以显示更新后的界面。可选的,根据所述差异信息调整所述应用界面的结点,包括:根据所述差异信息,生成结点调整指令;根据所述结点调整指令,对所述应用界面进行结点添加、结点删除、或结点移动的操作,或者进行其中的两种或三种操作的组合,以显示更新后的界面。可选的,根据所述差异信息,生成结点调整指令,包括:在所述差异信息指示所述应用界面的一结点在所述更新界面的对应位置上不存在时,生成用于删除该结点的结点调整指令。可选的,根据所述差异信息,生成结点调整指令,包括:在所述差异信息指示所述更新界面的一结点在所述应用界面的对应位置上不存在时,生成用于添加该结点的结点调整指令。可选的,根据所述差异信息,生成结点调整指令,包括:在所述差异信息指示所述更新界面的第一结点与所述应用界面的相同位置上的第二结点不相同时,生成用于删除所述第二结点的结点调整指令,以及生成用于添加所述第一结点的结点调整指令。可选的,根据所述差异信息,生成结点调整指令,包括:在所述差异信息指示所述更新界面的一结点在当前层级中的位置与该结点在所述应用界面同层级中的位置不同时,生成用于移动该结点的结点调整指令。根据本公开实施例的第二方面,提供一种应用界面更新装置,包括:获取模块,用于获取针对应用界面的更新操作,其中,所述应用界面通过在预先封装的树形结构模板的各结点上添加应用数据而创建;确定模块,用于根据所述更新操作,确定界面更新后的更新界面;对比模块,用于将所述应用界面每一层级的结点分别与所述更新界面相应层级的结点进行对比,以确定差异信息;调整模块,用于根据所述差异信息调整所述应用界面的结点,以显示更新后的界面。可选的,所述调整模块包括:指令生成模块,用于根据所述差异信息,生成结点调整指令;调整子模块,用于根据所述结点调整指令,对所述应用界面进行结点添加、结点删除、或结点移动的操作,或者进行其中的两种或三种操作的组合,以显示更新后的界面。可选的,所述指令生成模块用于:在所述差异信息指示所述应用界面的一结点在所述更新界面的对应位置上不存在时,生成用于删除该结点的结点调整指令。可选的,所述指令生成模块用于:在所述差异信息指示所述更新界面的一结点在所述应用界面的对应位置上不存在时,生成用于添加该结点的结点调整指令。可选的,所述指令生成模块用于:在所述差异信息指示所述更新界面的第一结点与所述应用界面的相同位置上的第二结点不相同时,生成用于删除所述第二结点的结点调整指令,以及生成用于添加所述第一结点的结点调整指令。可选的,所述指令生成模块用于:在所述差异信息指示所述更新界面的一结点在当前层级中的位置与该结点在所述应用界面同层级中的位置不同时,生成用于移动该结点的结点调整指令。根据本公开实施例的第三方面,提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现第一方面中任一项所述方法的步骤。根据本公开实施例的第四方面,提供一种电子设备,包括:存储器,其上存储有计算机程序;处理器,用于执行所述存储器中的所述计算机程序,以实现第一方面中任一项所述方法的步骤。本公开中,应用界面可以是通过在预先封装的树形结构模板的各结点上添加应用数据而创建。获取针对创建好的应用界面的更新操作时,会根据更新操作,确定界面更新后的更新界面,然后将应用界面每一层级的结点分别与更新界面相应层级的结点进行对比,以确定差异信息,再根据差异信息调整应用界面的结点,从而显示更新后的界面。通过这样的方式,应用界面是基于树形结构模板来创建的,应用的开发较为方便快捷,缩短了开发周期,同时,在进行更新操作时,无需针对整个应用界面进行刷新显示,而只需针对更新前的界面进行差异更新即可,实现起来较为快捷,提高了应用界面更新的速度,也提升了用户体验。本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。附图说明附图是用来提供对本公开的进一步理解,并且构成说明书的一部分,与下面的具体实施方式一起用于解释本公开,但并不构成对本公开的限制。在附图中:图1是根据一示例性实施例示出的一种应用界面更新方法的流程图;图2是根据一示例性实施例示出的树形结构模板示意图;图3是根据一示例性实施例示出应用页面比对示意图;图4是根据一示例性实施例示出另一应用页面比对示意图;图5是根据一示例性实施例示出另一应用页面比对示意图;图6是根据一示例性实施例示出另一应用页面比对示意图;图7是根据一示例性实施例示出的一种应用界面更新装置的框图;图8是根据一示例性实施例示出的一种电子设备的框图。具体实施方式以下结合附图对本公开的具体实施方式进行详细说明。应当理解的是,此处所描述的具体实施方式仅用于说明和解释本公开,并不用于限制本公开。图1是根据一示例性实施例示出的一种方法的流程图,如图1所示,该任务执行方法可以应用于计算机中,包括以下步骤。步骤S11:获取针对应用界面的更新操作。步骤S12:根据更新操作,确定界面更新后的更新界面。步骤S13:将应用界面每一层级的结点分别与更新界面相应层级的结点进行对比,以确定差异信息。步骤S14:根据差异信息调整应用界面的结点,以显示更新后的界面。本公开实施例中,应用界面是通过在预先封装的树形结构模板的各结点上添加应用数据而创建的。根据实际开发需求,可以由多个应用界面构成一个应用程序。以下将对应用界面的构建方式进行说明。一个应用程序,可以理解为由模板、应用数据、及操作组成,模板可以是预先封装好的树形结构模板,可以是根据需要进行设计并封装的,也可以是从已有的应用程序的设计界面中抽取得到的该应用程序的树形结构模板,等等,本公开实施例中,可以预先构建多个树形结构模板,存储在模板库中,开发人员在开发应用程序时,可以根据开发需要选择合适本文档来自技高网...

【技术保护点】
1.一种应用界面更新方法,其特征在于,所述方法包括:获取针对应用界面的更新操作,其中,所述应用界面通过在预先封装的树形结构模板的各结点上添加应用数据而创建;根据所述更新操作,确定界面更新后的更新界面;将所述应用界面每一层级的结点分别与所述更新界面相应层级的结点进行对比,以确定差异信息;根据所述差异信息调整所述应用界面的结点,以显示更新后的界面。

【技术特征摘要】
1.一种应用界面更新方法,其特征在于,所述方法包括:获取针对应用界面的更新操作,其中,所述应用界面通过在预先封装的树形结构模板的各结点上添加应用数据而创建;根据所述更新操作,确定界面更新后的更新界面;将所述应用界面每一层级的结点分别与所述更新界面相应层级的结点进行对比,以确定差异信息;根据所述差异信息调整所述应用界面的结点,以显示更新后的界面。2.根据权利要求1所述的方法,其特征在于,根据所述差异信息调整所述应用界面的结点,包括:根据所述差异信息,生成结点调整指令;根据所述结点调整指令,对所述应用界面进行结点添加、结点删除、或结点移动的操作,或者进行其中的两种或三种操作的组合,以显示更新后的界面。3.根据权利要求2所述的方法,其特征在于,根据所述差异信息,生成结点调整指令,包括:在所述差异信息指示所述应用界面的一结点在所述更新界面的对应位置上不存在时,生成用于删除该结点的结点调整指令。4.根据权利要求2所述的方法,其特征在于,根据所述差异信息,生成结点调整指令,包括:在所述差异信息指示所述更新界面的一结点在所述应用界面的对应位置上不存在时,生成用于添加该结点的结点调整指令。5.根据权利要求2所述的方法,其特征在于,根据所述差异信息,生成结点调整指令,包括:在所述差异信息指示所述更新界面的第一结点与所述应用界面的相同位置上的第二结点不相同时,生成用于删除所述第二结点的结点调整指令,以及生...

【专利技术属性】
技术研发人员:董洁吕英祖
申请(专利权)人:东软集团股份有限公司
类型:发明
国别省市:辽宁,21

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

1