本公开提供一种页面渲染方法、装置、设备和存储介质，所述方法包括：接收客户端通过长连接发送的指标请求，所述指标请求包括请求参数和请求内容，所述请求参数包括请求标识；在根据所述请求内容中的路由规则向服务端发送应用程序接口调用请求后，获取所述服务端返回的请求结果；将所述请求结果及其对应的请求标识通过长连接发送到渲染调度路由，以使得所述渲染调度路由根据所述请求标识对所述请求结果对应的组件进行渲染。本公开的技术方案可以优化页面的渲染过程。优化页面的渲染过程。优化页面的渲染过程。
【技术实现步骤摘要】
页面渲染方法、装置、设备和存储介质
[0001]本公开涉及计算机
，尤其涉及一种页面渲染方法、装置、电子设备和非暂态计算机可读存储介质。
技术介绍
[0002]在一些可视化大屏或者电脑屏幕中，例如指挥调度中心、促销活动可视化大屏、数字孪生、领导驾驶舱等应用场景中的屏幕中，需要在有限的屏幕中展示更多的指标数据。这类指标数据的展示以投屏或者大屏展示为主，展示页面数据内容丰富、指标丰富，需要针对指标数据进行刷新，页面数据内容的展示组件类型丰富。例如，这些展示组建可以为折线图、柱状图、和弦图和表格。此外，这些页面数据内容存在部分交互内容，并且以时间段和地域等全局变量作为页面刷新筛选条件较多。
[0003]在相关技术中，可以针对单个指标数据独立请求服务端应用程序接口，多个指标数据同时同步等待服务端返回会占用页面进程，如果服务端返回较慢会导致页面会出现假死、卡顿现象以及动画卡住。此外，批量指标请求发送到服务端，会导致服务端瞬间压力较大，这都将导致页面渲染性能不够高。
技术实现思路
[0004]本公开提供一种页面渲染方法、装置、电子设备和非暂态计算机可读存储介质，用以解决现有技术中页面卡顿和服务端压力较大的问题，优化页面渲染性能。
[0005]本公开提供一种页面渲染方法，包括：接收客户端通过长连接发送的指标请求，所述指标请求包括请求参数和请求内容，所述请求参数包括请求标识；在根据所述请求内容中的路由规则向服务端发送应用程序接口调用请求后，获取所述服务端返回的请求结果；将所述请求结果及其对应的请求标识通过长连接发送到渲染调度路由，以使得所述渲染调度路由根据所述请求标识对所述请求结果对应的组件进行渲染。
[0006]根据本公开提供的页面渲染方法，在获取所述服务端返回的请求结果之前，所述方法还包括：基于所述请求内容中的路由规则，确定向所述服务端发送应用程序接口调用请求对应采用的目标连接方式；基于所述目标连接方式向所述服务端发送应用程序接口调用请求。
[0007]根据本公开提供的页面渲染方法，所述基于所述目标连接方式向所述服务端发送应用程序接口调用请求，包括：若所述目标连接方式为短连接，则将所述请求内容对应的指标请求的请求参数保存到外部存储中；根据所述请求参数中规定的触发方式向所述服务端发送所述应用程序接口调用请求。
[0008]根据本公开提供的页面渲染方法，所述将所述请求结果及其对应的请求标识通过长连接发送到渲染调度路由，包括：将所述请求结果及其对应的请求标识通过长连接发送到所述客户端的渲染调度路由。
[0009]根据本公开提供的页面渲染方法，所述将所述请求结果及其对应的请求标识通过
长连接发送到渲染调度路由之后，所述方法还包括：根据监控消息事件触发所述请求结果的消息到达后，判断所述请求结果是否异常，并在请求结果异常时触发所述客户端提示或者告警。
[0010]根据本公开提供的页面渲染方法，所述根据所述请求参数中规定的触发方式向所述服务端发送所述应用程序接口调用请求，包括：从所述外部存储中获取所述请求参数，所述外部存储包括Redis或mysql；根据定时触发方式或者事件触发方式向所述服务端发送所述应用程序接口调用请求。
[0011]根据本公开提供的页面渲染方法，所述将所述请求结果及其对应的请求标识通过长连接发送到渲染调度路由之后，所述方法还包括：若所述目标连接方式为长连接，在所述客户端发送的指标请求发生变更时，接收变更后的指标请求；在向服务端发送所述变更后的指标请求后，获取所述服务端返回的请求结果；将所述请求结果及其对应的请求标识通过长连接发送到渲染调度路由，以使得所述渲染调度路由根据所述请求标识对所述请求结果对应的组件进行渲染。
[0012]根据本公开提供的一种页面渲染装置，所述装置包括：接收单元，用于接收客户端通过长连接发送的指标请求，所述指标请求包括请求参数和请求内容，所述请求参数包括请求标识；获取单元，用于在根据所述请求内容中的路由规则向服务端发送应用程序接口调用请求后，获取所述服务端返回的请求结果；第一发送单元，用于将所述请求结果及其对应的请求标识通过长连接发送到渲染调度路由，以使得所述渲染调度路由根据所述请求标识对所述请求结果对应的组件进行渲染。
[0013]根据本公开提供的页面渲染装置，所述装置还包括：判断单元，用于基于所述请求内容中的路由规则，确定向所述服务端发送应用程序接口调用请求对应采用的目标连接方式；第二发送单元，用于基于所述目标连接方式向所述服务端发送应用程序接口调用请求。
[0014]根据本公开提供的页面渲染装置，所述第二发送单元还用于：若所述目标连接方式为短连接，则将所述请求内容对应的指标请求的请求参数保存到外部存储中；根据所述请求参数中规定的触发方式向所述服务端发送所述应用程序接口调用请求。
[0015]根据本公开提供的页面渲染装置，所述第一发送单元还用于：将所述请求结果及其对应的请求标识通过长连接发送到所述客户端的渲染调度路由。
[0016]根据本公开提供的页面渲染装置，所述装置还包括判断单元，用于：根据监控消息事件触发所述请求结果的消息到达后，判断所述请求结果是否异常，并在请求结果异常时触发所述客户端提示或者告警。
[0017]根据本公开提供的页面渲染装置，所述第二发送单元还用于：从所述外部存储中获取所述请求参数，所述外部存储包括Redis或mysql；根据定时触发方式或者事件触发方式向所述服务端发送所述应用程序接口调用请求。
[0018]根据本公开提供的页面渲染装置，所述装置还用于：若所述目标连接方式为长连接，在所述客户端发送的指标请求发生变更时，接收变更后的指标请求；在向服务端发送所述变更后的指标请求后，获取所述服务端返回的请求结果；将所述请求结果及其对应的请求标识通过长连接发送到渲染调度路由，以使得所述渲染调度路由根据所述请求标识对所述请求结果对应的组件进行渲染。
[0019]本公开还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理
器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述页面渲染方法的步骤。
[0020]本公开还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述页面渲染方法的步骤。
[0021]本公开提供的页面渲染方法、装置、电子设备和非暂态计算机可读存储介质，通过根据客户端发送的指标请求向服务端发送应用程序调用请求，并将服务端返回的请求结果发送到渲染调度路由，可以使得渲染调度路由根据请求标识对请求结果对应的组件进行渲染，相比较现有技术，可以仅在出现新的请求结果数据时进行渲染，无需等待服务端的同步反馈，从而避免了卡顿现象的出现。
附图说明
[0022]为了更清楚地说明本公开或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种页面渲染方法，其特征在于，所述方法包括：接收客户端通过长连接发送的指标请求，所述指标请求包括请求参数和请求内容，所述请求参数包括请求标识；在根据所述请求内容中的路由规则向服务端发送应用程序接口调用请求后，获取所述服务端返回的请求结果；将所述请求结果及其对应的请求标识通过长连接发送到渲染调度路由，以使得所述渲染调度路由根据所述请求标识对所述请求结果对应的组件进行渲染。2.根据权利要求1所述的方法，其特征在于，在获取所述服务端返回的请求结果之前，所述方法还包括：基于所述请求内容中的路由规则，确定向所述服务端发送应用程序接口调用请求对应采用的目标连接方式；基于所述目标连接方式向所述服务端发送应用程序接口调用请求。3.根据权利要求2所述的方法，其特征在于，所述基于所述目标连接方式向所述服务端发送应用程序接口调用请求，包括：若所述目标连接方式为短连接，则将所述请求内容对应的指标请求的请求参数保存到外部存储中；根据所述请求参数中规定的触发方式向所述服务端发送所述应用程序接口调用请求。4.根据权利要求1所述的方法，其特征在于，所述将所述请求结果及其对应的请求标识通过长连接发送到渲染调度路由，包括：将所述请求结果及其对应的请求标识通过长连接发送到所述客户端的渲染调度路由。5.根据权利要求1所述的方法，其特征在于，所述将所述请求结果及其对应的请求标识通过长连接发送到渲染调度路由之后，所述方法还包括：根据监控消息事件触发所述请求结果的消息到达后，判断所述请求结果是否异常，并在请求结果异常时触发所述客户端提示或者告警。6.根据权利要求3所述的方法，其特征在于，所述根据所述请求参数中规...
【专利技术属性】
技术研发人员：梁福坤，
申请(专利权)人：京东城市北京数字科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。