IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 陆拾- Dashboard 框架定立 -> 正文阅读

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

解除等待页

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-12-08 13:43:31  更:2021-12-08 13:44:00 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 7:52:28-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码