单页应用的页面切换方法及装置、存储介质和电子设备制造方法及图纸

本公开涉及计算机技术领域，涉及一种单页应用的页面切换方法及装置、存储介质和电子设备。该方法包括：响应于当前页面切换操作，确定页面代理组件，所述页面代理组件是对所述当前页面切换操作对应的第一目标页面组件封装获得；获取所述页面代理组件对应的目标全局状态，根据所述目标全局状态和预设的默认全局状态，检测所述第一目标页面组件的页面切换方式是否需要更新；若需要，则按照所述目标全局状态对应的组件渲染方式对所述第一目标页面组件进行渲染，获得目标页面。本公开能控制单页应用中页面切换的刷新或缓存时机，提高单页应用的页面切换的灵活度，用户体验感好。用户体验感好。用户体验感好。

Page switching method and device for single page application, storage medium and electronic equipment

【技术实现步骤摘要】
单页应用的页面切换方法及装置、存储介质和电子设备


[0001]本公开涉及计算机
，更具体地，涉及一种单页应用的页面切换方法、单页应用的页面切换装置、计算机存储介质和电子设备。

技术介绍

[0002]随着计算机
的发展，前后端分离的单页应用诞生，单页应用中，在首次进入应用时，服务端即返回了唯一的html(Hyper Text Markup Language,超文本标记语言)页面和所需的公共静态资源等，在页面切换过程中，不再从服务端获取html文件，只是页面组件的替换。
[0003]相关技术中，单页应用的页面跳转，根据页面的相关性预先设置页面组件之间的前进后退关系，而为了能够控制页面前进或后退后的页面状态，需编写大量硬编码处理各页面组件之间的跳转逻辑，不仅增加页面切换的代码逻辑复杂性，也提高单页应用的开发成本。
[0004]需要说明的是，在上述
技术介绍
部分专利技术的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

技术实现思路

[0005]本公开的目的在于提供一种单页应用的页面切换方法及装置、计算机存储介质和电子设备，进而至少在一定程度上避免相关技术的缺陷或限制导致的单页应用中页面切换的代码逻辑复杂度高、开发效率低等问题。
[0006]本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。
[0007]根据本公开的一个方面，提供一种单页应用的页面切换方法，包括：
[0008]在本公开的一种示例性实施例中，响应于当前页面切换操作，确定页面代理组件，所述页面代理组件是对所述当前页面切换操作对应的第一目标页面组件封装获得；获取所述页面代理组件对应的目标全局状态，根据所述目标全局状态和预设的默认全局状态，检测所述第一目标页面组件的页面切换方式是否需要更新；若需要，则按照所述目标全局状态对应的组件渲染方式对所述第一目标页面组件进行渲染，获得目标页面。
[0009]在本公开的一种示例性实施例中，在所述响应于当前页面切换操作，确定页面代理组件之前，所述方法还包括：预先设置页面切换操作的执行逻辑，所述执行逻辑用于指示执行所述页面切换操作所需的页面组件，并且所述执行逻辑包含至少一个作用于所述默认全局状态的调整情况信息。
[0010]在本公开的一种示例性实施例中，所述响应于当前页面切换操作，确定页面代理组件，包括：确定所述当前页面切换操作对应的目标执行逻辑；根据所述目标执行逻辑获取切换至目标页面所需的第一目标页面组件；根据所述第一目标页面组件的第一标识信息，确定具有相应第二标识信息的所述页面代理组件。
[0011]在本公开的一种示例性实施例中，所述获取所述页面代理组件对应的目标全局状态，根据所述目标全局状态和预设的默认全局状态，检测所述第一目标页面组件的页面切换方式是否需要更新，包括：获取所述当前页面切换操作的目标执行逻辑所包含的至少一个目标调整情况信息；根据所述目标调整情况信息和默认全局状态，生成所述目标全局状态；根据所述目标全局状态和预设的默认全局状态，检测所述第一目标页面组件的页面切换方式是否需要更新。
[0012]在本公开的一种示例性实施例中，所述根据所述目标调整情况信息和默认全局状态，生成所述目标全局状态，包括：若所述目标调整情况信息为空，则将所述默认全局状态作为所述目标全局状态；若所述目标调整情况信息为非空，则在所述默认全局状态对应的全局状态信息中增加所述目标调整情况信息，以根据增加有所述目标调整情况信息的全局状态信息确定所述目标全局状态。
[0013]在本公开的一种示例性实施例中，所述根据所述目标全局状态和预设的默认全局状态，检测所述第一目标页面组件的页面切换方式是否需要更新，包括：判断所述目标全局状态与默认全局状态是否一致；若所述目标全局状态与默认全局状态一致，则第一目标页面组件的页面切换方式不需要更新，以按照所述默认全局状态对应的组件渲染方式对所述第一目标页面组件进行渲染，获得目标页面。
[0014]在本公开的一种示例性实施例中，所述默认全局状态对应的组件渲染方式为使用缓存副本的渲染方式，所述目标全局状态对应的组件渲染方式为使用刷新副本的渲染方式，其中所述缓存副本包括所述第一目标页面组件的历史网页状态信息，所述刷新副本仅包括所述第一目标页面组件的初始化状态信息；或者，所述默认全局状态对应的组件渲染方式为使用刷新副本的渲染方式，所述目标全局状态对应的组件渲染方式为使用缓存副本的渲染方式。
[0015]在本公开的一种示例性实施例中，若所述目标页面切换操作的目标执行逻辑包含第一调整情况信息和至少一个第二调整情况信息，则根据多个所述调整情况信息与所述默认全局状态，生成第一目标全局状态和至少一个第二目标全局状态，所述方法还包括：根据所述第一目标全局状态和默认全局状态，检测所述第一目标页面组件的页面切换方式是否需要更新，并根据检测结果确定第一组件渲染方式；根据所述第一组件渲染方式对所述第一目标页面组件进行渲染，获得第一目标页面；响应于第一页面切换操作，确定第一目标页面代理组件，所述第一目标页面代理组件是所述第一页面切换操作对应的第二目标页面组件封装获得；根据所述第二目标全局状态对应的渲染方式，确定第二组件渲染方式；根据所述第二组件渲染方式对所述第二目标页面组件进行渲染，获得第二目标页面。
[0016]在本公开的一种示例性实施例中，在根据所述第二组件渲染方式对所述第二目标页面组件进行渲染，获得第二目标页面之后，所述方法还包括：响应于第二页面切换操作，确定第二目标页面代理组件，所述第二目标页面代理组件是对所述第二页面切换操作对应的第三目标页面组件封装获得；获取所述第二目标页面代理组件对应的第三目标全局状态，并根据所述第三目标全局状态对应的渲染方式，确定第三组件渲染方式；根据所述第三组件渲染方式对所述第三目标页面组件进行渲染，获得第三目标页面。
[0017]在本公开的一种示例性实施例中，在按照所述目标全局状态对应的组件渲染方式对所述第一目标页面组件进行渲染，获得目标页面之后，所述方法还包括：将所述目标全局
状态重置为所述默认全局状态。
[0018]根据本公开的一个方面，提供一种单页应用的页面切换装置，包括：
[0019]在本公开的一种示例性实施例中，组件确定模块，用于响应于当前页面切换操作，确定页面代理组件，所述页面代理组件是对所述当前页面切换操作对应的第一目标页面组件封装获得；检测模块，用于获取所述页面代理组件对应的目标全局状态，根据所述目标全局状态和预设的默认全局状态，检测所述第一目标页面组件的页面切换方式是否需要更新；页面切换模块，用于若所述第一目标页面组件的页面切换方式需要更新，则按照所述目标全局状态对应的组件渲染方式对所述第一目标页面组件进行渲染，获得目标页面。
[0020]根据本公开的一个方面，提供一种计算机存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任意一项所述的单页应用的页面切换方法。...

【技术保护点】

【技术特征摘要】
1.一种单页应用的页面切换方法，其特征在于，包括：响应于当前页面切换操作，确定页面代理组件，所述页面代理组件是对所述当前页面切换操作对应的第一目标页面组件封装获得；获取所述页面代理组件对应的目标全局状态，根据所述目标全局状态和预设的默认全局状态，检测所述第一目标页面组件的页面切换方式是否需要更新；若需要，则按照所述目标全局状态对应的组件渲染方式对所述第一目标页面组件进行渲染，获得目标页面。2.根据权利要求1所述的方法，其特征在于，在所述响应于当前页面切换操作，确定页面代理组件之前，所述方法还包括：预先设置页面切换操作的执行逻辑，所述执行逻辑用于指示执行所述页面切换操作所需的页面组件，并且所述执行逻辑包含至少一个作用于所述默认全局状态的调整情况信息。3.根据权利要求2所述的方法，其特征在于，所述响应于当前页面切换操作，确定页面代理组件，包括：确定所述当前页面切换操作对应的目标执行逻辑；根据所述目标执行逻辑获取切换至目标页面所需的第一目标页面组件；根据所述第一目标页面组件的第一标识信息，确定具有相应第二标识信息的所述页面代理组件。4.根据权利要求2所述的方法，其特征在于，所述获取所述页面代理组件对应的目标全局状态，根据所述目标全局状态和预设的默认全局状态，检测所述第一目标页面组件的页面切换方式是否需要更新，包括：获取所述当前页面切换操作的目标执行逻辑所包含的至少一个目标调整情况信息；根据所述目标调整情况信息和默认全局状态，生成所述目标全局状态；根据所述目标全局状态和预设的默认全局状态，检测所述第一目标页面组件的页面切换方式是否需要更新。5.根据权利要求4所述的方法，其特征在于，所述根据所述目标调整情况信息和默认全局状态，生成所述目标全局状态，包括：若所述目标调整情况信息为空，则将所述默认全局状态作为所述目标全局状态；若所述目标调整情况信息为非空，则在所述默认全局状态对应的全局状态信息中增加所述目标调整情况信息，以根据增加有所述目标调整情况信息的全局状态信息确定所述目标全局状态。6.根据权利要求4所述的方法，其特征在于，所述根据所述目标全局状态和预设的默认全局状态，检测所述第一目标页面组件的页面切换方式是否需要更新，包括：判断所述目标全局状态与默认全局状态是否一致；若所述目标全局状态与默认全局状态一致，则第一目标页面组件的页面切换方式不需要更新，以按照所述默认全局状态对应的组件渲染方式对所述第一目标页面组件进行渲染，获得目标页面。7.根据权利要求6所述的方法，其特征在于，所述默认全局状态对应的组件渲染方式为使用缓存副本的渲染方式，所述目标全局状态对应的组件渲染方式为使用刷新副本的渲染
方式，其中所述缓存副本包括所述第一目标页面组件的历史网页状态信息，所述刷新副本仅包括所述第一目标...

【专利技术属性】
技术研发人员：张东东，吕舒雅，
申请(专利权)人：北京因数健康科技有限公司，
类型：发明
国别省市：