开发指南071-进度展示

简介: 前端发起一个比较长时间的服务,需要在前端刷新实时进度,告诉用户进展

前端发起一个比较长时间的服务,需要在前端刷新实时进度,告诉用户进展。不是假进度条,是实际的进度,例如需要更新1000条数据,则前端不断刷新 已完成数/1000

      前端发起服务,注意生成一个taskID:

import uuid from "node-uuid";

this.taskID=uuid.v1()

     生成一个定时任务this.intervalId = setInterval(() => { this.fetchProgress(); }, 3000); // 每3秒轮询一次

     向后台发起请求,传递该参数。

      后台先计算任务总数,然后向redis以该键值存储的实时进度信息,然后进入循环,边完成任务,边刷新redis。

      定时任务调后台job服务的相关接口获取进度。

      后台完成定时任务后会销毁redis数据

      前端接收到返回后,显示服务结果,同时停止定时任务。

相关文章
|
9月前
|
小程序 开发者
【产品上新】示例代码更清晰,开放平台文档功能更新!
【产品上新】示例代码更清晰,开放平台文档功能更新!
63 10
|
8月前
|
分布式计算 运维 DataWorks
DataWorks产品使用合集之数据预览功能如何进行单独对个体进行设置
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
宜搭报表页面如何绑定对应字段展示图片
宜搭报表页面如何绑定对应字段展示图片
|
数据可视化 容器
DataV构建大屏(全屏)数据展示页面
DataV构建大屏(全屏)数据展示页面
775 0
|
小程序 定位技术
记录一款基于地图标注点展示的微信小程序开发过程纪要
记录整理一款基于地图的微信小程序开发过程,主要涉及标注点展示,可视范围内标注点动态更新,标注点自定义气泡,气泡点击及气泡内容实时更新
147 0
|
前端开发 数据可视化 JavaScript
漏刻有时数据可视化大屏核心框架模版更换前端模版操作(2)API开发及数据调用
漏刻有时数据可视化大屏核心框架模版更换前端模版操作(2)API开发及数据调用
104 0
|
移动开发 JSON API
h5调起原生分享面板,展示更多功能方案
h5调起原生分享面板,展示更多功能方案
288 0
|
SQL 数据可视化 JavaScript
DataV图表的数据筛选交互需求梳理及实现样例
本文主要对DataV大屏数据表、气泡地图等组件的筛选交互需求进行一个简单的梳理及样例实现,其中包括单字段单选筛选、单字段多选筛选、多字段共同筛选、字段级联及查询按钮的配置。
1970 3
|
SQL 前端开发 JavaScript
9-点击流数据分析项目-前后端展示
文章目录 9-点击流数据分析项目-前端展示 数据库配置 执行sql文件 创建maven项目 配置pom文件
9-点击流数据分析项目-前后端展示
|
人工智能 监控 安全
RPA 流程梳理和适用场景以及控制台功能展示(二)| 学习笔记
快速学习 RPA 流程梳理和适用场景以及控制台功能展示。
RPA 流程梳理和适用场景以及控制台功能展示(二)| 学习笔记