(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210227569.6 (22)申请日 2022.03.08 (71)申请人 京东城市 （北京） 数字科技有限公司 地址 100086 北京市海淀区知春路76号 （写 字楼） 1号楼 9层1-7-5号 (72)发明人 于振京　 (74)专利代理 机构 中原信达知识产权代理有限 责任公司 1 1219 专利代理师 韩黎捷　张效荣 (51)Int.Cl. G06F 9/451(2018.01) G06F 9/445(2018.01) (54)发明名称 可视化大屏页面组件的加载 方法和装置 (57)摘要 本发明公开了一种可视化大屏页面组件的 加载方法和装置， 涉及计算机技术领域。 该方法 的一具体实施方式包括： 响应于可视化大屏页面 的显示操作， 获取所述大屏页面包括的组件的样 式配置信息； 根据所述样式配置信息进行组件渲 染， 并注册组件数据请求事件； 响应于所有组件 都渲染完毕， 触发所述组件数据请求事件， 发送 组件数据获取请求以获取组件数据； 根据获取的 组件数据进行组件数据加载， 以完成可视化大屏 页面组件的加载。 该实施方式能够实现组件渲染 与数据加载的分离解耦， 减少了无效渲染， 降低 了组件加载性能资源消耗， 且可以解决在对大屏 页面进行编辑的过程中的操作卡顿问题。 权利要求书2页 说明书10页 附图4页 CN 114489916 A 2022.05.13 CN 114489916 A 1.一种可视化大屏页面组件的加载 方法， 其特 征在于， 包括： 响应于可视化大屏页面的显示操作， 获取 所述大屏页面包括的组件的样式配置信息； 根据所述样式配置信息进行组件渲染， 并注 册组件数据请求事 件； 响应于所有组件都渲染完毕， 触发所述组件数据请求事件， 发送组件数据获取请求以 获取组件数据； 根据获取的组件数据进行组件数据加载， 以完成可视化大屏页面组件的加载。 2.根据权利要求1所述的方法， 其特征在于， 组件数据包括静态数据、 数据库数据和接 口数据三种类型； 对于组件数据为静态数据的组件， 在获取所述大屏页面包括的组件的样式配置信 息之 后， 还包括： 获取 所述组件的组件数据； 以及， 在根据所述样式配置信息进行组件渲染之后， 还包括： 根据 所述组件的组件数据 进行组件数据加载。 3.根据权利要求1所述的方法， 其特征在于， 在获取所述大屏页面包括的组件的样式配 置信息之后， 还 包括： 注册交互事件， 所述交互事件用于监听组件的交互变量的值， 以及当所述交互变量的 值发生变化时， 触发与所述交互变量相关的组件数据获取请求， 以请求获取组件数据并更 新组件数据。 4.根据权利要求1所述的方法， 其特征在于， 在获取所述大屏页面包括的组件的样式配 置信息之后， 还 包括： 注册组件更新事件， 所述组件更新事件用于响应于对所述大屏页面的组件进行的编辑 操作， 更新组件的样式配置信息 。 5.根据权利要求1所述的方法， 其特 征在于， 在注册组件数据请求事件之后， 还包括： 根据所述样式配置信息生成组件数据获取请 求， 并将生成的组件数据获取请求保存到请求池中； 在获取到组件数据之后， 还 包括： 将所获取的组件数据进行缓存； 在触发所述组件数据请求事 件之后， 发送组件数据获取请求之前， 还 包括： 根据请求池中组件数据获取请求的请求信息生成 缓存标识； 根据所述缓存标识从 缓存中查找对应的组件数据； 以及， 确认在所述缓存中不存在与所述缓存标识对应的组件数据。 6.根据权利要求1所述的方法， 其特 征在于， 所述组件数据获取请求 为批量请求； 发送组件数据获取请求以获取组件数据包括： 根据组件数据获取请求的请求信息生成 缓存标识； 根据所述缓存标识确定相同请求； 在所述缓存中不存在与所述缓存标识对应的组件数据的情况下， 将相同请求所对应的 组件标识添加到队列中并仅发送一次组件数据获取请求； 在获取到组件数据后， 将获取的组件数据与所述队列中的组件标识建立映射关系。 7.根据权利要求5或6所述的方法， 其特征在于， 所述组件数据获取请求的请求信息包 括请求方式、 请求头和请求路径； 根据组件数据获取请求的请求信息生成 缓存标识包括：权　利　要　求　书 1/2 页 2 CN 114489916 A 2从所述请求头中提取关键鉴权项， 并对所述关键鉴权项 进行序列化处 理； 对所述请求方式、 请求路径和序列化处 理后的关键鉴权项 进行加密生成 缓存标识。 8.一种可视化大屏页面组件的加载装置， 其特 征在于， 包括： 信息获取模块， 用于响应于可视化大屏页面的显示操作， 获取所述大屏页面包括的组 件的样式配置信息； 组件渲染模块， 用于根据所述样式配置信息进行组件渲染， 并注 册组件数据请求事 件； 数据请求模块， 用于响应于所有组件都渲染完毕， 触发所述组件数据请求事件， 发送 组 件数据获取请求以获取组件数据； 数据加载模块， 用于根据获取的组件数据进行组件数据加载， 以完成可视化大屏页面 组件的加载。 9.一种可视化大屏页面组件加载的电子设备， 其特 征在于， 包括： 一个或多个处 理器； 存储装置， 用于存 储一个或多个程序， 当所述一个或多个程序被所述一个或多个处理器执行， 使得所述一个或多个处理器实 现如权利要求1 ‑7中任一所述的方法。 10.一种计算机可读介质， 其上存储有计算机程序， 其特征在于， 所述程序被处理器执 行时实现如权利要求1 ‑7中任一所述的方法。权　利　要　求　书 2/2 页 3 CN 114489916 A 3