Dynamic display method for webpage side real-time data

A technology of real-time data and dynamic display, applied in electrical digital data processing, special data processing applications, instruments, etc., can solve problems such as singleness, and achieve the effect of achieving effectiveness and real-time performance.

Inactive Publication Date: 2018-06-29
G CLOUD TECH
View PDF4 Cites 5 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] The technical problem solved by the present invention is to provide a dynamic display method of real-time data on the web page; it is not limited by the container for data display, and can filter the data in the database in a targeted manner according to the user's choice, and display the data in real time; mainly Solve the problem of singleness and lag in data display on the website, improve the visual experience of users, and increase the number of visits to the website

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Dynamic display method for webpage side real-time data

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0012] Such as figure 1 As shown, in order to achieve the above object, the present invention is realized through the following technical solutions, displaying the end bubble production method: the front end sends an Ajax data request to the back end to request dynamic data, and uses the $.each method to cycle data and dynamically create a tag binding data at the same time Bind mouse hover event hover effect and mouse click event pop-up data details effect for each bubble, and set random rising speed and random position for each bubble data through random function, and set each bubble data from small to small Large animation effects and text display methods realize the dynamic display of large amounts of data.

[0013] Back-end data filtering method: When traditional websites filter data based on regions, they usually use keywords such as "Guangdong Province" as data filtering conditions, often with slow response time, which affects the overall experience of the website. This ...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention relates to the leading technical field of internet web, in particular to a dynamic display method for webpage side real-time data. A display side data presentation mode, a back end datafiltering mode and a front and back end data binding mode are included. According to the display side data presentation mode, data is displayed to users continuously from bottom to top from small to large in a bubble mode, when a user moves a mouse to hover over a certain bubble, the bubble can stop moving, complete data details can be displayed on a popup layer just by clicking the bubble, the user can know more information conveniently, the defect that data display is limited by a container is overcome, and dynamic display of a large amount of data is achieved; according to the back end datafiltering mode, data in a database is pertinently screened out according to a server type or a region selected by the user; according to the front and back end data binding mode, real-time binding ofdata and pages is achieved through vue+Javascript. Dynamic bubble display of webpage side real-time data is achieved.

Description

technical field [0001] The invention relates to the technical field of Internet web front ends, in particular to a method for dynamically displaying real-time data on a web page. Background technique [0002] At present, the website data is mainly displayed in the form of tables, lists, and carousels, and it is often not possible to display all the data due to the influence of the page layout. When users or employers publish some needs and resources, it is impossible to push them in real time to obtain timely feedback, or when users log in to the website, they cannot push the services and resources closest to the user regionally according to the user's geographical location. Contents of the invention [0003] The technical problem solved by the present invention is to provide a dynamic display method of real-time data on the web page; it is not limited by the container for data display, and can filter the data in the database in a targeted manner according to the user's ch...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Applications(China)
IPC IPC(8): G06F17/30
CPCG06F16/245G06F16/9577
Inventor 周谦季统凯
Owner G CLOUD TECH
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap