页面数据刷新

  1. 定时全量更新
  2. 定时增量更新
  3. 同比
  4. 环比

定时全量

定时全量更新是前端页面发起的

  • 周期性更新整个图表内容的刷新方式，更新的内容包括整个图表的配置参数。
  • 实现原理是在前端页面调用 HTML 定时器函数：setInterval()，重新发起图表配置参数的接口调用
  • 定时全量更新模式下，后台应用程序不需要做出调整，只需要在前端页面增加基于定时器的调度函数
  • setInterval()，设置了一个定时器对象，每隔 2 秒钟，重新调用一次图表对象渲染函数 fetchData()，实现定时全量更新图表对象

定时全量刷新
执行定时全量的重新读取和图表内容的重新渲染图表数据；

定时增量刷新
执行定时指定数据项的重新读取和图表项的重新渲染

定时增量

需要前台页面和后台应用程序同时做出调整。
一方面需要前端页面增加基于定时器的调度函数，另外一方面需要后台应用程序设置单独的增量数据服务接口

前后端分离模式：指前端页面设计和后台服务响应设计解耦

  • 各自独立开发，互不干扰，最后通过接口调用的方式，进行数据交互。
  • 前后端分离的开发模式，是目前主流的开发模式，可以实现并行开发，从而加快项目的开发进展

前后端混合模式：前端页面设计和后台服务响应设计糅合在一起，页面内容的渲染由后台程序控制；服务端渲染