陆拾- Dashboard 框架定立

零。

我只是一个备忘录，前言后语也不怎么说吧。

一、设立自建 Dashboard 整体框架

参考以前设立的 Dashboard ，主要以 Filter 以及表格为主（其实我不懂用 Tableau 还要那么多表格来干嘛）。

Dashboard 前端加载流程以

  1. 先加载所有 Filter ，此前显示等待页面
  2. 加载完 Filter 后，以当前 Filter （默认）加载数据
  3. 如果有其中一格内容数据完整则退出等待页面
  4. 慢慢加载所有数据及内容

后端则以 API 响应每个数据内容的请求，并以提供该内容的聚合数据给前端

二、手动数据准备页面

  1. 建立页面，方便对特定某个 Dashboard 的缓存进行清理
  2. 数据是否完整的标识
  3. 手动文件上传数据页面，且展示在数据库中的表名（方便下载）

上述三项只制定三个页面

三、前端展示顺序

建立全局变量，包含以下内容

1) 页面加载

加载 Filter 内容 - 函数

2) Filter 加载完

开始加载当前 Filter 所对应的内容 - 触发函数

3) 请求数据

内容是一个 函数

当前请求次数算为当前值+1

并行请求各类数据，且把当前请求次数传到请求函数

清空已接受的数据数组

4) 接收到数据时

把当前请求次数、当前请求数据系列名字作为参数

传给展示函数 - 函数

如果传入的当前请求数据与全局当前请求数据一致时，标识该数据系列已完成

检查有哪些框已完成，重新构建

5) 当等待页存在，且接收到数据满足展示时

解除等待页

Twitter Icon
Facebook Icon