CN110554821A - Display method, system and equipment of suspension frame for screening query conditions - Google Patents
Display method, system and equipment of suspension frame for screening query conditions Download PDFInfo
- Publication number
- CN110554821A CN110554821A CN201910811764.1A CN201910811764A CN110554821A CN 110554821 A CN110554821 A CN 110554821A CN 201910811764 A CN201910811764 A CN 201910811764A CN 110554821 A CN110554821 A CN 110554821A
- Authority
- CN
- China
- Prior art keywords
- suspension frame
- query condition
- frame
- displaying
- sub
- 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
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/245—Query processing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/248—Presentation of query results
-
- 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
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- 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
- G06F3/0485—Scrolling or panning
Abstract
according to the display method, the system and the equipment for the suspension frame for screening the query conditions, the query conditions are placed in the suspension frame, and the suspension frame can be suspended above the list to display all the query conditions for the user to query and use by modifying in a mode that the user only needs to click the query button when the user queries and uses the suspension frame. And the phenomenon that the system occupies too much page space when the query conditions are too much, and influences data display and page attractiveness is further solved. After the mode is modified, the display space and the attractiveness of the page data are guaranteed, and the user experience is greatly improved.
Description
Technical Field
The invention relates to the technical field of computers, in particular to a method, a system and equipment for displaying a suspension frame for screening query conditions.
Background
With the fact that the existing application system is continuously huge, the attribute of the displayed resource is more and more, the places with excessive query conditions above the resource list in the application system are more and more, the excessive query conditions occupy too many pages, the display space of the resource list is reduced, the pages are not attractive, and the user experience is seriously influenced.
at present, there are many methods for solving the problem of excessive query conditions, and most of them are to modify the query box in a way of reducing the size, or to put frequently used query conditions outside, to put less frequently used query conditions in the advanced buttons, and to click the page of the advanced buttons to show all the query conditions. At this time, the page query condition still occupies too much page area, which leads to the problems that the list display space is reduced and the page is not beautiful. Thereby affecting the ease of use and simplicity of the system.
disclosure of Invention
In view of the above problems, an object of the present invention is to provide a method, a system, and a device for displaying a floating frame for screening query conditions, which effectively solve the problems that when the query conditions above a resource list in the system are too many, the occupied pages are too many, which results in a reduction in the display space of the list and a change of the pages into unattractive ones. Thereby improving the usability and simplicity of the system.
In order to achieve the purpose, the invention is realized by the following technical scheme: a display method of a floating frame for query condition screening, comprising:
Detecting whether a user clicks an inquiry button under a current system or not;
If the query button clicked by the user is detected, starting a suspension frame, and displaying a query condition option setting identifier in the suspension frame;
obtaining the staying time of the mouse in the query condition option setting identification in the suspension frame;
when the retention time is larger than a preset threshold value, obtaining description information of the query condition option;
And generating a sub-suspension frame for displaying the description information and presenting the sub-suspension frame to a user.
Further, still include:
acquiring the position of a current mouse;
If the current mouse is not in the suspension frame, starting idle time timing of the suspension frame;
And if the idle time of the current suspension frame is equal to the effective time of the suspension frame preset by a user, closing the suspension frame.
Further, still include:
acquiring a vertical offset value of page scrolling;
And when the vertical deviation value of the page scrolling is larger than a preset deviation threshold value, setting the vertical deviation values of the suspension frame and the sub-suspension frame as the vertical deviation value of the page scrolling.
Further, still include:
Detecting whether a user clicks a suspension frame closing button or not;
if so, setting the vertical offset value of the suspension frame as the initial position value of the suspension frame, and setting the vertical offset value of the sub-suspension frame as the initial position value of the sub-suspension frame.
further, the obtaining the dwell time of the mouse in the query condition option setting identifier in the suspension frame includes:
Setting a mouse staying event, and obtaining the staying time of the mouse in the query condition option setting identification in the suspension frame through the mouse hovering event.
Further, the generating and presenting a sub-hover frame for displaying the instructional information to a user comprises:
And acquiring description information of the query condition options from the attribute file of the query condition options, performing format conversion on the acquired description information, and writing the description information subjected to the format conversion into a sub-suspension frame.
correspondingly, the invention also discloses a display system of the suspension frame for screening the query conditions, which comprises the following components:
The detection module is used for detecting whether a user clicks an inquiry button under the current system or not;
the starting module is used for starting the suspension frame and displaying the query condition option setting identification in the suspension frame;
the time acquisition module is used for acquiring the staying time of the mouse in the query condition option setting identification in the suspension frame;
the first time comparison module is used for obtaining the description information of the query condition options when the retention time is greater than a preset threshold value;
And the generating module is used for generating a sub-suspension frame for displaying the description information and presenting the sub-suspension frame to a user.
Further, still include:
the position acquisition module is used for acquiring the position of the current mouse;
The timing starting module is used for starting the idle time timing of the suspension frame if the current mouse is not in the suspension frame;
And the second time comparison module is used for closing the suspension frame if the idle time of the current suspension frame is equal to the effective time of the suspension frame preset by the user.
further, still include:
The offset value acquisition module is used for acquiring a vertical offset value of page scrolling;
and the offset value setting module is used for setting the vertical offset values of the suspension frame and the sub-suspension frame as the vertical offset value of the page scrolling when the vertical offset value of the page scrolling is greater than a preset offset threshold value.
Correspondingly, the invention also discloses a display device of the suspension frame for screening the query conditions, which comprises:
A memory for storing a computer program;
a processor for implementing the steps of the method for displaying a floating frame for query condition screening as described in any one of the above when the computer program is executed.
Compared with the prior art, the invention has the beneficial effects that: the invention provides a display method, a system and equipment of a suspension frame for screening query conditions. And the phenomenon that the system occupies too much page space when the query conditions are too much, and influences data display and page attractiveness is further solved. After the mode is modified, the display space and the attractiveness of the page data are guaranteed, and the user experience is greatly improved.
The floating frame provided by the invention also has the functions of displaying the description information of the query condition options, automatically closing the page and rolling and following the page, thereby being convenient for the user to use and improving the query efficiency.
therefore, compared with the prior art, the invention has prominent substantive features and remarkable progress, and the beneficial effects of the implementation are also obvious.
Drawings
in order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the provided drawings without creative efforts.
FIG. 1 is a flow chart of the method of the present invention.
FIG. 2 is a flow chart of a method for implementing an automatic shutdown function for a floating frame according to the present invention.
FIG. 3 is a flow chart of a method for implementing a page scroll following function by a floating frame according to the present invention.
Fig. 4 is a system configuration diagram of the present invention.
Detailed Description
the following description of the embodiments of the present invention will be made with reference to the accompanying drawings.
a method for displaying a floating frame for query condition screening as shown in fig. 1, includes:
And detecting whether the user clicks a query button under the current system.
and if the query button clicked by the user is detected, starting a suspension frame, and displaying a query condition option setting identifier in the suspension frame.
And obtaining the retention time of the query condition option setting identification of the mouse in the suspension frame. The method specifically comprises the following steps: setting a mouse staying event, and obtaining the staying time of the mouse in the query condition option setting identification in the suspension frame through the mouse hovering event.
And when the stay time is greater than a preset threshold value, obtaining the description information of the query condition option.
and generating a sub-suspension frame for displaying the description information and presenting the sub-suspension frame to a user. The method specifically comprises the following steps: and acquiring description information of the query condition options from the attribute file of the query condition options, performing format conversion on the acquired description information, and writing the description information subjected to the format conversion into a sub-suspension frame.
In the following, how to make the floating frame exhibit the automatic closing function in the embodiment of the present invention is described, as shown in fig. 2, the display method of the floating frame for query condition screening provided by the present invention further includes:
And acquiring the current mouse position.
And if the current mouse is not in the suspension frame, starting the idle time timing of the suspension frame.
and if the idle time of the current suspension frame is equal to the effective time of the suspension frame preset by a user, closing the suspension frame.
how to make the floating frame present the page scrolling following function in the embodiment of the present invention is described below, as shown in fig. 3, the display method of the floating frame for query condition screening provided by the present invention further includes:
a vertical offset value for page scrolling is obtained.
And when the vertical deviation value of the page scrolling is larger than a preset deviation threshold value, setting the vertical deviation values of the suspension frame and the sub-suspension frame as the vertical deviation value of the page scrolling.
whether the user clicks a suspension frame closing button or not is detected.
If so, setting the vertical offset value of the suspension frame as the initial position value of the suspension frame, and setting the vertical offset value of the sub-suspension frame as the initial position value of the sub-suspension frame.
Correspondingly, the invention also discloses a display system of the suspension frame for screening the query conditions, which comprises the following steps:
The detection module is used for detecting whether a user clicks an inquiry button under the current system or not;
The starting module is used for starting the suspension frame and displaying the query condition option setting identification in the suspension frame;
the time acquisition module is used for acquiring the staying time of the mouse in the query condition option setting identification in the suspension frame;
the first time comparison module is used for obtaining the description information of the query condition options when the retention time is greater than a preset threshold value;
the generation module is used for generating a sub-suspension frame for displaying the description information and presenting the sub-suspension frame to a user;
the position acquisition module is used for acquiring the position of the current mouse;
the timing starting module is used for starting the idle time timing of the suspension frame if the current mouse is not in the suspension frame;
the second time comparison module is used for closing the suspension frame if the idle time of the current suspension frame is equal to the effective time of the suspension frame preset by a user;
the offset value acquisition module is used for acquiring a vertical offset value of page scrolling;
and the offset value setting module is used for setting the vertical offset values of the suspension frame and the sub-suspension frame as the vertical offset value of the page scrolling when the vertical offset value of the page scrolling is greater than a preset offset threshold value.
Correspondingly, the invention also discloses a display device of the suspension frame for screening the query conditions, which comprises:
A memory for storing a computer program;
a processor for implementing the steps of the method for displaying a floating frame for query condition screening as described in one of the above items when the computer program is executed.
aiming at the problem that the query conditions of the system resource list occupy too much page area, the method abandons the prior hiding method of reducing or not frequently used query frames of all query conditions, displays all processing mechanisms in the page by clicking a high-level button during use, realizes displaying all query conditions in a suspension frame again, and ensures the display space of page list data and the processing mechanism of the aesthetic measure of the page by clicking the query button by a user, wherein all query conditions are displayed in the suspension frame without occupying the original space of the page. The specific implementation is that all the query conditions in the page are placed in the suspension frame, the user clicks the query button, the query conditions are displayed above the list in a suspension mode, and the user can edit and check the screening conditions in the suspension frame. The suspension frame does not occupy the space of the original page. The suspension frame has the functions of explaining information display, automatic closing and page rolling following of the query condition options, so that the query is not influenced, the list is not shielded, and the list display and the page attractiveness are not influenced. The problem that when query conditions are excessive, the occupied page is excessive, and the display of list data and the attractiveness of the page are affected is solved.
in conclusion, the realization method greatly improves the user experience while solving the phenomenon that the display and the attractiveness of the page list data are influenced by the excessive occupation of the pages by the excessive query conditions. This result meets our requirements for the system.
Those skilled in the art will readily appreciate that the techniques of the embodiments of the present invention may be implemented as software plus a required general purpose hardware platform. Based on such understanding, the technical solutions in the embodiments of the present invention may be embodied in the form of a software product, where the computer software product is stored in a storage medium, such as a usb disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and the like, and the storage medium can store program codes, and includes instructions for enabling a computer terminal (which may be a personal computer, a server, or a second terminal, a network terminal, and the like) to perform all or part of the steps of the method in the embodiments of the present invention. The same and similar parts in the various embodiments in this specification may be referred to each other. Especially, for the terminal embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and the relevant points can be referred to the description in the method embodiment.
in the embodiments provided by the present invention, it should be understood that the disclosed system, system and method can be implemented in other ways. For example, the above-described system embodiments are merely illustrative, and for example, the division of the units is only one logical functional division, and other divisions may be realized in practice, for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, systems or units, and may be in an electrical, mechanical or other form.
the units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
In addition, functional modules in the embodiments of the present invention may be integrated into one processing unit, or each module may exist alone physically, or two or more modules are integrated into one unit.
The invention is further described with reference to the accompanying drawings and specific embodiments. It should be understood that these examples are for illustrative purposes only and are not intended to limit the scope of the present invention. Further, it should be understood that various changes or modifications of the present invention may be made by those skilled in the art after reading the teaching of the present invention, and these equivalents also fall within the scope of the present application.
Claims (10)
1. a display method of a floating frame for query condition screening is characterized by comprising the following steps:
detecting whether a user clicks an inquiry button under a current system or not;
if the query button clicked by the user is detected, starting a suspension frame, and displaying a query condition option setting identifier in the suspension frame;
obtaining the staying time of the mouse in the query condition option setting identification in the suspension frame;
when the retention time is larger than a preset threshold value, obtaining description information of the query condition option;
and generating a sub-suspension frame for displaying the description information and presenting the sub-suspension frame to a user.
2. the method for displaying a floating frame for query condition screening according to claim 1, further comprising:
Acquiring the position of a current mouse;
If the current mouse is not in the suspension frame, starting idle time timing of the suspension frame;
and if the idle time of the current suspension frame is equal to the effective time of the suspension frame preset by a user, closing the suspension frame.
3. the method for displaying a floating frame for query condition screening according to claim 1, further comprising:
acquiring a vertical offset value of page scrolling;
And when the vertical deviation value of the page scrolling is larger than a preset deviation threshold value, setting the vertical deviation values of the suspension frame and the sub-suspension frame as the vertical deviation value of the page scrolling.
4. The method of displaying a floating frame for query condition screening according to claim 3, further comprising:
Detecting whether a user clicks a suspension frame closing button or not;
If so, setting the vertical offset value of the suspension frame as the initial position value of the suspension frame, and setting the vertical offset value of the sub-suspension frame as the initial position value of the sub-suspension frame.
5. the method of claim 1, wherein the obtaining the dwell time of the mouse in the hover box for the query condition option setting identifier comprises:
setting a mouse staying event, and obtaining the staying time of the mouse in the query condition option setting identification in the suspension frame through the mouse hovering event.
6. The method for displaying a floating frame for query condition screening according to claim 1, wherein the generating a sub-floating frame for displaying the description information and presenting the sub-floating frame to a user comprises:
and acquiring description information of the query condition options from the attribute file of the query condition options, performing format conversion on the acquired description information, and writing the description information subjected to the format conversion into a sub-suspension frame.
7. a display system for a floating frame for query condition screening, comprising:
the detection module is used for detecting whether a user clicks an inquiry button under the current system or not;
The starting module is used for starting the suspension frame and displaying the query condition option setting identification in the suspension frame;
the time acquisition module is used for acquiring the staying time of the mouse in the query condition option setting identification in the suspension frame;
The first time comparison module is used for obtaining the description information of the query condition options when the retention time is greater than a preset threshold value;
And the generating module is used for generating a sub-suspension frame for displaying the description information and presenting the sub-suspension frame to a user.
8. the system for displaying a floating frame for query condition screening of claim 7, further comprising:
the position acquisition module is used for acquiring the position of the current mouse;
The timing starting module is used for starting the idle time timing of the suspension frame if the current mouse is not in the suspension frame;
And the second time comparison module is used for closing the suspension frame if the idle time of the current suspension frame is equal to the effective time of the suspension frame preset by the user.
9. The system for displaying a floating frame for query condition screening of claim 7, further comprising:
the offset value acquisition module is used for acquiring a vertical offset value of page scrolling;
and the offset value setting module is used for setting the vertical offset values of the suspension frame and the sub-suspension frame as the vertical offset value of the page scrolling when the vertical offset value of the page scrolling is greater than a preset offset threshold value.
10. a display device for a floating frame for query condition screening, comprising:
A memory for storing a computer program;
a processor for implementing the steps of the method for displaying a floating frame for query condition screening according to any one of claims 1 to 6 when executing the computer program.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910811764.1A CN110554821A (en) | 2019-08-30 | 2019-08-30 | Display method, system and equipment of suspension frame for screening query conditions |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910811764.1A CN110554821A (en) | 2019-08-30 | 2019-08-30 | Display method, system and equipment of suspension frame for screening query conditions |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110554821A true CN110554821A (en) | 2019-12-10 |
Family
ID=68738430
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910811764.1A Pending CN110554821A (en) | 2019-08-30 | 2019-08-30 | Display method, system and equipment of suspension frame for screening query conditions |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110554821A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113535295A (en) * | 2021-06-22 | 2021-10-22 | 杭州安恒信息技术股份有限公司 | Interaction method and device for screening box based on element-UI, computer equipment and medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103034517A (en) * | 2012-12-14 | 2013-04-10 | 北京奇虎科技有限公司 | Method and device for loading browser control tool |
| CN103914535A (en) * | 2014-03-31 | 2014-07-09 | 百度在线网络技术（北京）有限公司 | Information acquisition method and device |
| CN104267882A (en) * | 2014-10-23 | 2015-01-07 | 中国建设银行股份有限公司 | Page suspension frame display method and device |
| WO2018153232A1 (en) * | 2017-02-27 | 2018-08-30 | 腾讯科技（深圳）有限公司 | Search component presentation method, electronic device and non-volatile computer storage medium |
-
2019
- 2019-08-30 CN CN201910811764.1A patent/CN110554821A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103034517A (en) * | 2012-12-14 | 2013-04-10 | 北京奇虎科技有限公司 | Method and device for loading browser control tool |
| CN103914535A (en) * | 2014-03-31 | 2014-07-09 | 百度在线网络技术（北京）有限公司 | Information acquisition method and device |
| CN104267882A (en) * | 2014-10-23 | 2015-01-07 | 中国建设银行股份有限公司 | Page suspension frame display method and device |
| WO2018153232A1 (en) * | 2017-02-27 | 2018-08-30 | 腾讯科技（深圳）有限公司 | Search component presentation method, electronic device and non-volatile computer storage medium |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113535295A (en) * | 2021-06-22 | 2021-10-22 | 杭州安恒信息技术股份有限公司 | Interaction method and device for screening box based on element-UI, computer equipment and medium |
| CN113535295B (en) * | 2021-06-22 | 2024-03-22 | 杭州安恒信息技术股份有限公司 | Interaction method, device, computer equipment and medium of screening frame based on element-UI |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR101733943B1 (en) | Hierarchically-organized control galleries | |
| WO2020062980A1 (en) | File access tracking method, device, storage medium and terminal | |
| US9064233B2 (en) | Methods and apparatus for device-specific analytics data visualization | |
| US20200042568A1 (en) | Browser Page Display Method and Apparatus, Storage Medium and Terminal | |
| WO2020062985A1 (en) | Block device access tracking method and apparatus, storage medium and terminal | |
| EP2874054A1 (en) | Application text adjusting method, device, and terminal | |
| WO2017219524A1 (en) | Page saving method and electronic device | |
| CN109960491A (en) | Application program generation method, generating means, electronic equipment and storage medium | |
| CN106155654B (en) | Method and device for shielding webpage operation and electronic equipment | |
| CN105022810A (en) | Method and device for displaying page location browsing information | |
| CN105242832B (en) | Method and device for displaying screen locking information flow | |
| CN104216618A (en) | Interface control method | |
| CN106469036B (en) | Information display method and client | |
| CN110647704B (en) | Page updating method, device and equipment | |
| CN103870191A (en) | Method and electronic equipment for saving webpage | |
| AU2017268604B2 (en) | Accumulated retrieval processing method, device, terminal, and storage medium | |
| US20160154545A1 (en) | Electronic device and method for managing and displaying application icons | |
| CN109429091A (en) | Promote method, storage medium, electronic equipment and the system of live streaming viewing experience | |
| CN110554821A (en) | Display method, system and equipment of suspension frame for screening query conditions | |
| CN104484104A (en) | Page display method and page display device | |
| CN107239212B (en) | Method and device for presenting segmentation selection view and user terminal | |
| JP2016502214A (en) | Manage tab buttons | |
| CN105320405A (en) | Icon display method and terminal | |
| TW202016723A (en) | Method for adaptively adjusting amount of information in user interface design and electronic device | |
| CN111258676B (en) | Module preloading method, device, equipment and readable storage medium |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20191210 |
|
| RJ01 | Rejection of invention patent application after publication |