一种组件缓存系统、方法、设备及介质技术方案

技术编号：40261368 阅读：8 留言：0更新日期：2024-02-02 22:51

本发明专利技术涉及网页开发技术领域，公开一种组件缓存系统、方法、设备及介质。系统包括：若干缓存容器组件，用于接收用户输入的缓存标识和注册缓存组件指令，将与缓存标识匹配的业务组件封装至缓存容器组件作为缓存组件，为缓存组件创建回传方法，根据缓存容器组件状态变更缓存组件的状态属性；包括渲染列表的缓存状态管理器，用于获取并保存缓存组件的缓存标识、回传方法和状态属性；全局管理作用域组件，用于页面切换时卸载上一缓存容器组件，在渲染列表查询上一缓存容器组件的第一缓存组件并获取第一回传方法，根据状态属性调用第一回传方法将第一缓存组件从上一缓存容器组件回传至全局管理作用域组件进行缓存，在当前页面中隐藏第一缓存组件。

全部详细技术资料下载

【技术实现步骤摘要】

本专利技术涉及网页开发，尤其涉及一种组件缓存系统、方法、设备及介质。

技术介绍

1、web（world wide web，万维网）应用通过缓存组件的方式来提高web应用的流畅度性能，以减少网络请求数量从而减少web应用访问时的数据流量消耗，进而提升web应用的加载速度。相关技术中采取手动编写每个组件的缓存逻辑进行缓存操作，然而在多云管理平台容器功能场景下，用户需要在容器云功能界面中进行复杂web表单界面的新建、编辑和克隆等操作，采用相关技术中的缓存方式容易造成web表单界面中数据丢失的问题，且组件缓存功能修改产生的开发和维护成本高，web表单界面的灵活性差。

2、因此，亟需提出一种组件缓存系统和方法来解决上述问题。

技术实现思路

1、有鉴于此，本专利技术提出了一种组件缓存系统、方法、计算机设备及计算机可读介质。

2、基于上述目的，本专利技术实施例的一方面提供了一种组件缓存系统，所述的系统具体包括：

3、全局管理作用域组件；

4、由所述全局管理作用域组件管理的若干缓存容器组件，各所述缓存容器组件用于各自接收用户输入的缓存标识以及注册缓存组件指令，将与各所述缓存标识匹配的业务组件封装于所述缓存容器组件内以作为缓存组件，为各所述缓存组件创建对应的回传方法，并根据所述缓存容器组件的状态变更对应的所述缓存组件的状态属性；

5、缓存状态管理器，所述缓存状态管理器包括渲染列表，所述渲染列表用于获取并保存每个所述缓存组件的所述缓存标识、所述回传方法和所述状态属性；

6、其中，所述全局管理作用域组件用于响应于页面切换，卸载上一页面中的上一缓存容器组件，在所述渲染列表中查询所述上一缓存容器组件对应的各第一缓存组件并获取各所述第一缓存组件对应的第一回传方法，根据所述第一缓存组件的所述状态属性调用各所述第一回传方法将各所述第一缓存组件从所述上一缓存容器组件回传至所述全局管理作用域组件进行缓存，并在当前页面中隐藏各所述第一缓存组件。

7、在一些实施方式中，所述全局管理作用域组件还配置为：

8、响应于页面切换，在所述当前页面加载所述当前页面中的当前缓存容器组件；

9、在所述渲染列表中查询所述当前缓存容器组件对应的各第二缓存组件并获取各所述第二缓存组件对应的第二回传方法，根据所述第二缓存组件的所述状态属性渲染各所述第二缓存组件，调用各所述第二回传方法将渲染后的各所述第二缓存组件挂载至所述当前缓存容器组件，并在所述当前页面中显示各所述第二缓存组件。

10、在一些实施方式中，所述全局管理作用域组件还配置用于：

11、响应于页面刷新，卸载刷新前的所述页面中的刷新前缓存容器组件，在所述渲染列表中查询所述刷新前缓存容器组件对应的各第三缓存组件并获取各所述第三缓存组件对应的第三回传方法，根据所述第三缓存组件的所述状态属性调用各所述第三回传方法将对应的各所述第三缓存组件从所述刷新前缓存容器组件回传至所述全局管理作用域组件进行缓存；

12、在刷新后的所述页面中重新加载所述刷新前缓存容器组件，并根据所述第三缓存组件的所述状态属性重新渲染各所述第三缓存组件；

13、基于各所述第三回传方法将重新渲染后的各所述第三缓存组件挂载至重新加载后的所述刷新前缓存容器组件，以在刷新后的所述页面中再次显示各所述第三缓存组件。

14、在一些实施方式中，所述全局管理作用域组件进一步配置为：

15、响应于检测到所述渲染列表中各所述第二缓存组件的所述状态属性为激活状态，渲染各所述第二缓存组件对应的缓存代理组件，基于对应的所述缓存代理组件分别渲染各所述第二缓存组件；

16、调用各所述第二回传方法分别将渲染后的各所述第二缓存组件挂载至所述当前缓存容器组件。

17、在一些实施方式中，所述全局管理作用域组件进一步配置为：

18、响应于检测到所述渲染列表中各所述第一缓存组件的所述状态属性为休眠状态，调用各所述第一回传方法分别将各所述第一缓存组件从所述上一缓存容器组件回传至对应的缓存代理组件以在所述全局管理作用域组件进行缓存。

19、在一些实施方式中，所述缓存容器组件还配置用于：

20、响应于接收到所述用户输入的缓存标识以及销毁缓存组件指令，向所述缓存状态管理器发送销毁指令以销毁所述缓存容器组件中所述缓存标识对应的所述缓存组件。

21、在一些实施方式中，所述缓存状态管理器还配置用于：

22、响应于接收到所述销毁指令，在所述渲染列表中将与所述缓存标识对应的所述缓存组件的所述缓存标识、所述回传方法、所述状态属性和子元素清除。

23、在一些实施方式中，所述缓存容器组件进一步配置为：

24、响应于所述缓存容器组件被加载且所述缓存容器组件为初次加载，向所述缓存状态管理器发送创建指令以将对应的所述缓存组件的所述缓存标识、所述回传方法和子元素存入所述渲染列表；

25、向所述缓存状态管理器发送激活指令以在所述渲染列表中将对应的所述缓存组件的状态属性变更为激活状态。

26、在一些实施方式中，所述缓存容器组件还配置用于：

27、响应于所述缓存容器组件被加载且所述缓存容器组件为非初次加载，向所述缓存状态管理器发送激活指令以在所述渲染列表中将对应的所述缓存组件的状态属性由休眠完成状态变更为激活状态。

28、在一些实施方式中，所述缓存容器组件还配置用于：

29、响应于所述缓存容器组件被卸载，向所述缓存状态管理器发送休眠指令以在所述渲染列表中将对应的所述缓存组件的状态属性由激活完成状态变更为休眠状态。

30、在一些实施方式中，所述全局管理作用域组件进一步配置为：

31、响应于对应的所述缓存代理组件完成所述第二缓存组件的渲染且所述第二缓存组件的状态属性为激活状态，设置各所述第二缓存组件的子元素的显示属性为块级元素显示，以在所述当前页面中显示各所述第二缓存组件。

32、在一些实施方式中，所述全局管理作用域组件进一步配置为：

33、响应于对应的所述缓存代理组件卸载完成，设置各所述第一缓存组件的子元素的显示属性为不显示，以在所述当前页面中隐藏各所述第一缓存组件。

34、在一些实施方式中，所述缓存状态管理器还配置用于：

35、响应于所述缓存容器组件加载完成，在所述渲染列表中将所述缓存容器组件对应的所述缓存组件的状态属性由激活状态变更为激活完成状态。

36、在一些实施方式中，所述缓存状态管理器还配置用于：

37、响应于所述缓存容器组件完成所述第一缓存组件的回传且所述第一缓存组件的状态属性为休眠状态，在所述渲染列表中将所述缓存容器组件对应的所述缓存组件的状态属性由休眠状态变更为休眠完成状态。

38、在一些实施方式中，所述渲染列表中的每个所述缓存组件与所述缓存代理组件一一对应。

39、本发本文档来自技高网...

【技术保护点】

1.一种组件缓存系统，其特征在于，包括：

2.根据权利要求1所述的组件缓存系统，其特征在于，所述全局管理作用域组件还配置为：

3.根据权利要求1所述的组件缓存系统，其特征在于，所述全局管理作用域组件还配置用于：

4.根据权利要求2所述的组件缓存系统，其特征在于，所述全局管理作用域组件进一步配置为：

5.根据权利要求1所述的组件缓存系统，其特征在于，所述全局管理作用域组件进一步配置为：

6.根据权利要求1所述的组件缓存系统，其特征在于，所述缓存容器组件还配置用于：

7.根据权利要求6所述的组件缓存系统，其特征在于，所述缓存状态管理器还配置用于：

8.根据权利要求1所述的组件缓存系统，其特征在于，所述缓存容器组件进一步配置为：

9.根据权利要求8所述的组件缓存系统，其特征在于，所述缓存容器组件还配置用于：

10.根据权利要求8所述的组件缓存系统，其特征在于，所述缓存容器组件还配置用于：

11.根据权利要求4所述的组件缓存系统，其特征在于，所述全局管理作用域组件进一步配置为：

12.根据权利要求5所述的组件缓存系统，其特征在于，所述全局管理作用域组件进一步配置为：

13.根据权利要求9所述的组件缓存系统，其特征在于，所述缓存状态管理器还配置用于：

14.根据权利要求10所述的组件缓存系统，其特征在于，所述缓存状态管理器还配置用于：

15.根据权利要求4所述的组件缓存系统，其特征在于，所述渲染列表中的每个所述缓存组件与所述缓存代理组件一一对应。

16.一种组件缓存方法，其特征在于，包括：

17.根据权利要求16所述的组件缓存方法，其特征在于，还包括：

18.根据权利要求17所述的组件缓存方法，其特征在于，还包括：

19.根据权利要求16所述的组件缓存方法，其特征在于，还包括：

20.一种计算机设备，包括：

21.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时执行如权利要求16至19任意一项所述的方法的步骤。

...

【技术特征摘要】