System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind()
【技术实现步骤摘要】
本申请涉及可视化平台管理,尤其涉及一种页面管理方法、装置、设备以及存储介质。
技术介绍
1、目前市面上的单页面应用主要受到前端技术限制、网络传输限制、设备性能限制和用户体验考虑等的影响,使得其页面的展示内容非常有限,难以展示大量的内容和数据。在需要展示丰富的内容和数据时,经常需要通过变更页面内容的方式来实现。然而,在单页面应用中,当页面内容发生变化时,通常需要重新加载整个页面来更新内容,使得每次内容改变都需要对页面进行大量的重复渲染,增加页面加载时间和服务器压力。
技术实现思路
1、本申请的主要目的在于提供一种页面管理方法、装置、设备以及存储介质,旨在解决现有技术在页面内容发生变化时存在的页面加载时间和服务器压力较大的问题。
2、为实现上述目的,本申请提供一种页面管理方法,所述页面管理方法包括:
3、当监听到页面的统一资源定位地址url发生变化时,获取预先创建的路由映射表,其中,所述路由映射表包括url与组件的映射关系,所述组件是基于用于构建用户界面的架构vue进行组件化开发得到;
4、基于所述url和所述路由映射表,匹配得到与所述url对应的组件;
5、根据匹配的组件进行渲染,将渲染后的组件切换到所述页面上,以更新所述页面。
6、可选地,所述获取预先创建的路由映射表的步骤之前,还包括:
7、通过路由管理器将所述页面的url映射到所述组件,并创建得到所述路由映射表。
8、可选地,所述获取预先创建的路
9、在用户登录时,获取用于预加载的页面资源的url;
10、根据所述页面资源的url创建文件file对象或类文件blob对象;
11、将所述file对象或blob对象转换为url对象;
12、根据所述页面资源的资源类型创建对应的页面元素;
13、根据所述页面元素添加预加载属性,并将所述预加载属性设置为所述url对象的url;
14、根据所述url对象的url将所述页面元素加载到页面中的对应位置,以完成所述页面的预加载。
15、可选地,所述将所述file对象或blob对象转换为url对象的步骤包括:
16、通过创建指向参数对象方法将所述file对象或blob对象转换为所述url对象。
17、可选地,所述将所述file对象或blob对象转换为url对象的步骤之后,还包括:
18、将所述url对象与当前浏览窗口中的文档对象document进行绑定。
19、可选地,所述将渲染后的组件切换到所述页面上的步骤包括:
20、通过所述vue中的动态切换组件将所述渲染后的组件切换到页面上;
21、通过所述vue中的缓存组件缓存所述页面中无需切换的组件。
22、可选地,所述根据匹配的组件进行渲染,将渲染后的组件切换到所述页面上的步骤之后,还包括:
23、通过执行定时查询函数对所述页面的url进行监听。
24、本申请实施例还提出一种页面管理装置,所述页面管理装置包括:
25、获取模块,用于当监听到页面的统一资源定位地址url发生变化时,获取预先创建的路由映射表,其中,所述路由映射表包括url与组件的映射关系,所述组件是基于用于构建用户界面的架构vue进行组件化开发得到;
26、匹配模块,用于基于所述url和所述路由映射表,匹配得到与所述url对应的组件;
27、加载模块,用于根据匹配的组件进行渲染,将渲染后的组件切换到所述页面上,以更新所述页面。
28、本申请实施例还提出一种页面管理设备,所述页面管理设备包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的页面管理程序,所述页面管理程序被所述处理器执行时实现如上所述的页面管理方法的步骤。
29、本申请实施例还提出一种计算机可读存储介质,所述计算机可读存储介质上存储有页面管理程序,所述页面管理程序被处理器执行时实现如上所述的页面管理方法的步骤。
30、本申请实施例提出的页面管理方法、装置、设备以及存储介质,通过当监听到页面的统一资源定位地址url发生变化时,获取预先创建的路由映射表,其中,所述路由映射表包括url与组件的映射关系,所述组件是基于用于构建用户界面的架构vue进行组件化开发得到;基于所述url和所述路由映射表,匹配得到与所述url对应的组件;根据匹配的组件进行渲染,将渲染后的组件切换到所述页面上,以更新所述页面。通过在监听到页面内容变化时,根据页面变化内容对应的url与路由映射表匹配得到组件,将匹配到的组件进行渲染和切换,可以实现在页面内容发生变化时,只需在页面更新变化的组件,而不需重新加载整个页面,从而可以减少服务器请求和页面加载时间,提高用户体验感。
31、同时,基于本申请方案通过使用vue框架进行组件化开发,可以更好地管理和复用页面组件,提高了开发效率和代码的可维护性。
本文档来自技高网...【技术保护点】
1.一种页面管理方法,其特征在于,所述页面管理方法包括:
2.根据权利要求1所述的页面管理方法,其特征在于,所述获取预先创建的路由映射表的步骤之前,还包括:
3.根据权利要求1所述的页面管理方法,其特征在于,所述获取预先创建的路由映射表的步骤之前,还包括:
4.根据权利要求3所述的页面管理方法,其特征在于,所述将所述File对象或Blob对象转换为URL对象的步骤包括:
5.根据权利要求3所述的页面管理方法,其特征在于,所述将所述File对象或Blob对象转换为URL对象的步骤之后,还包括:
6.根据权利要求1所述的页面管理方法,其特征在于,所述将渲染后的组件切换到所述页面上的步骤包括:
7.根据权利要求1所述的页面管理方法,其特征在于,所述根据匹配的组件进行渲染,将渲染后的组件切换到所述页面上的步骤之后,还包括:
8.一种页面管理装置,其特征在于,所述页面管理装置包括:
9.一种页面管理设备,其特征在于,所述页面管理设备包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的页
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有页面管理程序,所述页面管理程序被处理器执行时实现如权利要求1-7中任一项所述的页面管理方法的步骤。
...【技术特征摘要】
1.一种页面管理方法,其特征在于,所述页面管理方法包括:
2.根据权利要求1所述的页面管理方法,其特征在于,所述获取预先创建的路由映射表的步骤之前,还包括:
3.根据权利要求1所述的页面管理方法,其特征在于,所述获取预先创建的路由映射表的步骤之前,还包括:
4.根据权利要求3所述的页面管理方法,其特征在于,所述将所述file对象或blob对象转换为url对象的步骤包括:
5.根据权利要求3所述的页面管理方法,其特征在于,所述将所述file对象或blob对象转换为url对象的步骤之后,还包括:
6.根据权利要求1所述的页面管理方法,其特征在于,所述将渲染后的组件切换到所述页面...
【专利技术属性】
技术研发人员:江嘉豪,杨向民,赵红宇,李敏,陈洪珍,
申请(专利权)人:深圳市深圳通有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。