CN112433803A - Method for realizing multi-task switching in radio Web single page application - Google Patents
Method for realizing multi-task switching in radio Web single page application 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
The invention relates to a method for realizing multi-task switching in radio Web single-page application, which comprises the steps of clicking a button component to minimize a task page; taking the device name and the task name as buttons to display an executing task list; clicking the task items in the task list, and returning to the corresponding task viewing interface; clicking the close button ends all task functional aspects. By adopting the method for realizing multi-task switching in the radio Web single-page application, the user experience is good, and for the executed task, the user does not need to open the page again and can directly click and switch in the task list. The change of the real-time task content does not need to reload the whole page, and the stress on the server is small when the multi-task is switched on the basis of the change of the real-time task content. The method and the device can check the task frequency spectrum data in the limited visual range with the optimal resolution, and the front end does not need to open the websocket channel all the time under the state of keeping the background task to be continuously executed, thereby reducing the performance consumption.
Description
Technical Field
The invention relates to the field of radio, in particular to the field of radio monitoring, and specifically relates to a method for realizing multi-task switching in radio Web single-page application.
Background
With the continuous development of radio technology, radio monitoring systems continuously update development technologies iterated therein to provide users with more efficient and convenient operation. In practical applications, sometimes a user wants to be able to run multiple real-time tasks simultaneously, and can switch at any time to view real-time data more conveniently.
The general structure diagram of the multi-task switching in the prior art is shown in fig. 1, a single-page application, that is, an application with only one main page, is dynamically loaded by a routing program during interaction, and the content can be changed without reloading the page when switching the page, so that the user experience is smoother, and the disorder of multi-page operation is avoided. There are several problems to implement multitasking switching:
1. whether the websocket channel for transmitting data needs to be present at all times.
2. How to better isolate the data of each task between different tasks.
3. And returning to the task state of the task viewing interface and how the task parameters are recovered.
Disclosure of Invention
The invention aims to overcome the defects of the prior art and provides a method for realizing multi-task switching in radio Web single-page application, which has the advantages of good satisfaction effect, low server pressure and wide application range.
In order to achieve the above object, the method for implementing multi-task switching in radio Web single page application of the present invention is as follows:
the method for realizing multi-task switching in the radio Web single-page application is mainly characterized by comprising the following steps of:
(1) clicking the button assembly minimizes the task page;
(2) taking the device name and the task name as buttons to display an executing task list;
(3) clicking the task items in the task list, and returning to the corresponding task viewing interface;
(4) clicking the close button ends all task functional aspects.
Preferably, the step (1) specifically comprises the following steps:
(1.1) clicking a minimize button;
(1.2) judging whether the task list is empty, if so, adding the current task into the task list, and continuing the step (1); otherwise, continuing the step (1.3);
(1.3) initializing the task count to 0;
(1.4) judging whether the task count is smaller than the length of the task list, if so, continuing the step (1.5); otherwise, exiting the loop;
(1.5) comparing the current task with the task list, and performing duplicate removal operation and task addition operation;
(1.6) adding 1 to the task count, and continuing to the step (1.4).
Preferably, the step (1.1) specifically comprises the following steps:
(1.1.1) acquiring a task list after minimization, and acquiring task parameters of a current page;
(1.1.2) click minimize button;
(1.1.3) judging whether the task being executed in the task list exceeds the upper limit of the specified multi-task switching, if so, not adding the current task into the task list; otherwise, performing duplicate removal filtering on the task parameters of the current page and the task parameters in the list when the task list is added, and only keeping a task with the same task name under the same equipment in the task list;
(1.1.4) hide windows with cs style.
Preferably, the step (2) specifically comprises the following steps:
(2.1) clicking a task list item return window;
(2.2) judging whether a task is executed when the current window is opened, and if so, stopping checking the task instruction; otherwise, continuing the step (2.3);
(2.3) judging whether the ID of the current task list item is empty, if so, continuing the step (2.4); otherwise, issuing a view opening instruction according to the task ID;
and (2.4) jumping to the window page.
Preferably, the step (2.1) is specifically:
and rendering the task list to an interface, and acquiring task information stored in the task list.
Preferably, the step (3) specifically includes the following steps:
(3.1) respectively storing the task parameters of the current window of the multitask switching at the stage of starting loading of the page, the stage of changing the task state into starting execution and the stage of manually stopping the task;
and (3.2) taking the task parameter successfully returned by the viewing task instruction request as a recovery parameter of the returned viewing task interface.
And (3.3) clicking a closing button to finish all the tasks in the real-time tasks.
By adopting the method for realizing multi-task switching in the radio Web single-page application, the user experience is good, and for the executed task, the user does not need to open the page again and can directly click and switch in the task list. The change of the real-time task content does not need to reload the whole page, and the stress on the server is small when the multi-task is switched on the basis of the change of the real-time task content. The invention realizes the effect of multi-page switching in single-page application. The uniqueness of the task item display of the real-time task list is embodied by the equipment name and the task name, the task spectrum data can be checked in a limited visual range at the best resolution, and the websocket channel does not need to be opened all the time at the front end under the state that the background task is continuously executed, so that the performance consumption is reduced.
Drawings
Fig. 1 is a general block diagram of a related art multitask switch.
Fig. 2 is a flow chart of a method of implementing a multi-tasking in a radio Web single page application of the present invention.
Fig. 3 is a schematic diagram of the general concept of the method for implementing multi-task switching in radio Web single page application of the present invention.
Fig. 4 is a flow chart of a click minimization button of the method of implementing multi-tasking in a radio Web single page application of the present invention.
Fig. 5 is a functional flow diagram of the task list component after page minimization for a method of implementing multi-task switching in a radio Web single page application of the present invention.
Fig. 6 is an effect diagram of a multitask switching interface in the task operation of the method for implementing multitask switching in the radio Web single page application of the present invention.
Fig. 7 is a diagram of the multitask list effect of the method of implementing multitask switching in a radio Web single page application of the present invention.
Detailed Description
In order to more clearly describe the technical contents of the present invention, the following further description is given in conjunction with specific embodiments.
The method for realizing multi-task switching in the radio Web single-page application comprises the following steps:
(1) clicking the button assembly minimizes the task page;
(1.1) clicking a minimize button;
(1.1.1) acquiring a task list after minimization, and acquiring task parameters of a current page;
(1.1.2) click minimize button;
(1.1.3) judging whether the task being executed in the task list exceeds the upper limit of the specified multi-task switching, if so, not adding the current task into the task list; otherwise, performing duplicate removal filtering on the task parameters of the current page and the task parameters in the list when the task list is added, and only keeping a task with the same task name under the same equipment in the task list;
(1.1.4) hiding the window with cs style;
(1.2) judging whether the task list is empty, if so, adding the current task into the task list, and continuing the step (1); otherwise, continuing the step (1.3);
(1.3) initializing the task count to 0;
(1.4) judging whether the task count is smaller than the length of the task list, if so, continuing the step (1.5); otherwise, exiting the loop;
(1.5) comparing the current task with the task list, and performing duplicate removal operation and task addition operation;
(1.6) adding 1 to the task count, and continuing to the step (1.4);
(2) taking the device name and the task name as buttons to display an executing task list;
(2.1) clicking a task list item return window;
(2.2) judging whether a task is executed when the current window is opened, and if so, stopping checking the task instruction; otherwise, continuing the step (2.3);
(2.3) judging whether the ID of the current task list item is empty, if so, continuing the step (2.4); otherwise, issuing a view opening instruction according to the task ID;
(2.4) jumping to a window page;
(3) clicking the task items in the task list, and returning to the corresponding task viewing interface;
(3.1) respectively storing the task parameters of the current window of the multitask switching at the stage of starting loading of the page, the stage of changing the task state into starting execution and the stage of manually stopping the task;
and (3.2) taking the task parameter successfully returned by the viewing task instruction request as a recovery parameter of the returned viewing task interface.
(3.3) clicking a closing button to finish all tasks in the real-time tasks;
(4) clicking the close button ends all task functional aspects.
As a preferred embodiment of the present invention, the step (2.1) is specifically:
and rendering the task list to an interface, and acquiring task information stored in the task list.
In the specific implementation mode of the invention, when switching the real-time task, the web end issues an instruction for stopping checking the task, the task runs at the server end, the server end stops sending task data, the web end closes the webSocket channel, and when the page is recovered, the web end issues an instruction for starting checking the task, the web end newly establishes the webSocket channel, and the server end starts sending data. The task ID is used for distinguishing different tasks, the task parameter returned by the task starting viewing interface is used as the value of the recovery parameter when the page is recovered, and the task state is determined according to the value of the task ID in the task list.
The patent is divided into the following aspects:
(1) minimizing the functional aspects of the button assembly: clicking on this button component minimizes the task page.
(2) Functional aspects of the task list component after page minimization: after the task page is minimized, a list of executing tasks is displayed as a button in the form of device name + task name.
(3) And returning page recovery page parameters and task running state functions: and clicking the task items in the task list so as to return to the corresponding task viewing interface.
(4) Clicking the close button ends all task functional aspects.
The entry of the multitask switching operation needs to consider two cases of directly entering the task viewing interface from the device menu entry and respectively entering the task viewing interface from the minimized list entry. The background runs a plurality of tasks, and the front end switches the task checking according to the task ID transmitted in the instruction each time in a mode of only pausing checking and not stopping the task, so that the effect display of multi-page switching is realized. (the start view and stop view instructions herein mean that the back end stops sending data, not stopping the task).
One, minimizing button assembly functional aspects
a. Before clicking the minimize button, a post-minimization task list is obtained.
b. And before clicking a minimization button, acquiring the task parameters of the current page.
c. And when clicking, judging whether the task being executed in the task list exceeds the upper limit of the specified multi-task switching, if so, not adding the current task into the task list, otherwise, performing duplicate removal and filtration on the task parameters of the current page and the task parameters in the list when adding the task list, and only reserving one task with the same task name in the same equipment in the task list.
And then, the disappearance of the window is realized by utilizing the cs style.
Second, functional aspect of task list component after page minimization
a. And rendering the processed task list to an interface, and acquiring task information stored in the task list.
b. Clicking each task button is divided into two cases:
firstly, a window is opened and a task is being executed: stopping tasks
② the window is opened without task execution or the window is in closed state
c. And under the condition that the current window has no task to run, judging whether the task needing to be opened currently runs or not according to corresponding task information in the task list, if so, issuing a task checking instruction according to the task ID, and then jumping to a window page. Otherwise, directly jumping to the window page.
Third, returning page recovery page parameter and task running state function aspect
a. And respectively storing the task parameters of the current window of the multitask switching in the several stages during page loading:
first, the stage of loading page
② stage for starting execution of task state
Thirdly, manually stopping task
b. And taking the task parameter successfully returned by the request of the viewing task instruction as a recovery parameter of the returned viewing task interface.
c. Clicking the close button ends all tasks in the real-time task.
Fourthly, actual application scene of multi-task switching based on single-page application
In practical application, a user may need to collect spectrum data and compare the spectrum data with the past spectrum data to find an abnormal signal, and in the process of executing a real-time monitoring task of full-band scanning, the user needs to perform a frequency measurement task on a certain frequency band at the same time, and at this time, a multi-task switching operation is needed.
By adopting the method for realizing multi-task switching in the radio Web single-page application, the user experience is good, and for the executed task, the user does not need to open the page again and can directly click and switch in the task list. The change of the real-time task content does not need to reload the whole page, and the stress on the server is small when the multi-task is switched on the basis of the change of the real-time task content. The invention realizes the effect of multi-page switching in single-page application. The uniqueness of the task item display of the real-time task list is embodied by the equipment name and the task name, the task spectrum data can be checked in a limited visual range at the best resolution, and the websocket channel does not need to be opened all the time at the front end under the state that the background task is continuously executed, so that the performance consumption is reduced.
In this specification, the invention has been described with reference to specific embodiments thereof. It will, however, be evident that various modifications and changes may be made thereto without departing from the broader spirit and scope of the invention. The specification and drawings are, accordingly, to be regarded in an illustrative rather than a restrictive sense.
Claims (6)
1. A method for implementing a multitask handoff in a radio Web single page application, said method comprising the steps of:
(1) clicking the button assembly minimizes the task page;
(2) taking the device name and the task name as buttons to display an executing task list;
(3) clicking the task items in the task list, and returning to the corresponding task viewing interface;
(4) clicking the close button ends all task functional aspects.
2. The method for implementing multitask switching in radio Web Single Page application according to claim 1, wherein said step (1) specifically comprises the steps of:
(1.1) clicking a minimize button;
(1.2) judging whether the task list is empty, if so, adding the current task into the task list, and continuing the step (1); otherwise, continuing the step (1.3);
(1.3) initializing the task count to 0;
(1.4) judging whether the task count is smaller than the length of the task list, if so, continuing the step (1.5); otherwise, exiting the loop;
(1.5) comparing the current task with the task list, and performing duplicate removal operation and task addition operation;
(1.6) adding 1 to the task count, and continuing to the step (1.4).
3. The method for implementing multitask switching in radio Web Single Page application according to claim 2, wherein said step (1.1) specifically comprises the steps of:
(1.1.1) acquiring a task list after minimization, and acquiring task parameters of a current page;
(1.1.2) click minimize button;
(1.1.3) judging whether the task being executed in the task list exceeds the upper limit of the specified multi-task switching, if so, not adding the current task into the task list; otherwise, performing duplicate removal filtering on the task parameters of the current page and the task parameters in the list when the task list is added, and only keeping a task with the same task name under the same equipment in the task list;
(1.1.4) hide windows with cs style.
4. The method for implementing multitask switching in radio Web Single Page application according to claim 1, wherein said step (2) specifically comprises the steps of:
(2.1) clicking a task list item return window;
(2.2) judging whether a task is executed when the current window is opened, and if so, stopping checking the task instruction; otherwise, continuing the step (2.3);
(2.3) judging whether the ID of the current task list item is empty, if so, continuing the step (2.4); otherwise, issuing a view opening instruction according to the task ID;
and (2.4) jumping to the window page.
5. The method for implementing multitask switching in radio Web Single Page application according to claim 4, wherein said step (2.1) is specifically:
and rendering the task list to an interface, and acquiring task information stored in the task list.
6. The method for implementing multitask switching in radio Web Single Page application according to claim 1, wherein said step (3) specifically comprises the steps of:
(3.1) respectively storing the task parameters of the current window of the multitask switching at the stage of starting loading of the page, the stage of changing the task state into starting execution and the stage of manually stopping the task;
(3.2) taking the task parameter successfully returned by the checking task instruction request as a recovery parameter of a returned checking task interface;
and (3.3) clicking a closing button to finish all the tasks in the real-time tasks.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011428127.5A CN112433803B (en) | 2020-12-09 | 2020-12-09 | Method for implementing multi-task switching in radio Web single page application |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011428127.5A CN112433803B (en) | 2020-12-09 | 2020-12-09 | Method for implementing multi-task switching in radio Web single page application |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112433803A true CN112433803A (en) | 2021-03-02 |
| CN112433803B CN112433803B (en) | 2023-06-20 |
Family
ID=74692068
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011428127.5A Active CN112433803B (en) | 2020-12-09 | 2020-12-09 | Method for implementing multi-task switching in radio Web single page application |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112433803B (en) |
Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102243559A (en) * | 2010-05-13 | 2011-11-16 | 成都索贝数码科技股份有限公司 | Method and system for managing media asset by using graphical interface |
| US20120159295A1 (en) * | 2010-12-16 | 2012-06-21 | Rabstejnek Wayne S | Method for single page browser multi-tasking |
| CN103294451A (en) * | 2012-02-22 | 2013-09-11 | 腾讯科技（深圳）有限公司 | Method and system for implementing applied multiple tasks and multiple windows in rich page |
| CN104024985A (en) * | 2011-12-28 | 2014-09-03 | 三星电子株式会社 | Multitasking method and apparatus of user device |
| CN105204933A (en) * | 2015-09-18 | 2015-12-30 | 上海斐讯数据通信技术有限公司 | Multitask switching execution method based on single process, multitask switching execution system based on single process and processor |
| CN106227739A (en) * | 2016-07-13 | 2016-12-14 | 克拉玛依红有软件有限责任公司 | A kind of realize data request method based on multitask |
| CN107105336A (en) * | 2017-04-19 | 2017-08-29 | 腾讯科技（深圳）有限公司 | Data processing method and data processing equipment |
| CN108008869A (en) * | 2016-10-31 | 2018-05-08 | 南宁富桂精密工业有限公司 | Switch the method and system of different sessions window in single-page |
| CN108536832A (en) * | 2018-04-12 | 2018-09-14 | 江南大学 | A kind of page layout switch intelligent animation effect application process and system |
| CN108959455A (en) * | 2018-06-15 | 2018-12-07 | 上海陆家嘴国际金融资产交易市场股份有限公司 | Single page Web application implementation method, device, computer equipment and storage medium |
| CN110362766A (en) * | 2018-04-02 | 2019-10-22 | 腾讯科技（深圳）有限公司 | A kind of page display control method and terminal |
-
2020
- 2020-12-09 CN CN202011428127.5A patent/CN112433803B/en active Active
Patent Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102243559A (en) * | 2010-05-13 | 2011-11-16 | 成都索贝数码科技股份有限公司 | Method and system for managing media asset by using graphical interface |
| US20120159295A1 (en) * | 2010-12-16 | 2012-06-21 | Rabstejnek Wayne S | Method for single page browser multi-tasking |
| CN104024985A (en) * | 2011-12-28 | 2014-09-03 | 三星电子株式会社 | Multitasking method and apparatus of user device |
| CN103294451A (en) * | 2012-02-22 | 2013-09-11 | 腾讯科技（深圳）有限公司 | Method and system for implementing applied multiple tasks and multiple windows in rich page |
| CN105204933A (en) * | 2015-09-18 | 2015-12-30 | 上海斐讯数据通信技术有限公司 | Multitask switching execution method based on single process, multitask switching execution system based on single process and processor |
| CN106227739A (en) * | 2016-07-13 | 2016-12-14 | 克拉玛依红有软件有限责任公司 | A kind of realize data request method based on multitask |
| CN108008869A (en) * | 2016-10-31 | 2018-05-08 | 南宁富桂精密工业有限公司 | Switch the method and system of different sessions window in single-page |
| CN107105336A (en) * | 2017-04-19 | 2017-08-29 | 腾讯科技（深圳）有限公司 | Data processing method and data processing equipment |
| CN110362766A (en) * | 2018-04-02 | 2019-10-22 | 腾讯科技（深圳）有限公司 | A kind of page display control method and terminal |
| CN108536832A (en) * | 2018-04-12 | 2018-09-14 | 江南大学 | A kind of page layout switch intelligent animation effect application process and system |
| CN108959455A (en) * | 2018-06-15 | 2018-12-07 | 上海陆家嘴国际金融资产交易市场股份有限公司 | Single page Web application implementation method, device, computer equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112433803B (en) | 2023-06-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107122119B (en) | Information processing method, information processing device, electronic equipment and computer readable storage medium | |
| US20100180202A1 (en) | User Interfaces for Electronic Devices | |
| EP2642394A1 (en) | Test device | |
| CN108984395A (en) | A kind of application program launching time-consuming test method, device and storage medium | |
| CN111447239B (en) | Video stream playing control method, device and storage medium | |
| CN105335224A (en) | Application switching method and apparatus | |
| CN110620844A (en) | Program starting method, device, equipment and storage medium | |
| CN112099684A (en) | Search display method and device and electronic equipment | |
| CN109376015A (en) | Solution and system are blocked in log for task scheduling system | |
| CN112083854A (en) | Application program running method and device | |
| CN105893019A (en) | User manual calling-out method and apparatus for smartphone | |
| CN108549575B (en) | Processing method and device for quitting split screen, storage medium and electronic equipment | |
| US20040001100A1 (en) | Method and multimode user interface for processing user inputs | |
| CN112433803A (en) | Method for realizing multi-task switching in radio Web single page application | |
| CN112162800B (en) | Page display method, page display device, electronic equipment and computer readable storage medium | |
| CN106982254B (en) | The method and apparatus of file download | |
| CN105827845A (en) | Incoming call processing method and terminal | |
| CN110502341A (en) | The method, apparatus and storage medium of mobile terminal cleaning memory | |
| WO2009087890A1 (en) | Information processing apparatus and program | |
| CN113687942B (en) | Detection method and device and electronic equipment | |
| CN108228307B (en) | Application display method and device, storage medium and electronic equipment | |
| CN112988355A (en) | Program task scheduling method and device, terminal equipment and readable storage medium | |
| CN111741053A (en) | Data pre-downloading method, device, server, terminal and storage medium | |
| CN112486368B (en) | Application program management method and device | |
| CN113726946B (en) | Application program control method and device |
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 |