CN112433803A - 无线电Web单页面应用中实现多任务切换的方法 - Google Patents
无线电Web单页面应用中实现多任务切换的方法 Download PDFInfo
- Publication number
- CN112433803A CN112433803A CN202011428127.5A CN202011428127A CN112433803A CN 112433803 A CN112433803 A CN 112433803A CN 202011428127 A CN202011428127 A CN 202011428127A CN 112433803 A CN112433803 A CN 112433803A
- Authority
- CN
- China
- Prior art keywords
- task
- list
- page
- clicking
- switching
- 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种无线电Web单页面应用中实现多任务切换的方法,包括点击按钮组件使任务页面最小化;以设备名称及任务名称的方式作为按钮显示一个正在执行的任务列表;点击任务列表里的任务项,返回至对应的任务查看界面;点击关闭按钮结束所有任务功能方面。采用了本发明的无线电Web单页面应用中实现多任务切换的方法,用户体验好,对已在执行的任务,用户不需要重新打开页面,直接在任务列表点击切换即可。实时任务内容的改变不需要重新加载整个页面,基于这一点多任务切换时对服务器的压力较小。本发明能够在有限的可视范围内以最佳的分辨率查看任务频谱数据,保持后台任务持续执行的状态下,前端不用一直打开websocket通道,减少了性能消耗。
Description
技术领域
本发明涉及无线电领域,尤其涉及无线电监测领域,具体是指一种无线电Web单页面应用中实现多任务切换的方法。
背景技术
随着无线电技术的不断发展,无线电监测***不断更新迭代其中的开发技术来为用户提供着更高效,更便捷的操作。在实际运用中,有时用户希望能够同时运行多个实时任务,并且能够随时切换,来更便捷的查看实时数据。
现有技术的多任务切换的总体结构图如图1所示,单页面应用,即只有一个主页面的应用,在交互时由路由程序动态载入,切换页面不需要重新加载页面,内容即可改变,使用户体验更加流畅,避免多页面操作的混乱。但是要实现多任务切换存在几个问题:
1、传输数据的websocket通道是否需要一直存在。
2、不同任务之间如何更好的隔离开每个任务的数据。
3、返回任务查看界面的任务状态和任务参数如何恢复。
发明内容
本发明的目的是克服了上述现有技术的缺点,提供了一种满足效果好、服务器压力较小、适用范围较为广泛的无线电Web单页面应用中实现多任务切换的方法。
为了实现上述目的,本发明的无线电Web单页面应用中实现多任务切换的方法如下:
该无线电Web单页面应用中实现多任务切换的方法,其主要特点是,所述的方法包括以下步骤:
(1)点击按钮组件使任务页面最小化;
(2)以设备名称及任务名称的方式作为按钮显示一个正在执行的任务列表;
(3)点击任务列表里的任务项,返回至对应的任务查看界面;
(4)点击关闭按钮结束所有任务功能方面。
较佳地,所述的步骤(1)具体包括以下步骤:
(1.1)点击最小化按钮;
(1.2)判断任务列表是否为空,如果是,则将当前任务加入任务列表,继续步骤(1);否则,继续步骤(1.3);
(1.3)初始化任务计数为0;
(1.4)判断任务计数是否小于任务列表长度,如果是,则继续步骤(1.5);否则,退出循环;
(1.5)比较当前的任务和任务列表,进行去重操作和添加任务操作;
(1.6)任务计数加1,继续步骤(1.4)。
较佳地,所述的步骤(1.1)具体包括以下步骤:
(1.1.1)获取最小化之后任务列表,获取当前页面的任务参数;
(1.1.2)点击最小化按钮时;
(1.1.3)判断任务列表中正在执行的任务是否超过所规定多任务切换的上限,如果是,则不将当前的任务加入任务列表;否则,加入任务列表时对当前页面的任务参数与列表中的任务参数进行去重过滤,任务列表中只保留一个同一设备下任务名称相同的任务;
(1.1.4)利用css样式隐藏窗口。
较佳地,所述的步骤(2)具体包括以下步骤:
(2.1)点击任务列表项返回窗口;
(2.2)判断当前窗口打开是否有任务在执行,如果是,则停止查看任务指令;否则,继续步骤(2.3);
(2.3)判断当前的任务列表项的ID是否为空,如果是,则继续步骤(2.4);否则,根据任务ID下发开启查看指令;
(2.4)跳转到窗口页面。
较佳地,所述的步骤(2.1)具体为:
将任务列表渲染到界面,并获取任务列表里储存的任务信息。
较佳地,所述的步骤(3)具体包括以下步骤:
(3.1)在页面开始加载的阶段、任务状态变为开始执行的阶段以及手动停止任务的阶段分别存储多任务切换的当前窗口的任务参数;
(3.2)将查看任务指令请求成功返回的任务参数作为返回查看任务界面的恢复参数。
(3.3)点击关闭按钮结束实时任务中所有任务。
采用了本发明的无线电Web单页面应用中实现多任务切换的方法,用户体验好,对已在执行的任务,用户不需要重新打开页面,直接在任务列表点击切换即可。实时任务内容的改变不需要重新加载整个页面,基于这一点多任务切换时对服务器的压力较小。本发明实现了在单页面应用中的多页面切换的效果。实时任务列表的任务项显示的唯一性时以设备名称和任务名称体现的,能够在有限的可视范围内以最佳的分辨率查看任务频谱数据,保持后台任务持续执行的状态下,前端不用一直打开websocket通道,减少了性能消耗。
附图说明
图1为现有技术的多任务切换的总体结构图示意图。
图2为本发明的无线电Web单页面应用中实现多任务切换的方法的流程图。
图3为本发明的无线电Web单页面应用中实现多任务切换的方法的总体思路示意图。
图4为本发明的无线电Web单页面应用中实现多任务切换的方法的点击最小化按钮流程图。
图5为本发明的无线电Web单页面应用中实现多任务切换的方法的页面最小化后的任务列表组件功能流程图。
图6为本发明的无线电Web单页面应用中实现多任务切换的方法的任务运行中的多任务切换界面效果图。
图7为本发明的无线电Web单页面应用中实现多任务切换的方法的多任务列表效果图。
具体实施方式
为了能够更清楚地描述本发明的技术内容,下面结合具体实施例来进行进一步的描述。
本发明的该无线电Web单页面应用中实现多任务切换的方法,其中包括以下步骤:
(1)点击按钮组件使任务页面最小化;
(1.1)点击最小化按钮;
(1.1.1)获取最小化之后任务列表,获取当前页面的任务参数;
(1.1.2)点击最小化按钮时;
(1.1.3)判断任务列表中正在执行的任务是否超过所规定多任务切换的上限,如果是,则不将当前的任务加入任务列表;否则,加入任务列表时对当前页面的任务参数与列表中的任务参数进行去重过滤,任务列表中只保留一个同一设备下任务名称相同的任务;
(1.1.4)利用css样式隐藏窗口;
(1.2)判断任务列表是否为空,如果是,则将当前任务加入任务列表,继续步骤(1);否则,继续步骤(1.3);
(1.3)初始化任务计数为0;
(1.4)判断任务计数是否小于任务列表长度,如果是,则继续步骤(1.5);否则,退出循环;
(1.5)比较当前的任务和任务列表,进行去重操作和添加任务操作;
(1.6)任务计数加1,继续步骤(1.4);
(2)以设备名称及任务名称的方式作为按钮显示一个正在执行的任务列表;
(2.1)点击任务列表项返回窗口;
(2.2)判断当前窗口打开是否有任务在执行,如果是,则停止查看任务指令;否则,继续步骤(2.3);
(2.3)判断当前的任务列表项的ID是否为空,如果是,则继续步骤(2.4);否则,根据任务ID下发开启查看指令;
(2.4)跳转到窗口页面;
(3)点击任务列表里的任务项,返回至对应的任务查看界面;
(3.1)在页面开始加载的阶段、任务状态变为开始执行的阶段以及手动停止任务的阶段分别存储多任务切换的当前窗口的任务参数;
(3.2)将查看任务指令请求成功返回的任务参数作为返回查看任务界面的恢复参数。
(3.3)点击关闭按钮结束实时任务中所有任务;
(4)点击关闭按钮结束所有任务功能方面。
作为本发明的优选实施方式,所述的步骤(2.1)具体为:
将任务列表渲染到界面,并获取任务列表里储存的任务信息。
本发明的具体实施方式中,在切换实时任务时web端下发停止查看任务的指令,任务在服务端运行,服务端停止发送任务数据,web端关闭websocket通道,恢复页面时,下发开始查看任务的指令,web端新建webSocket通道,服务端开始发送数据。本发明在不同任务之间使用TaskId区分不同任务,页面恢复时使用开始查看任务接口返回的任务参数作为恢复参数的值,任务状态根据任务列表中的任务ID的值来确定。
本专利分为以下几个方面:
(1)最小化按钮组件功能方面:点击此按钮组件使任务页面最小化。
(2)页面最小化之后的任务列表组件功能方面:任务页面最小化之后,会以设备名称+任务名称的方式作为按钮显示一个正在执行的任务列表。
(3)返回页面恢复页面参数和任务运行状态功能方面:点击上述的任务列表里的任务项,从而返回到对应的任务查看界面。
(4)点击关闭按钮结束所有任务功能方面。
多任务切换操作的入口需考虑直接从设备菜单入口和从最小化列表入口分别进入任务查看界面的两种情况。后台运行多个任务,前端通过仅暂停查看不停止任务的方式,每次根据指令中传入的任务ID切换任务查看,从而实现多页面切换的效果展示。(本文的开始查看和停止查看指令意思为后端停止发送数据,不停止任务)。
一、最小化按钮组件功能方面
a、在点击最小化按钮之前,获取最小化之后任务列表。
b、在点击最小化按钮之前,获取当前页面的任务参数。
c、在点击时,判断任务列表中正在执行的任务是否超过所规定多任务切换的上限,如果超过,就不将当前的任务加入任务列表,否则,在加入任务列表时对当前页面的任务参数与列表中的任务参数进行去重过滤,任务列表中只保留一个,同一设备下任务名称相同的任务。
之后利用css样式实现窗口消失。
二、页面最小化之后的任务列表组件功能方面
a、将上述处理好的任务列表渲染到界面,并且获取任务列表里储存的任务信息。
b、点击每一项任务按钮,分为两种情况:
①、窗口打开并且正在执行任务:停止任务
②、窗口打开无任务执行或者窗口处于关闭状态
c、确保在当前窗口无任务运行的状态下,并且根据任务列表中的对应的任务信息来判断当前需要打开的任务是否是运行的,如果是在运行就根据任务ID下发查看任务指令,然后跳转到窗口页面。否则直接跳转至窗口页面。
三、返回页面恢复页面参数和任务运行状态功能方面
a、页面加载时分别在这几个阶段存储多任务切换的当前窗口的任务参数:
①、页面刚开始加载的阶段
②、任务状态变为开始执行的阶段
③、手动停止任务的阶段
b、将查看任务指令请求成功返回的任务参数作为返回查看任务界面的恢复参数。
c、点击关闭按钮结束实时任务中所有任务。
四、基于单页面应用的多任务切换的实际运用场景
在实际运用中,用户可能需要收集频谱数据和以往的频谱数据进行对比查找异常信号,在执行全频段扫描的实时监测任务的过程中,用户需要同时对其中某段频率进行频率测量任务,这时就需要多任务切换操作。
采用了本发明的无线电Web单页面应用中实现多任务切换的方法,用户体验好,对已在执行的任务,用户不需要重新打开页面,直接在任务列表点击切换即可。实时任务内容的改变不需要重新加载整个页面,基于这一点多任务切换时对服务器的压力较小。本发明实现了在单页面应用中的多页面切换的效果。实时任务列表的任务项显示的唯一性时以设备名称和任务名称体现的,能够在有限的可视范围内以最佳的分辨率查看任务频谱数据,保持后台任务持续执行的状态下,前端不用一直打开websocket通道,减少了性能消耗。
在此说明书中,本发明已参照其特定的实施例作了描述。但是,很显然仍可以作出各种修改和变换而不背离本发明的精神和范围。因此,说明书和附图应被认为是说明性的而非限制性的。
Claims (6)
1.一种无线电Web单页面应用中实现多任务切换的方法,其特征在于,所述的方法包括以下步骤:
(1)点击按钮组件使任务页面最小化;
(2)以设备名称及任务名称的方式作为按钮显示一个正在执行的任务列表;
(3)点击任务列表里的任务项,返回至对应的任务查看界面;
(4)点击关闭按钮结束所有任务功能方面。
2.根据权利要求1所述的无线电Web单页面应用中实现多任务切换的方法,其特征在于,所述的步骤(1)具体包括以下步骤:
(1.1)点击最小化按钮;
(1.2)判断任务列表是否为空,如果是,则将当前任务加入任务列表,继续步骤(1);否则,继续步骤(1.3);
(1.3)初始化任务计数为0;
(1.4)判断任务计数是否小于任务列表长度,如果是,则继续步骤(1.5);否则,退出循环;
(1.5)比较当前的任务和任务列表,进行去重操作和添加任务操作;
(1.6)任务计数加1,继续步骤(1.4)。
3.根据权利要求2所述的无线电Web单页面应用中实现多任务切换的方法,其特征在于,所述的步骤(1.1)具体包括以下步骤:
(1.1.1)获取最小化之后任务列表,获取当前页面的任务参数;
(1.1.2)点击最小化按钮时;
(1.1.3)判断任务列表中正在执行的任务是否超过所规定多任务切换的上限,如果是,则不将当前的任务加入任务列表;否则,加入任务列表时对当前页面的任务参数与列表中的任务参数进行去重过滤,任务列表中只保留一个同一设备下任务名称相同的任务;
(1.1.4)利用css样式隐藏窗口。
4.根据权利要求1所述的无线电Web单页面应用中实现多任务切换的方法,其特征在于,所述的步骤(2)具体包括以下步骤:
(2.1)点击任务列表项返回窗口;
(2.2)判断当前窗口打开是否有任务在执行,如果是,则停止查看任务指令;否则,继续步骤(2.3);
(2.3)判断当前的任务列表项的ID是否为空,如果是,则继续步骤(2.4);否则,根据任务ID下发开启查看指令;
(2.4)跳转到窗口页面。
5.根据权利要求4所述的无线电Web单页面应用中实现多任务切换的方法,其特征在于,所述的步骤(2.1)具体为:
将任务列表渲染到界面,并获取任务列表里储存的任务信息。
6.根据权利要求1所述的无线电Web单页面应用中实现多任务切换的方法,其特征在于,所述的步骤(3)具体包括以下步骤:
(3.1)在页面开始加载的阶段、任务状态变为开始执行的阶段以及手动停止任务的阶段分别存储多任务切换的当前窗口的任务参数;
(3.2)将查看任务指令请求成功返回的任务参数作为返回查看任务界面的恢复参数;
(3.3)点击关闭按钮结束实时任务中所有任务。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011428127.5A CN112433803B (zh) | 2020-12-09 | 2020-12-09 | 无线电Web单页面应用中实现多任务切换的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011428127.5A CN112433803B (zh) | 2020-12-09 | 2020-12-09 | 无线电Web单页面应用中实现多任务切换的方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112433803A true CN112433803A (zh) | 2021-03-02 |
CN112433803B CN112433803B (zh) | 2023-06-20 |
Family
ID=74692068
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011428127.5A Active CN112433803B (zh) | 2020-12-09 | 2020-12-09 | 无线电Web单页面应用中实现多任务切换的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112433803B (zh) |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102243559A (zh) * | 2010-05-13 | 2011-11-16 | 成都索贝数码科技股份有限公司 | 一种用图形界面进行媒体资产管理的方法及*** |
US20120159295A1 (en) * | 2010-12-16 | 2012-06-21 | Rabstejnek Wayne S | Method for single page browser multi-tasking |
CN103294451A (zh) * | 2012-02-22 | 2013-09-11 | 腾讯科技(深圳)有限公司 | 富页面中应用的多任务多窗口实现方法及*** |
CN104024985A (zh) * | 2011-12-28 | 2014-09-03 | 三星电子株式会社 | 用户装置的多任务方法和设备 |
CN105204933A (zh) * | 2015-09-18 | 2015-12-30 | 上海斐讯数据通信技术有限公司 | 基于单进程的多任务切换执行方法、***及处理器 |
CN106227739A (zh) * | 2016-07-13 | 2016-12-14 | 克拉玛依红有软件有限责任公司 | 一种实现基于多任务的数据请求方法 |
CN107105336A (zh) * | 2017-04-19 | 2017-08-29 | 腾讯科技(深圳)有限公司 | 数据处理方法及数据处理装置 |
CN108008869A (zh) * | 2016-10-31 | 2018-05-08 | 南宁富桂精密工业有限公司 | 在单页面上切换不同会话窗口的方法和*** |
CN108536832A (zh) * | 2018-04-12 | 2018-09-14 | 江南大学 | 一种页面切换智能动画效果应用方法及*** |
CN108959455A (zh) * | 2018-06-15 | 2018-12-07 | 上海陆家嘴国际金融资产交易市场股份有限公司 | 单页Web应用实现方法、装置、计算机设备和存储介质 |
CN110362766A (zh) * | 2018-04-02 | 2019-10-22 | 腾讯科技(深圳)有限公司 | 一种页面显示控制方法及终端 |
-
2020
- 2020-12-09 CN CN202011428127.5A patent/CN112433803B/zh active Active
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102243559A (zh) * | 2010-05-13 | 2011-11-16 | 成都索贝数码科技股份有限公司 | 一种用图形界面进行媒体资产管理的方法及*** |
US20120159295A1 (en) * | 2010-12-16 | 2012-06-21 | Rabstejnek Wayne S | Method for single page browser multi-tasking |
CN104024985A (zh) * | 2011-12-28 | 2014-09-03 | 三星电子株式会社 | 用户装置的多任务方法和设备 |
CN103294451A (zh) * | 2012-02-22 | 2013-09-11 | 腾讯科技(深圳)有限公司 | 富页面中应用的多任务多窗口实现方法及*** |
CN105204933A (zh) * | 2015-09-18 | 2015-12-30 | 上海斐讯数据通信技术有限公司 | 基于单进程的多任务切换执行方法、***及处理器 |
CN106227739A (zh) * | 2016-07-13 | 2016-12-14 | 克拉玛依红有软件有限责任公司 | 一种实现基于多任务的数据请求方法 |
CN108008869A (zh) * | 2016-10-31 | 2018-05-08 | 南宁富桂精密工业有限公司 | 在单页面上切换不同会话窗口的方法和*** |
CN107105336A (zh) * | 2017-04-19 | 2017-08-29 | 腾讯科技(深圳)有限公司 | 数据处理方法及数据处理装置 |
CN110362766A (zh) * | 2018-04-02 | 2019-10-22 | 腾讯科技(深圳)有限公司 | 一种页面显示控制方法及终端 |
CN108536832A (zh) * | 2018-04-12 | 2018-09-14 | 江南大学 | 一种页面切换智能动画效果应用方法及*** |
CN108959455A (zh) * | 2018-06-15 | 2018-12-07 | 上海陆家嘴国际金融资产交易市场股份有限公司 | 单页Web应用实现方法、装置、计算机设备和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN112433803B (zh) | 2023-06-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107122119B (zh) | 信息处理方法、装置、电子设备及计算机可读存储介质 | |
US20100180202A1 (en) | User Interfaces for Electronic Devices | |
EP2642394A1 (en) | Test device | |
CN110620844B (zh) | 程序的启动方法、装置、设备及存储介质 | |
CN111447239B (zh) | 视频流播放控制方法、设备及存储介质 | |
EP2217998A2 (en) | Techniques for switching threads within routines | |
CN105760229A (zh) | 一种清除后台运行程序的方法、装置及移动终端 | |
CN111240817B (zh) | 资源调度方法、资源调度装置及存储介质 | |
CN105335224A (zh) | 一种应用切换方法及装置 | |
CN106095115B (zh) | 一种应用程序调度处理方法及装置 | |
CN107391021B (zh) | 黑屏手势的识别方法、装置、存储介质及移动终端 | |
CN109376015A (zh) | 用于任务调度***的日志阻塞解决方法及*** | |
CN108549575B (zh) | 退出分屏的处理方法、装置、存储介质及电子设备 | |
CN110442819A (zh) | 数据处理方法、装置、存储介质及终端 | |
US20040001100A1 (en) | Method and multimode user interface for processing user inputs | |
CN112433803A (zh) | 无线电Web单页面应用中实现多任务切换的方法 | |
CN106982254B (zh) | 文件下载的方法与装置 | |
WO2009087890A1 (ja) | 情報処理装置及びプログラム | |
CN108228307B (zh) | 应用的显示方法、装置、存储介质及电子设备 | |
CN113824841A (zh) | 通知消息处理方法、装置、电子设备及可读存储介质 | |
CN113655894A (zh) | 一种文本输入方法、装置、电子设备及存储介质 | |
CN112988355A (zh) | 程序任务的调度方法、装置、终端设备及可读存储介质 | |
CN112486368B (zh) | 应用程序管理方法和装置 | |
CN111949492B (zh) | ***资源获取方法、装置及终端设备 | |
CN113726946B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |