陆拾- 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) 当等待页存在,且接收到数据满足展示时

解除等待页

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值