CN107678787A - 一种基于activeMq实现进度条的方法 - Google Patents

一种基于activeMq实现进度条的方法 Download PDF

Info

Publication number
CN107678787A
CN107678787A CN201710957075.2A CN201710957075A CN107678787A CN 107678787 A CN107678787 A CN 107678787A CN 201710957075 A CN201710957075 A CN 201710957075A CN 107678787 A CN107678787 A CN 107678787A
Authority
CN
China
Prior art keywords
activemq
progress
progress bar
div
message
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201710957075.2A
Other languages
English (en)
Inventor
杨思忠
高振鹏
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
ZHONGKE INFORMATION SECURITY COMMON TECHNOLOGY NATIONAL ENGINEERING RESEARCH CENTER Co Ltd
Original Assignee
ZHONGKE INFORMATION SECURITY COMMON TECHNOLOGY NATIONAL ENGINEERING RESEARCH CENTER Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by ZHONGKE INFORMATION SECURITY COMMON TECHNOLOGY NATIONAL ENGINEERING RESEARCH CENTER Co Ltd filed Critical ZHONGKE INFORMATION SECURITY COMMON TECHNOLOGY NATIONAL ENGINEERING RESEARCH CENTER Co Ltd
Priority to CN201710957075.2A priority Critical patent/CN107678787A/zh
Publication of CN107678787A publication Critical patent/CN107678787A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G06F11/3003—Monitoring arrangements specially adapted to the computing system or computing system component being monitored
    • G06F11/302—Monitoring arrangements specially adapted to the computing system or computing system component being monitored where the computing system component is a software system
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G06F11/3055—Monitoring arrangements for monitoring the status of the computing system or of the computing system component, e.g. monitoring if the computing system is on, off, available, not available
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G06F11/32—Monitoring with visual or acoustical indication of the functioning of the machine
    • G06F11/321—Display for diagnostics, e.g. diagnostic result display, self-test user interface
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Quality & Reliability (AREA)
  • Computing Systems (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Mathematical Physics (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种基于activeMq实现进度条的方法包括后端对待监控业务进行实时进度计算，并将待监控业务的ID及执行进度发送给前端activeMq，前端监听对应待监控业务ID的activeMq消息，并利用前端page页面的script标签及DIV标签控制和显示进度条。有益效果在于：利用本发明所述的方法，只需要编写少量的发送mq消息的数据的代码，和Div格式数据，或其他的格式的进度条，就可以实现各种漂亮的进度条了，简单实用，比起同类的进度条实现，简洁，干净，维护起来也非常轻松。

Description

一种基于activeMq实现进度条的方法
技术领域
本申请涉及计算机技术领域，具体涉及用户界面技术领域，尤其涉及进度条显示方法和装置。
背景技术
进度条是UI(UserInterface，用户界面)中一种非常实用的组件，其可以在计算机在处理任务时，以图片形式实时地显示处理任务的速度、完成度、剩余未完成任务量的大小和可能需要的处理时间。一般以长方形条状显示。进度条可提供用户程序运行的可视化反馈，随着某一事件或过程向前发展或运行，进度条从左向右或从下向上用高亮显示的方块填充进度条。由于进度条可动态显示任务进度，用户可以根据进度条的进度判断程序是否失去了响应，从而能够避免长时间地执行某个耗时操作，提高了用户界面的友好性。
为了实现实时显示进度，现有技术主要采用轮询或长轮询的方式获取进度信息，所述的轮询是指在特定的的时间间隔，前端发送查询数据至后端（或服务器），然后由后端（服务器）返回最新的数据给前端，或者后端定时发送进度心跳数据到前端，前段获取进度数据后相应控制进度表格。
然而，这种传统的轮询或长轮询的方式，需要浏览器不断的向后端（服务器）出请求，而这种请求需要占用了大量的网络带宽资源；同时，在轮询过程中，会频繁的创建TCP请求及销毁请求，又会占用大量的服务器资源。
另外，从技术具体实现而言，现有进度条的实现技术手段均较为复杂，且存在一定的缺陷。
如公布号为CN106547523A的发明专利公布了一种进度条进度显示方法、装置及系统，该技术方案为：父节点依据与其连接的子节点的比重向子节点发送子任务分配信息，子节点在执行子任务的过程中向父节点发送子任务执行进度值，若父节点不是根节点则继续上报进度值，直至根节点计算出根节点对应的任务量完成的进度值并进行相应显示。该方法主要解决多层次组合功能的进度条进度的显示，但该方法在实现过程中需要大量的编码才能实现，多层次的组合查询需要消耗大量的服务资源，且对于跨平台的进度监控存在一定的局限性。
如公布号为CN105183322A的发明专利公布了一种进度条显示方法和装置，通过在对后续进度条单元进行显示时通过参考之前进度条单元的显示速度和当前进度条单元的预期显示速度，对当前进度条的显示速度进行修正，实现了进度条显示的平缓性。该技术方案很好的解决了现有进度条不能准确反映任务执行进度情况的问题，但该技术方案存在实现编码多，对于多任务的情况下，实现及维护存在工作量大的问题。
总体而言，现有进度条实时加载或实现的方法较多，但在实现上均需要大量的编码，且对跨平台及多任务的进度监测没有合适的解决方案。
发明内容
本发明针对现有技术的不足，提出了一种基于activeMq实现进度条的方法，该方法的利用使得进度条的开发及管理变得简洁和方便，同时解决了传统进度条实现不能针对跨平台及多任务的情况。
本发明所述的一种基于activeMq实现进度条的方法包括：
后端对待监控业务进行实时进度计算，并将待监控业务的ID及执行进度发送给前端activeMq，前端监听对应待监控业务ID的activeMq消息，并利用前端page页面的script标签及DIV标签控制和显示进度条。
进一步的，所述一种基于activeMq实现进度条的方法具体实现过程为：
步骤一：后端发送Topic类型消息至前端加载的activeMq；
步骤二：前端page页面通过stomp组件获取activeMq接收的Topic类型消息并将Topic类型消息传送至前端page页面的DIV标签；
步骤三：DIV标签根据根据Topic类型消息控制并显示进度条。
进一步的，所述前端page页面通过stomp组件将获取activeMq接收的Topic类型消息并传送至前端page页面的DIV标签具体包括：
前端page页面加载jQuery组件；
前端page页面加载Stomp组件的Stomp.js文件；
使用前端page页面的script标签加载Stomp.js文件；
前端page页面的script标签利用Stomp.js文件从activeMq中获取Topic类型消息并将Topic类型消息传入前端page页面的DIV标签中。
进一步的，所述的Topic类型消息包括控制数据的id和进度数据两部分。
进一步的，所述DIV标签分为DIV大标签和DIV小标签，所述DIV大标签控制进度条样式，所述DIV小标签根据Topic类型消息的进度数据控制进度条增长进度。
进一步的，所述前端和后端为同一平台；
进一步的，所述前端和后端为不同平台。
本发明所述技术方案的有益效果在于：利用本发明所述的方法，只需要编写少量的发送mq消息的数据的代码，和Div格式数据，或其他的格式的进度条，就可以实现各种漂亮的进度条了，简单实用，比起同类的进度条实现，简洁，干净，维护起来也非常轻松；另外，本发明所述技术方案解决了传统技术无法显示跨平台、多任务同时监控进度条的问题。
具体实施方式
本发明所述的一种基于activeMq实现进度条的方法是针对软件开发过程中，根据开发需求，有较多的地方需要单一或同时使用进度条，而这些进度条实现起来也是非常的繁琐，需要后台编写大段代码，定时发送进度心跳数据到前端，前段获取进度数据后，控制进度表格和div的带色块的长度变化实现心跳，如果进度条的地方是在多条数据中，更是及其繁琐，容易出错，串行，如果需要实现跨平台的进度监测，开发工作更加繁重，且维护工作也需要消耗大量的精力和时间，这对软件开发而言是一种极大的弊端。
基于软件开发中进度监测存在的现实需要及问题，提出了一种基于activeMq实现进度条的方法，该方法是通过开源的消息组件activeMq 和开源的js组件Stomp，以及Stomp所依赖的jQuery为基础来实现的，后端使用java或者其他语言向前端加载的activeMq 上发送Topic类型的消息（Topic类型消息包括控制数据的id和进度数据两部分），前端只需要很简单的通过Stomp获取需检测的Id和数据的进度数据，并通过前端page页面的script标签及DIV标签控制和显示进度条的长度就可以实现本发明所述的目的。
本发明所述一种基于activeMq实现进度条的方法能够适用于不同平台之前的通信，即可以实现跨平台的进度监控。不同平台向加载有activeMq的前端发送Topic类型的消息的方式为现有通用技术，实现方式为本领域技术人员常用技术。
本发明所述的一种基于activeMq实现进度条的方法包括：
后端对待监控业务进行实时进度计算，并将待监控业务的ID及执行进度发送给前端activeMq，前端监听对应待监控业务ID的activeMq消息，并利用前端page页面的script标签及DIV标签控制和显示进度条。
所述一种基于activeMq实现进度条的方法具体实现过程为：
步骤一：后端发送Topic类型消息至前端加载的activeMq；
步骤二：前端page页面通过stomp组件获取activeMq接收的Topic类型消息并将Topic类型消息传送至前端page页面的DIV标签；
步骤三：DIV标签根据根据Topic类型消息控制并显示进度条。
所述前端page页面通过stomp组件将获取activeMq接收的Topic类型消息并传送至前端page页面的DIV标签具体包括：
前端page页面加载jQuery组件；
前端page页面加载Stomp组件的Stomp.js文件；
使用前端page页面的script标签加载Stomp.js文件；
前端page页面的script标签利用Stomp.js文件从activeMq中获取Topic类型消息并将Topic类型消息传入前端page页面的DIV标签中。
所述的Topic类型消息包括控制数据的id和进度数据两部分。
所述DIV标签分为DIV大标签和DIV小标签，所述DIV大标签控制进度条样式，所述DIV小标签根据Topic类型消息的进度数据控制进度条增长进度。
所述前端和后端为同一平台；或者所述前端和后端为不同平台。
本发明所述一种基于activeMq实现进度条的方法主要适用于业务进度执行状态监控，而不适用于视频、语音等类别的播放进度执行。
以上对本发明所提供的一种基于activeMq实现进度条的方法进行了详细介绍，本文中应用了实施例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (7)

1.一种基于activeMq实现进度条的方法，其特征在于，所述实现进度条的方法为：
后端对待监控业务进行实时进度计算，并将待监控业务的ID及执行进度发送给前端activeMq，前端监听对应待监控业务ID的activeMq消息，并利用前端page页面的script标签及DIV标签控制和显示进度条。
2.如权利要求1所述的一种基于activeMq实现进度条的方法，其特征在于，所述实现进度条方法具体过程为：
步骤一：后端发送Topic类型消息至前端加载的activeMq；
步骤二：前端page页面通过stomp组件获取activeMq接收的Topic类型消息并将Topic类型消息传送至前端page页面的DIV标签；
步骤三：DIV标签根据根据Topic类型消息控制并显示进度条。
3.如权利要求2所述的一种基于activeMq实现进度条的方法，其特征在于：
实现步骤2的方法如下：
前端page页面加载jQuery组件；
前端page页面加载Stomp组件的Stomp.js文件；
使用前端page页面的script标签加载Stomp.js文件；
前端page页面的script标签利用Stomp.js文件从activeMq中获取Topic类型消息并将Topic类型消息传入前端page页面的DIV标签中。
4.如权利要求2或3所述的一种基于activeMq实现进度条的方法，其特征在于：所述的Topic类型消息包括控制数据的id和进度数据两部分。
5.如权利要求3所述的一种基于activeMq实现进度条的方法，其特征在于：所述DIV标签分为DIV大标签和DIV小标签，所述DIV大标签控制进度条样式，所述DIV小标签根据Topic类型消息的进度数据控制进度条增长进度。
6.如权利要求1所述的一种基于activeMq实现进度条的方法，其特征在于：所述前端和后端为同一平台。
7.如权利要求1所述的一种基于activeMq实现进度条的方法，其特征在于：所述前端和后端为不同平台。
CN201710957075.2A 2017-10-16 2017-10-16 一种基于activeMq实现进度条的方法 Pending CN107678787A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710957075.2A CN107678787A (zh) 2017-10-16 2017-10-16 一种基于activeMq实现进度条的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710957075.2A CN107678787A (zh) 2017-10-16 2017-10-16 一种基于activeMq实现进度条的方法

Publications (1)

Publication Number Publication Date
CN107678787A true CN107678787A (zh) 2018-02-09

Family

ID=61140918

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710957075.2A Pending CN107678787A (zh) 2017-10-16 2017-10-16 一种基于activeMq实现进度条的方法

Country Status (1)

Country Link
CN (1) CN107678787A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109408320A (zh) * 2018-09-03 2019-03-01 中国平安人寿保险股份有限公司 前端开发异常处理方法、装置、计算机设备和存储介质
CN113010820A (zh) * 2021-03-22 2021-06-22 中国联合网络通信集团有限公司 页面数据更新方法、装置、电子设备、介质及程序产品

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103488555A (zh) * 2011-04-01 2014-01-01 北京奇虎科技有限公司 进度条实现方法及装置
CN103914303A (zh) * 2014-04-10 2014-07-09 福建伊时代信息科技股份有限公司 一种进度条呈现方法及其装置
CN105183322A (zh) * 2015-09-18 2015-12-23 百度在线网络技术（北京）有限公司 进度条显示方法和装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103488555A (zh) * 2011-04-01 2014-01-01 北京奇虎科技有限公司 进度条实现方法及装置
CN103914303A (zh) * 2014-04-10 2014-07-09 福建伊时代信息科技股份有限公司 一种进度条呈现方法及其装置
CN105183322A (zh) * 2015-09-18 2015-12-23 百度在线网络技术（北京）有限公司 进度条显示方法和装置

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
QINGFENG_825: "ActiveMQ的queue以及topic两种消息处理机制分析", 《HTTPS://BLOG.CSDN.NET/QINGFENG_825/ARTICLE/DETAILS/84764459》 *
YY629: "JAVA利用ActiveMQ达到实时消息更新", 《HTTPS://WWW.ITEYE.COM/PROBLEMS/64729》 *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109408320A (zh) * 2018-09-03 2019-03-01 中国平安人寿保险股份有限公司 前端开发异常处理方法、装置、计算机设备和存储介质
CN113010820A (zh) * 2021-03-22 2021-06-22 中国联合网络通信集团有限公司 页面数据更新方法、装置、电子设备、介质及程序产品
CN113010820B (zh) * 2021-03-22 2023-07-04 中国联合网络通信集团有限公司 页面数据更新方法、装置、电子设备、介质及程序产品

Similar Documents

Publication Publication Date Title
US11188380B2 (en) Method and apparatus for processing task in smart device
US10445142B2 (en) Edge computing platform
CN103309946B (zh) 多媒体文件处理方法、装置及系统
CN107943577B (zh) 用于调度任务的方法和装置
ATE302512T1 (de) Verfahren und vorrichtung zum verwalten von mehreren netzwerkgeräten
CN106557369A (zh) 一种多线程的管理方法及系统
CN109257399B (zh) 云平台应用程序管理方法及管理平台、存储介质
JP6301413B2 (ja) データ伝送制御方法及び装置
CN109426603B (zh) 一种分析应用程序卡顿的方法和装置
CN107678787A (zh) 一种基于activeMq实现进度条的方法
CN114924851B (zh) 训练任务的调度方法、装置、电子设备和存储介质
CN105224464A (zh) 一种并行自动化测试方法
CN107479984A (zh) 基于消息的分布式空间数据处理系统
CN109144846B (zh) 用于测试服务器的测试方法和装置
CN104822079B (zh) 一种视频文件的实时发布方法和系统
US10033781B2 (en) Streaming data on data processes
CN104750545A (zh) 一种调度进程的方法及装置
CN109829639A (zh) 服务项目监控方法及装置
CN105718243B (zh) Erp系统中数据批量操作的方法和系统
CN116795492A (zh) 云平台的资源调度方法、装置、设备及可读存储介质
CN106293651A (zh) 一种通用接口的实现方法及装置
CN1327656C (zh) 升级系统设备的方法
CN108737504A (zh) 一种软件编程人员用智能管理系统
CN111625866A (zh) 一种权限管理方法、系统、设备及存储介质
CN111158847A (zh) 一种开源信息采集虚拟主机资源调度方法和系统

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
WD01 Invention patent application deemed withdrawn after publication

Application publication date: 20180209

WD01 Invention patent application deemed withdrawn after publication