Single-page application display method and device, server, device and readable medium

A single-page application and display device technology, applied in the direction of program control devices, special data processing applications, instruments, etc., can solve the problem that single-page applications do not have the function of preloading, cannot be directly rendered and returned by the server, and single-page applications flash etc. to achieve the effect of reducing data transmission size, making full use of idle network resources, and smooth page switching

Inactive Publication Date: 2018-02-23
BEIJING BAIDU NETCOM SCI & TECH CO LTD
View PDF8 Cites 17 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] 1. Existing single-page applications need to be rendered on the browser side, but it is generally impossible to directly render and return the server side, resulting in a relatively slow display speed
[0006] 2. Existing single-page applications do not have the function of preloading, and most single-page refreshes have serious loading waiting and lagging browser rendering
[0007] 3. Existing single-page applications still have flickering phenomenon when refreshing

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
  • Single-page application display method and device, server, device and readable medium
  • Single-page application display method and device, server, device and readable medium
  • Single-page application display method and device, server, device and readable medium

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0065] like figure 1 As shown, Embodiment 1 of the present invention provides a method for displaying a single-page application, which is applied in a client, and the method includes:

[0066] S110: Send a data request to the server, and the server extracts the corresponding business data in the front-end code data layer, and performs a page data request in the server intranet. The server intranet is a network composed of multiple servers including the server (the network can also be referred to as the server side). Since the server receiving the client request may not necessarily store corresponding complete data, it is necessary to Data requests are made in the server intranet.

[0067] When the user opens the browser and enters the single-page application, it needs to request the server to display the current webpage. So the client sends the data request to the server. After the server receives the request, it extracts the corresponding business data from the stored fron...

Embodiment 2

[0078] On the basis of Embodiment 1, this Embodiment 2 adds the data pre-recording function on the page, and the specific scheme is as follows:

[0079] like Figure 4 As shown, Embodiment 2 provides a single-page application display method, including:

[0080] S210: Send a data request to the server, and the server extracts the corresponding business data in the front-end code data layer, and performs a page data request in the server intranet.

[0081] S220: Receive the service data returned by the server and store it in the data pool.

[0082] S230: Receive and display the formed page obtained after rendering the page data by the Node side.

[0083] S240: Perform data preloading on links on the current page.

[0084] In the second embodiment, in order to further speed up the page display, a step of data preloading is added on the basis of the solution in the first embodiment, and the following only specifically describes this step in detail:

[0085] like Figure 5 As ...

Embodiment 3

[0095] In order to make reasonable use of local resources and avoid repeatedly obtaining data from the server in Embodiment 3, the third embodiment adds a step of judging and loading local resources on the basis of Embodiment 2. The specific technical solution is:

[0096] like Image 6 As shown, Embodiment 3 provides a single-page application display method, including:

[0097] S310: Determine whether the local cache has the required resource file, and if so, load it first; if not, execute the step S320.

[0098] S320: Send a data request to the server, and the server extracts corresponding business data in the data layer of the front-end code, and performs a page data request in the server intranet.

[0099] S330: Receive the service data returned by the server and store it in the data pool.

[0100] S340: Receive and display the formed page obtained after rendering the page data by the Node side.

[0101] S350: Perform data preloading on links on the current page.

[01...

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 provides a single-page application display method, which includes steps of sending a data request to a server, and extracting corresponding business data from a front end code data layerby the server, and carrying out a page data request in an internal network of the server; receiving the business data returned by the server and storing in a data pond; receiving and displaying a shaping page acquired after rending the page data by a Node terminal. Through the page rendering at the server, the page is returned to a client to directly analyze and display, thus the client renderingprocess is reduced. Besides, when the acquired page data is rendered, a business code is also sent to the client, thereby avoiding of the client request of data from the server for many times. Besides, the invention further provides the device of a single-page application, a device and a computer readable medium.

Description

technical field [0001] The present invention relates to the technical field of single-page applications, in particular to a method and device for displaying single-page applications, a server, equipment, and a computer-readable medium. Background technique [0002] The traditional form of web pages needs to be reloaded for each new page, that is, when a user enters a web page in the client, the client needs to send a request to the server, and then the server returns the corresponding content, and the client performs all loading and rendering . And because the traditional webpage form needs to reload all pages again every time a new page is entered, the speed of loading and displaying is slow. [0003] For this, another web page presentation form is provided in the background art, that is, a website form of a single page application. A single-page application refers to an application running in a browser, which only loads new page data during use, and does not need to relo...

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/30G06F9/445H04L29/08
CPCG06F9/44521G06F16/958H04L67/60
Inventor 周芳星
Owner BEIJING BAIDU NETCOM SCI & TECH CO LTD
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