列表页面状态恢复方法及装置制造方法及图纸

技术编号:21343077 阅读:30 留言:0更新日期:2019-06-13 22:18
本发明专利技术实施例提供一种列表页面状态恢复方法及装置,所述方法包括:在目标列表中的当前页面发生跳转前,调用类库中预先创建的数据保存方法对所述当前页面的状态数据进行保存;当获取到用户点击所述当前页面所跳转到的页面上的返回按钮时,调用所述类库中预先创建的数据获取方法获取保存的所述当前页面的状态数据,根据所述当前页面的状态数据对所述当前页面进行渲染。本发明专利技术实施例轻量级实现列表页面的状态恢复,且具有通用性。

List Page State Recovery Method and Device

The embodiment of the present invention provides a method and device for restoring the status of a list page. The method includes: before the current page in the target list jumps, calling the pre-created data saving method in the class library to save the status data of the current page; and calling the class library when the user clicks the return button on the page to which the current page jumps. The data acquisition method created in advance obtains the status data of the saved current page, and renders the current page according to the status data of the current page. The embodiment of the invention realizes the state recovery of list pages in a lightweight level, and has generality.

【技术实现步骤摘要】
列表页面状态恢复方法及装置
本专利技术实施例属于软件应用
,更具体地,涉及一种列表页面状态恢复方法及装置。
技术介绍
大型复杂后台系统中,用户一般会根据实际需要对列表进行查询、分页设置和切换分页等一些列操作,经过这些操作后得到用户所需要的列表页面。点击该列表页面中的一些字段会链接到其他页面。如,当点击该列表中的查看按钮时,会跳转到详细信息页面;当点击该列表中的编辑按钮时,会跳转到相应的编辑页面。在跳转到的其他页面点击返回按钮时,返回的是列表的初始状态而不是跳转前的列表页面。需要重新对列表进行查询及分页操作等。当需要频繁操作编辑或查看详细信息时,需要多次进行重新操作,浪费大量时间,影响用户体验。目前,大部分项目放弃此功能,或者嵌入到业务逻辑中实现。嵌入到业务中实现比较复杂且不通用,并不能适用于所有项目,其余项目想要应用类似功能,需要针对当前项目重新设计,重新编写代码,且交互不统一,成本相对较高。选择放弃此功能,需要重复操作,影响工作效率,用户体验差。
技术实现思路
为克服上述现有的列表页面状态恢复方法实现复杂且不通用的问题或者至少部分地解决上述问题,本专利技术实施例提供一种列表页面状态恢复方法及装置。根据本专利技术实施例的第一方面,提供一种列表页面状态恢复方法,包括:在目标列表中的当前页面发生跳转前,调用类库中预先创建的数据保存方法对所述当前页面的状态数据进行保存;当获取到用户点击所述当前页面所跳转到的页面上的返回按钮时,调用所述类库中预先创建的数据获取方法获取保存的所述当前页面的状态数据,根据所述当前页面的状态数据对所述当前页面进行渲染。根据本专利技术实施例第二方面提供一种列表页面状态恢复装置,包括:保存模块,用于在目标列表中的当前页面发生跳转前,调用类库中预先创建的数据保存方法对所述当前页面的状态数据进行保存;恢复模块,用于当获取到用户点击所述当前页面所跳转到的页面上的返回按钮时,调用所述类库中预先创建的数据获取方法获取保存的所述当前页面的状态数据,根据所述当前页面的状态数据对所述当前页面进行渲染。根据本专利技术实施例的第三个方面,还提供一种电子设备,包括:至少一个处理器;以及与所述处理器通信连接的至少一个存储器,其中:所述存储器存储有可被所述处理器执行的程序指令,所述处理器调用所述程序指令能够执行第一方面的各种可能的实现方式中任一种可能的实现方式所提供的列表页面状态恢复方法。根据本专利技术实施例的第四个方面,还提供一种非暂态计算机可读存储介质,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令使所述计算机执行第一方面的各种可能的实现方式中任一种可能的实现方式所提供的列表页面状态恢复方法。本专利技术实施例提供一种列表页面状态恢复方法及装置,该方法通过高效引入类库,调用类库中通用数据保存方法和数据获取方法的API,即可实现在目标列表中的当前页面发生跳转前,对当前页面的状态数据进行保存,当获取到用户点击当前页面所跳转到的页面上的返回按钮时,获取保存的当前页面的状态数据,根据当前页面的状态数据对当前页面进行渲染,从而轻量级实现列表页面的状态恢复,且具有通用性。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的列表页面状态恢复方法整体流程示意图;图2为本专利技术实施例提供的列表页面状态恢复装置整体结构示意图;图3为本专利技术实施例提供的电子设备整体结构示意图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚,下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本专利技术保护的范围。在本专利技术的一个实施例中提供一种列表页面状态恢复方法,图1为本专利技术实施例提供的列表页面状态恢复方法整体流程示意图,该方法包括:S101,在目标列表中的当前页面发生跳转前,调用类库中预先创建的数据保存方法对所述当前页面的状态数据进行保存;其中,目标列表为需要进行页面恢复的列表。预先创建一个类库,在类库中对外暴露两个方法,即数据保存方法和数据获取方法。通过引入类库,调用类库中这两个方法的API(ApplicationProgrammingInterface,应用程序接口)即可实现列表页面的状态恢复。根据用户在当前页面上的操作,如编辑和查看操作,判断当前页面是否会发生跳转。若判断获知当前页面会发生跳转,则在当前页面发生跳转前,调用数据保护方法对当前页面的状态数据进行保存。当前页面的状态数据为当前场景的特征数据,包括当前页面的查询条件和页数等。在对当前页面的状态数据进行保存时,使用localStorage获取当前页面的页面路径,即location.pathname。将当前页面的页面路径作为关键码key对当前页面的状态信息进行存储和更新。S102当获取到用户点击所述当前页面所跳转到的页面上的返回按钮时,调用所述类库中预先创建的数据获取方法获取保存的所述当前页面的状态数据,根据所述当前页面的状态数据对所述当前页面进行渲染。当从当前页面所跳转到的页面进行返回时,调用数据获取方法获取所保存的当前页面的状态数据。根据当前页面的状态数据对当前页面进行渲染,从而恢复当前页面的状态,返回到当前页面。本实施例通过高效引入类库,调用类库中通用数据保存方法和数据获取方法的API,即可实现在目标列表中的当前页面发生跳转前,对当前页面的状态数据进行保存,当获取到用户点击当前页面所跳转到的页面上的返回按钮时,获取保存的当前页面的状态数据,根据当前页面的状态数据对当前页面进行渲染,从而轻量级实现列表页面的状态恢复,且具有通用性。在上述实施例的基础上,本实施例中所述当前页面的状态数据包括自身状态数据、待跳转到的页面路径和是否为导航操作中的一种或多种;其中,所述自身状态数据包括筛选条件和/或分页页数。具体地,当前页面的状态数据tableData为对象的本地存储数据,其中tableData对象包括自身状态数据data、待跳转到的页面路径to和是否为导航操作isNav中的一种或多种;其中,自身状态数据为调入数据保存方法时传入的数据,包括筛选条件和/或分页页数。待跳转到的页面路径to默认为当前页面,是否为导航操作isNav默认为False,即否。在上述实施例的基础上,本实施例中在目标列表中的当前页面发生跳转前,调用类库中预先创建的数据保存方法对所述当前页面的状态数据进行保存的步骤具体包括:当获取到用户对当前页面进行重新查询、重置筛选项、切换分页、修改每页展示条数、点击编辑按钮、点击查看按钮或切换导航的操作时,调用所述数据保存方法对所述当前页面的状态数据进行保存。具体地,在列表页筛选项变动时,如重新查询、重置筛选项、切换分页和修改每页展示条数前调用数据保存方法,并传入当前页面的自身状态数据data,包括筛选添加及分页状态数据,如data为查询项对象或字符串。在对当前页面进行本文档来自技高网...

【技术保护点】
1.一种列表页面状态恢复方法,其特征在于,包括:在目标列表中的当前页面发生跳转前,调用类库中预先创建的数据保存方法对所述当前页面的状态数据进行保存;当获取到用户点击所述当前页面所跳转到的页面上的返回按钮时,调用所述类库中预先创建的数据获取方法获取保存的所述当前页面的状态数据,根据所述当前页面的状态数据对所述当前页面进行渲染。

【技术特征摘要】
1.一种列表页面状态恢复方法,其特征在于,包括:在目标列表中的当前页面发生跳转前,调用类库中预先创建的数据保存方法对所述当前页面的状态数据进行保存;当获取到用户点击所述当前页面所跳转到的页面上的返回按钮时,调用所述类库中预先创建的数据获取方法获取保存的所述当前页面的状态数据,根据所述当前页面的状态数据对所述当前页面进行渲染。2.根据权利要求1所述的方法,其特征在于,所述当前页面的状态数据包括自身状态数据、待跳转到的页面路径和是否为导航操作中的一种或多种;其中,所述自身状态数据包括筛选条件和/或分页页数。3.根据权利要求1所述的方法,其特征在于,在目标列表中的当前页面发生跳转前,调用类库中预先创建的数据保存方法对所述当前页面的状态数据进行保存的步骤具体包括:当获取到用户对当前页面进行重新查询、重置筛选项、切换分页、修改每页展示条数、点击编辑按钮、点击查看按钮或切换导航的操作时,调用所述数据保存方法对所述当前页面的状态数据进行保存。4.根据权利要求1所述的方法,其特征在于,调用类库中预先创建的数据保存方法对所述当前页面的状态数据进行保存的步骤具体包括:调用类库中预先创建的数据保存方法,以所述当前页面的页面路径为关键码对所述当前页面的状态数据进行保存。5.根据权利要求1所述的方法,其特征在于,根据所述当前页面的状态数据对所述当前页面进行渲染的步骤还包括:若所述当前页面的状态数据中是否为导航操作为真时,...

【专利技术属性】
技术研发人员:佟玉婵
申请(专利权)人:贝壳技术有限公司
类型:发明
国别省市:天津,12

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

1