CN107729516A - Single page application methods of exhibiting and device, server, equipment and computer-readable recording medium - Google Patents
Single page application methods of exhibiting and device, server, equipment and computer-readable recording medium Download PDFInfo
- Publication number
- CN107729516A CN107729516A CN201711015270.XA CN201711015270A CN107729516A CN 107729516 A CN107729516 A CN 107729516A CN 201711015270 A CN201711015270 A CN 201711015270A CN 107729516 A CN107729516 A CN 107729516A
- Authority
- CN
- China
- Prior art keywords
- data
- server
- page
- client
- exhibiting
- 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/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- 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/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/60—Scheduling or organising the servicing of application requests, e.g. requests for application data transmissions using the analysis and optimisation of the required network resources
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The present invention proposes a kind of methods of exhibiting of single page application, including：Request of data is sent to server, extracted as server in front-end code data Layer corresponding to business datum, and page data request is carried out in server Intranet；The business datum returned by server is received, and is stored into data pool；Receive and show and the shaping page that obtains after page data renders is carried out by Node ends.By carrying out page rendering in service end, then return again to client and directly carry out parsing displaying, it is possible to reduce the process that client renders.In addition, service code is also sent into client while acquisition page data is rendered, can avoid client repeatedly to server request data by the embodiment of the present invention.In addition, the invention also provides device, equipment and the computer-readable medium of a kind of single page application.
Description
Technical field
The present invention relates to single page applied technical field, more particularly to a kind of single page application methods of exhibiting and device, server,
Equipment and computer-readable medium.
Background technology
Traditional form web page is, it is necessary to which each new page is all reloaded, i.e., user enters some net in the client
, it is necessary to which user end to server sends request during page, the then content as corresponding to returning to server, and all being carried out by client
Loading renders.And because conventional web form when entering new page every time, it is required for again whole pages being carried out again to add
Carry, the speed for loading displaying is slow.
On the other hand, another web page display form is provided in background technology, i.e., the form of websites that single page is applied.Single page should
With the application for referring to running in a browser, it is loaded only for new page data in use, and is not required to
Whole webpage is reloaded, displaying speed can be improved.
However, mainly also there is following defect in the single page application in background technology：
1st, existing single page application needs to complete to render in browser end, and can not generally realize server end and carry out direct wash with watercolours
Dye returns, and causes to show that speed is slow.
2nd, the application of existing single page does not possess the function of preloading, and most of single pages, which refresh, has serious loading to wait, and stagnant
Browser afterwards renders.
3rd, existing single page, which is applied to still have when being refreshed, dodges frequency phenomenon.
The content of the invention
The embodiment of the present invention provides a kind of methods of exhibiting and device, the equipment and computer-readable medium of single page application, with
At least solves above technical problem of the prior art.
In a first aspect, the embodiments of the invention provide a kind of methods of exhibiting of single page application, including：
Request of data is sent to server, extracted as server in front-end code data Layer corresponding to business datum, with
And page data request is carried out in server Intranet；The server Intranet is：By multiple servers inside server end
The network of composition；
The business datum returned by server is received, and is stored in the data pool to client；
Receive and show and the shaping page that obtains after page data renders is carried out by Node ends；The Node ends are positioned at service
In device, and it is the Centronics port that data interaction is carried out for server and client.
With reference in a first aspect, of the invention in the first embodiment of first aspect, methods described also includes step：It is right
Link on the page carries out data preloading.
It is described in second of embodiment of first aspect with reference to the first embodiment of first aspect, the present invention
Step carries out data preloading to the link on current page, including：
Identify the link on the page；
Link on the page is ranked up；
Demand data corresponding to linking is obtained according to sequence, is loaded onto data pool in advance.
It is described in the third embodiment of first aspect with reference to second of embodiment of first aspect, the present invention
Step is ranked up to the link on the page and specifically included：
Obtain the click frequency each linked；
It is ranked up from high to low according to click frequency.
With reference in a first aspect, of the invention in the 4th kind of embodiment of first aspect, the transmission request of data to clothes
Before device step of being engaged in, including step：Judge local cache resource file whether in need, the preferential loading if having；If nothing,
Perform the step：Request of data is sent to server.
Second aspect, the embodiments of the invention provide a kind of methods of exhibiting of single page application, including：
The web-page requests of client are received, the business datum corresponding to extraction in front-end code data Layer, and in Intranet
Carry out page data request；
Business datum is back to the data pool of client, the page data asked in Intranet is sent to Node
End；
Page data is carried out by Node ends to render, and obtains the shaping page, and send to client and shown.
The third aspect, the embodiments of the invention provide a kind of exhibiting device of single page application, including：
Request transmitting unit, for sending request of data to server, extracted by server in front-end code data Layer
Corresponding business datum, and page data request is carried out in server Intranet；The server Intranet is：By server end
The network that internal multiple servers are formed；
Business datum receiving unit, for receiving the business datum returned by server, and store the number to client
According in pond；
Page presentation unit, the shaping page that obtains after page data renders is carried out by Node ends for receiving and showing；
The Node ends are located in server, and it is the Centronics port that data interaction is carried out for server and client.
With reference to the third aspect, in the first embodiment of the third aspect, described device also includes the present invention：Data are pre-
Loading unit, for carrying out data preloading to the link on the page.
It is described in second of embodiment of the third aspect with reference to the first embodiment of the third aspect, the present invention
Data pre-add carrier unit includes：
Identification module, for identifying the link on the page；
Order module, for being ranked up to the link on the page；
Load-on module, for according to demand data corresponding to sequence acquisition link, being loaded onto data pool in advance.
It is described in the third embodiment of the third aspect with reference to second of embodiment of the third aspect, the present invention
Order module is used to obtain the click frequency each linked, is ranked up from high to low according to click frequency.
It is described in the 4th kind of embodiment of the third aspect with reference to the third embodiment of the third aspect, the present invention
Device also includes：Local resource judging unit, it is preferential if having to add for judging local cache resource file whether in need
Carry；If nothing, the request transmitting unit sends request command to server.
Fourth aspect, the embodiments of the invention provide a kind of exhibiting device of single page application, including：
Request reception unit, for receiving the web-page requests of client, the industry corresponding to extraction in front-end code data Layer
Business data, and page data request is carried out in Intranet；
Business datum transmitting element, business datum is back to the data pool of client, the page that will be asked in Intranet
Face data are sent to Node ends；
Page rendering transmitting element, rendered for carrying out page data by Node ends, obtain the shaping page, and send extremely
Client is shown.
The function of described device can be realized by hardware, and corresponding software can also be performed by hardware and is realized.It is described
Hardware or software include one or more modules corresponding with above-mentioned function phase.
In a possible design, the structure of single page application exhibiting device includes processor and memory, described to deposit
Reservoir, which is used to store, supports single page application pre-load means to perform single page application displaying in above-mentioned first aspect and/or second aspect
The program of method, the processor are configurable for performing the program stored in the memory.The single page application displaying
Device can also include communication interface, for single page application exhibiting device and other equipment or communication.
5th aspect, the embodiments of the invention provide a kind of computer-readable medium, is filled for storing single page application displaying
Computer software instructions used are put, it includes being used for the single page application displaying for performing above-mentioned first aspect and/or second aspect
Program in method involved by single page application exhibiting device.
A technical scheme in above-mentioned technical proposal has the following advantages that or beneficial effect：By carrying out page in service end
Face renders, and then returns again to client and directly carries out parsing displaying, it is possible to reduce the process that client renders.It is in addition, of the invention
Service code is also sent into client while acquisition page data is rendered, can avoid client by embodiment
Repeatedly to server request data.
Another technical scheme in above-mentioned technical proposal has the following advantages that or beneficial effect：By to page link
Data carry out preload process, can be page layout switch smoothnesses.It is also possible to reduce period of reservation of number, strengthen user's body
Test, and make full use of network resources free.
Another technical scheme in above-mentioned technical proposal has the following advantages that or beneficial effect：By entering to local resource
Row inquiry, if having in local cache by the data needed, is preferentially loaded, and is then directed to the number not having in local cache again
According to, then make requests on to server, so can reduce data transfer size rationally using local cache resources, accelerate plus
The speed of displaying is carried, reduces and dodges frequency occurrence frequency.
Above-mentioned general introduction is merely to illustrate that the purpose of book, it is not intended to is limited in any way.Except foregoing description
Schematical aspect, outside embodiment and feature, it is further by reference to accompanying drawing and the following detailed description, the present invention
Aspect, embodiment and feature would is that what is be readily apparent that.
Brief description of the drawings
In the accompanying drawings, unless specified otherwise herein, otherwise represent same or analogous through multiple accompanying drawing identical references
Part or element.What these accompanying drawings were not necessarily to scale.It should be understood that these accompanying drawings depict only according to the present invention
Some disclosed embodiments, and should not serve to limit the scope of the present invention.
Fig. 1 is the methods of exhibiting flow chart that the single page of the embodiment of the present invention one is applied；
Fig. 2 is the Organization Chart of management system for internet of things in the embodiment of the present invention one.
Fig. 3 is card form displayed page schematic diagram in the embodiment of the present invention one.
Fig. 4 is the methods of exhibiting flow chart that the single page of the embodiment of the present invention two is applied；
Fig. 5 is the step S240 of inventive embodiments two specific steps flow chart.
Fig. 6 is the methods of exhibiting flow chart that the single page of the embodiment of the present invention three is applied；
Fig. 7 is the methods of exhibiting flow chart that the single page of the embodiment of the present invention four is applied；
Fig. 8 is that the exhibiting device that the single page of the embodiment of the present invention five is applied connects block diagram；
Fig. 9 is that the exhibiting device that the single page of the embodiment of the present invention six is applied connects block diagram；
Figure 10 is the connection block diagram of the data loading unit of the embodiment of the present invention six.
Figure 11 is that the exhibiting device that the single page of the embodiment of the present invention seven is applied connects block diagram；
Figure 12 is that the exhibiting device that the single page of the embodiment of the present invention eight is applied connects block diagram；
Figure 13 is the composition structural representation of the single page application presentation device of the embodiment of the present invention nine.
Embodiment
Hereinafter, some exemplary embodiments are simply just described.As one skilled in the art will recognize that
Like that, without departing from the spirit or scope of the present invention, described embodiment can be changed by various different modes.
Therefore, accompanying drawing and description are considered essentially illustrative rather than restrictive.
The embodiment of the present invention needs to carry out data wash with watercolours in the client when aiming to solve the problem that single page application displaying in the prior art
Dye, cause to show slow defect, and waited carrying out vision stagnation, renewal caused by loaded and displayed to new data
And dodge frequency problem.The embodiment of the present invention in service end mainly by carrying out page rendering, and the chain in customer terminal webpage
Row preload process is tapped into, accelerates displaying speed.Divide the expansion description that embodiment carries out technical scheme below.
Embodiment one
As shown in figure 1, the embodiment of the present invention one provides a kind of methods of exhibiting of single page application, using in the client,
Methods described includes：
S110：Request of data is sent to server, extracted as server in front-end code data Layer corresponding to business number
According to, and page data request is carried out in server Intranet.The server Intranet is by more including the server
The network (network is referred to as server end) that individual server is formed, in the server due to receiving client request not
Corresponding complete data must be stored with, so needing to carry out request of data in server Intranet.
When user opens browser and enters single page application, now need to show current webpage to server request.
So request of data is sent to server by client.After server receives the request, in the front end of the storage of server internal
Corresponding business datum is extracted in code data layer, such as：Implement JavaScript code required for the business, CSS codes
Deng.Meanwhile the server needs to get out the page data required for the page, now by carrying out page in the Intranet of server
The request and preparation of face data.
S120：The business datum returned by server is received, and is stored into data pool.
When server gets out corresponding business datum and page data, business datum is sent into client, visitor
The business datum is stored in data pool by family end.
S130：Receive and show and the shaping page that obtains after page data renders is carried out by Node ends.Node ends position
In in server, it is the Centronics port that data interaction is carried out for server and client.
(checking)
Using the Virtual Dom technologies of React frameworks, server is rendered page data in Node ends, complete
Into the shaping page for possessing final data, i.e., by the html file rendered, then send the file to again in client, by
Client carries out parsing displaying.
By carrying out page rendering in service end in the embodiment of the present invention one, then return again to client and directly parsed
Displaying, it is possible to reduce the process that client renders.In addition, the embodiment of the present invention one obtain page data rendered it is same
When, also service code is sent into client, can avoid client repeatedly to server request data.
Below in conjunction with a specific example, the application process for the methods of exhibiting applied to the single page of the embodiment of the present invention one and
Principle：
The methods of exhibiting that the single page of the present embodiment one is applied is applied in management system for internet of things.As shown in Fig. 2 it is
The Organization Chart of management system for internet of things.Client is provided with Internet of Things management single page application, itself and background service in the present embodiment
Device establishes connection, can be by carrying out setting up for the management modules such as thing model, thing shadow on the client browser.Such as Fig. 3
Shown, it is card form displayed page schematic diagram in the present embodiment.In the present embodiment, with card in the single page five application page
Formula mode is shown to thing model, thing shadow etc..
Specifically, when entering Internet of Things management single page application, the background server gets out business number in Intranet
According to and page data, stored wherein business datum is sent in the data pool into client.For page data, then exist
Node is rendered, and is then returned again to and is shown into client.
Embodiment two
The present embodiment two adds the data on the page and records function, specific scheme in advance on the basis of embodiment one
It is as follows：
As shown in figure 4, embodiment two provides a kind of methods of exhibiting of single page application, including：
S210：Request of data is sent to server, extracted as server in front-end code data Layer corresponding to business number
According to, and page data request is carried out in server Intranet.
S220：The business datum returned by server is received, and is stored into data pool.
S230：Receive and show and the shaping page that obtains after page data renders is carried out by Node ends.
S240：Data preloading is carried out to the link on current page.
In the present embodiment two, in order to further speed up the speed of page presentation, increase on the basis of the scheme of embodiment one
The step of data preload, is below only described in detail specific to the step：
As shown in figure 5, it is this step S240 specific steps flow chart.The step S240 is to the chain on current page
Tap into the preloading of row data, specifically include：
S241：Identify the link on the page.
After the loading of current page is completed, can now there is different links on current page, for jumping to difference
The page.Now, the link on the page is identified, it would be desirable to which the link preloaded is extracted.
It should be noted that when carrying out link identification, all-links can all be extracted, can also be according to making by oneself
Right way of conduct formula extracts to link.For example if some link user infrequently clicks on, it can not be extracted.
S242：Link on the page is ranked up.
In the present embodiment two, the step S242 is specially：The click frequency each linked is obtained, according to click frequency
It is ranked up from high to low.
Specifically, according to basis of the click frequency of link as sequence in this step.And click frequency can be one day
In number of clicks, the number of clicks in one week, or the number of clicks in one month, specific time can be according to not
Same needs are adjusted.
S243：Demand data corresponding to linking is obtained according to sequence, is loaded onto data pool in advance.
After completing link sequence, then data corresponding to the link are obtained successively, specific acquisition modes are by visitor
Request of data corresponding to family end to server transmission, then there is server to carry out again corresponding, and feed back to corresponding data.Work as visitor
After family termination receives data, it is loaded into advance in data pool.
Embodiment three
The present embodiment three avoids repeating to obtain data to server, in embodiment two to rationally utilize local resource
On the basis of increase to local resource carry out judge loading the step of, specific technical scheme is：
As shown in fig. 6, embodiment three provides a kind of methods of exhibiting of single page application, including：
S310：Judge local cache resource file whether in need, the preferential loading if having；If nothing, described in execution
Step S320.
S320：Request of data is sent to server, extracted as server in front-end code data Layer corresponding to business number
According to, and page data request is carried out in server Intranet.
S330：The business datum returned by server is received, and is stored into data pool.
S340：Receive and show and the shaping page that obtains after page data renders is carried out by Node ends.
S350：Data preloading is carried out to the link on current page.
The present embodiment three mainly for rationally using local cache resources, therefore user end to server request data it
Before, first local resource is inquired about, if having in local cache by the data needed, is preferentially loaded, is then directed to again
The data not having in local cache, then made requests on to server, data transfer size can be so reduced, accelerates loading displaying
Speed.
Example IV
As shown in fig. 7, it is the single page application methods of exhibiting flow chart of the present embodiment four.With the method pair of embodiment one
Should, the present embodiment four provides a kind of single page application methods of exhibiting applied in server end, including：
S410：The web-page requests of client are received, the business datum corresponding to extraction in front-end code data Layer, and inside
Page data request is carried out in net.
S420：Business datum is back to the data pool of client, by the page data asked in Intranet send to
Node ends.
S430：Page data is carried out by Node ends to render, and obtains the shaping page, and send to client and shown.
Principle and process in the present embodiment four is identical with embodiment one, therefore repeats no more.
Embodiment five
As shown in figure 8, it connects block diagram for the single page application exhibiting device of the present embodiment five.The single page of corresponding embodiment one
The methods of exhibiting of application, the embodiment of the present invention five provide a kind of exhibiting device of single page application, including：
Request transmitting unit 110, for sending request of data to server, carried by server in front-end code data Layer
Corresponding business datum is taken, and page data request is carried out in server Intranet；
Business datum receiving unit 120, for receiving the business datum returned by server, and store into data pool；
Page presentation unit 130, the shaping page that obtains after page data renders is carried out by Node ends for receiving and showing
Face.
It is identical with the principle of the single page application methods of exhibiting in embodiment one in the present embodiment five, therefore repeat no more.
Embodiment six
As shown in figure 9, it connects block diagram for the single page application exhibiting device of the present embodiment six.The single page of corresponding embodiment two
The methods of exhibiting of application, the embodiment of the present invention six provide a kind of exhibiting device of single page application, including：
Request transmitting unit 210, for sending request of data to server, carried by server in front-end code data Layer
Corresponding business datum is taken, and page data request is carried out in server Intranet；
Business datum receiving unit 220, for receiving the business datum returned by server, and store into data pool；
Page presentation unit 230, the shaping page that obtains after page data renders is carried out by Node ends for receiving and showing
Face；
Data pre-add carrier unit 240, for carrying out data preloading to the link on the page.
As shown in Figure 10, its be data loading unit connection block diagram.The data pre-add carrier unit includes：
Identification module 241, for identifying the link on the page；
Order module 242, for being ranked up to the link on the page.The order module is used to obtain what is each linked
Click frequency, it is ranked up from high to low according to click frequency.
Load-on module 243, for according to demand data corresponding to sequence acquisition link, being loaded onto data pool in advance.
It is identical with the principle of the single page application methods of exhibiting in embodiment two in the present embodiment six, therefore repeat no more.
Embodiment seven
As shown in figure 11, it connects block diagram for the single page application exhibiting device of the present embodiment seven.The list of corresponding embodiment three
The methods of exhibiting of page application, the embodiment of the present invention seven provide a kind of exhibiting device of single page application, including：
Local resource judging unit 310, it is preferential if having to add for judging local cache resource file whether in need
Carry；If nothing, the request transmitting unit sends request command to server.
Request transmitting unit 320, for sending request of data to server, carried by server in front-end code data Layer
Corresponding business datum is taken, and page data request is carried out in server Intranet；
Business datum receiving unit 330, for receiving the business datum returned by server, and store into data pool；
Page presentation unit 340, the shaping page that obtains after page data renders is carried out by Node ends for receiving and showing
Face；
Data pre-add carrier unit 350, for carrying out data preloading to the link on the page.
It is identical with the principle of the single page application methods of exhibiting in embodiment three in the present embodiment seven, therefore repeat no more.
Embodiment eight
As shown in figure 12, it connects block diagram for the single page application exhibiting device of the present embodiment eight.The list of corresponding example IV
The methods of exhibiting of page application, the embodiment of the present invention five provide a kind of exhibiting device of single page application, including：
Request reception unit 410, for receiving the web-page requests of client, in front-end code data Layer corresponding to extraction
Business datum, and page data request is carried out in Intranet；
Business datum transmitting element 420, business datum is back to the data pool of client, by what is asked in Intranet
Page data is sent to Node ends；
Page rendering transmitting element 430, rendered for carrying out page data by Node ends, obtain the shaping page, concurrently
Client is delivered to be shown.
It is identical with the principle of the single page application methods of exhibiting in example IV in the present embodiment eight, therefore repeat no more.
Embodiment nine
The embodiment of the present invention nine provides a kind of single page application presentation device, and as shown in figure 13, the equipment includes：Memory
51 and processor 52, the internal memory of memory 51 contain the computer program that can be run on the processor 52.Processor 52 performs described
The single page application methods of exhibiting in above-described embodiment is realized during computer program.The quantity of memory 51 and processor 52 can be
It is one or more.
The equipment also includes：
Communication interface 53, for being communicated with external device, carry out data interaction.
Memory 51 may include high-speed RAM memory, it is also possible to also including nonvolatile memory (non-volatile
Memory), a for example, at least magnetic disk storage.
If memory 51, processor 52 and the independent realization of communication interface 53, memory 51, processor 52 and communication connect
Mouth 53 can be connected with each other by bus and complete mutual communication.The bus can be industry standard architecture
(ISA, Industry Standard Architecture) bus, external equipment interconnection (PCI, Peripheral
Component) bus or extended industry-standard architecture (EISA, Extended Industry Standard
Component) bus etc..The bus can be divided into address bus, data/address bus, controlling bus etc..For ease of representing, Figure 13
In only represented with a thick line, it is not intended that an only bus or a type of bus.
Optionally, in specific implementation, if memory 51, processor 52 and communication interface 53 are integrated in chip piece
On, then memory 51, processor 52 and communication interface 53 can complete mutual communication by internal interface.
In the description of this specification, reference term " one embodiment ", " some embodiments ", " example ", " specifically show
The description of example " or " some examples " etc. means specific features, structure, material or the spy for combining the embodiment or example description
Point is contained at least one embodiment or example of the present invention.Moreover, specific features, structure, material or the feature of description
It can be combined in an appropriate manner in any one or more embodiments or example.In addition, in the case of not conflicting, this
The technical staff in field can be by the different embodiments or example described in this specification and the spy of different embodiments or example
Sign is combined and combined.
In addition, term " first ", " second " are only used for describing purpose, and it is not intended that instruction or hint relative importance
Or the implicit quantity for indicating indicated technical characteristic.Thus, " first " is defined, the feature of " second " can be expressed or hidden
Include at least one this feature containing ground.In the description of the invention, " multiple " are meant that two or more, unless otherwise
It is clearly specific to limit.
Any process or method described otherwise above description in flow chart or herein is construed as, and represents to include
Module, fragment or the portion of the code of the executable instruction of one or more the step of being used to realize specific logical function or process
Point, and the scope of the preferred embodiment of the present invention includes other realization, wherein can not press shown or discuss suitable
Sequence, including according to involved function by it is basic simultaneously in the way of or in the opposite order, carry out perform function, this should be of the invention
Embodiment person of ordinary skill in the field understood.
Expression or logic and/or step described otherwise above herein in flow charts, for example, being considered use
In the order list for the executable instruction for realizing logic function, may be embodied in any computer-readable medium, for
Instruction execution system, device or equipment (such as computer based system including the system of processor or other can be held from instruction
The system of row system, device or equipment instruction fetch and execute instruction) use, or combine these instruction execution systems, device or set
It is standby and use.For the purpose of this specification, " computer-readable medium " can any can be included, store, communicate, propagate or pass
Defeated program is for instruction execution system, device or equipment or the dress used with reference to these instruction execution systems, device or equipment
Put.
Computer-readable medium described in the embodiment of the present invention can be that computer-readable signal media or computer can
Read storage medium either the two any combination.The more specifically example of computer-readable recording medium is at least (non-poor
Property list to the greatest extent) including following：Electrical connection section (electronic installation) with one or more wiring, portable computer diskette box (magnetic
Device), random access memory (RAM), read-only storage (ROM), erasable edit read-only storage (EPROM or flash
Memory), fiber device, and portable read-only storage (CDROM).In addition, computer-readable recording medium even can be with
It is that can print the paper or other suitable media of described program thereon, because can be for example by being carried out to paper or other media
Optical scanner, then enter edlin, interpret or handled if necessary with other suitable methods described electronically to obtain
Program, it is then stored in computer storage.
In embodiments of the present invention, computer-readable signal media can be included in a base band or as a carrier wave part
The data-signal of propagation, wherein carrying computer-readable program code.The data-signal of this propagation can use a variety of
Form, including but not limited to electromagnetic signal, optical signal or above-mentioned any appropriate combination.Computer-readable signal media is also
Can be any computer-readable medium beyond computer-readable recording medium, the computer-readable medium can send, pass
Broadcast and either transmit for the use of instruction execution system, input method or device or program in connection.Computer can
The program code for reading to include on medium can be transmitted with any appropriate medium, be included but is not limited to：Wirelessly, electric wire, optical cable, penetrate
Frequently (Radio Frequency, RF) etc., or above-mentioned any appropriate combination.
It should be appreciated that each several part of the present invention can be realized with hardware, software, firmware or combinations thereof.Above-mentioned
In embodiment, software that multiple steps or method can be performed in memory and by suitable instruction execution system with storage
Or firmware is realized.If, and in another embodiment, can be with well known in the art for example, realized with hardware
Any one of row technology or their combination are realized：With the logic gates for realizing logic function to data-signal
Discrete logic, have suitable combinational logic gate circuit application specific integrated circuit, programmable gate array (PGA), scene
Programmable gate array (FPGA) etc..
Those skilled in the art are appreciated that to realize all or part of step that above-described embodiment method carries
Suddenly it is that by program the hardware of correlation can be instructed to complete, described program can be stored in a kind of computer-readable storage medium
In matter, the program upon execution, including one or a combination set of the step of embodiment of the method.
In addition, each functional unit in each embodiment of the present invention can be integrated in a processing module, can also
That unit is individually physically present, can also two or more units be integrated in a module.Above-mentioned integrated mould
Block can both be realized in the form of hardware, can also be realized in the form of software function module.The integrated module is such as
Fruit is realized in the form of software function module and as independent production marketing or in use, can also be stored in a computer
In readable storage medium storing program for executing.The storage medium can be read-only storage, disk or CD etc..
In summary, by service end carry out page rendering, then return again to client and directly carry out parsing displaying, can
To reduce the process that client renders.In addition, the embodiment of the present invention obtain page data rendered while, also by business
Code is sent into client, can avoid client repeatedly to server request data.
Can be page layout switch smoothness by carrying out preload process to the data of page link.It is also possible to reduce
Period of reservation of number, strengthen Consumer's Experience, and make full use of network resources free.
By inquiring about local resource, if having in local cache by the data needed, preferentially loaded, then
The data not having in local cache are directed to again, then are made requests on to server, so can rationally utilize local cache resources,
Data transfer size is reduced, accelerates the speed of loading displaying, reduces and dodges frequency occurrence frequency.
The foregoing is only a specific embodiment of the invention, but protection scope of the present invention is not limited thereto, any
Those familiar with the art the invention discloses technical scope in, its various change or replacement can be readily occurred in,
These should all be included within the scope of the present invention.Therefore, protection scope of the present invention should be with the guarantor of the claim
Shield scope is defined.
Claims (14)
- A kind of 1. methods of exhibiting of single page application, it is characterised in that including:Request of data is sent to server, extracted as server in front-end code data Layer corresponding to business datum, Yi Ji Page data request is carried out in server Intranet；The server Intranet is：By multiple services including the server The network that device is formed；The business datum returned by server is received, and is stored in the data pool to client；Receive and show and the shaping page that obtains after page data renders is carried out by Node ends；The Node ends are located at server It is interior, and it is the Centronics port that data interaction is carried out for server and client.
- 2. the methods of exhibiting of single page application according to claim 1, it is characterised in that methods described also includes step：It is right Link on the page carries out data preloading.
- 3. the methods of exhibiting of single page application according to claim 2, it is characterised in that the step is on current page Link carries out data preloading, including：Identify the link on the page；Link on the page is ranked up；Demand data corresponding to link, the data pool being loaded onto in advance in client are obtained according to sequence.
- 4. the methods of exhibiting of single page application according to claim 3, it is characterised in that the step is to the link on the page It is ranked up and specifically includes：Obtain the click frequency each linked；It is ranked up from high to low according to click frequency.
- 5. the methods of exhibiting of single page application according to claim 1, it is characterised in that the transmission request of data to service Before the step of device, including step：Judge local cache resource file whether in need, the preferential loading if having；If nothing, Perform the step：Request of data is sent to server.
- A kind of 6. methods of exhibiting of single page application, in server, it is characterised in that includingThe web-page requests of client are received, the business datum corresponding to extraction in front-end code data Layer, and in server Intranet Middle carry out page data request, the server Intranet are the net being made up of multiple servers including the server Network；Business datum is back to the data pool of client, the page data asked in Intranet is sent to Node ends；Page data is carried out by Node ends to render, obtains the shaping page, and is sent to client and shown, the Node ends In server, and it is the Centronics port that data interaction is carried out for server and client.
- A kind of 7. exhibiting device of single page application, it is characterised in that including：Request transmitting unit, for sending request of data to server, extracted and corresponded in front-end code data Layer by server Business datum, and page data request is carried out in server Intranet；The server Intranet is by including the service The network that multiple servers including device are formed；Business datum receiving unit, for receiving the business datum returned by server, and store the data pool to client In；Page presentation unit, the shaping page that obtains after page data renders is carried out by Node ends for receiving and showing；It is described Node ends are located in server, and it is the Centronics port that data interaction is carried out for server and client.
- 8. the exhibiting device of single page application according to claim 7, it is characterised in that described device also includes：Data are pre- Loading unit, for carrying out data preloading to the link on the page.
- 9. the exhibiting device of single page application according to claim 8, it is characterised in that the data pre-add carrier unit bag Include：Identification module, for identifying the link on the page；Order module, for being ranked up to the link on the page；Load-on module, for according to demand data corresponding to sequence acquisition link, being loaded onto data pool in advance.
- 10. the exhibiting device of single page application according to claim 9, it is characterised in that the order module is used to obtain The click frequency each linked, it is ranked up from high to low according to click frequency.
- 11. the exhibiting device of single page application according to claim 7, it is characterised in that described device also includes：Local money Source judging unit, for judging local cache resource file whether in need, the preferential loading if having；It is described to ask if nothing Transmitting element is asked to send request of data to server.
- A kind of 12. exhibiting device of single page application, for server, it is characterised in that including：Request reception unit, for receiving the web-page requests of client, the business number corresponding to extraction in front-end code data Layer According to, and page data request is carried out in the server Intranet, the server Intranet is by including the server Multiple servers form network；Business datum transmitting element, business datum is back to the data pool of client, will be asked in the server Intranet To page data send to Node ends, the Node ends and be located in the server, and it is for server and client Carry out the Centronics port of data interaction；Page rendering transmitting element, rendered for carrying out page data by Node ends, obtain the shaping page, and send to client End is shown.
- 13. a kind of single page application presentation device, it is characterised in that the equipment includes：One or more processors；Storage device, for storing one or more programs；When one or more of programs are by one or more of computing devices so that one or more of processors Realize the methods of exhibiting of the single page application as described in any in claim 1-6.
- 14. a kind of computer-readable medium, it is stored with computer program, it is characterised in that when the program is executed by processor Realize the methods of exhibiting of the single page application as described in any in claim 1-6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711015270.XA CN107729516A (en) | 2017-10-26 | 2017-10-26 | Single page application methods of exhibiting and device, server, equipment and computer-readable recording medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711015270.XA CN107729516A (en) | 2017-10-26 | 2017-10-26 | Single page application methods of exhibiting and device, server, equipment and computer-readable recording medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107729516A true CN107729516A (en) | 2018-02-23 |
Family
ID=61212747
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711015270.XA Pending CN107729516A (en) | 2017-10-26 | 2017-10-26 | Single page application methods of exhibiting and device, server, equipment and computer-readable recording medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107729516A (en) |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108959455A (en) * | 2018-06-15 | 2018-12-07 | 上海陆家嘴国际金融资产交易市场股份有限公司 | Single page Web application implementation method, device, computer equipment and storage medium |
| CN110647698A (en) * | 2019-08-12 | 2020-01-03 | 视联动力信息技术股份有限公司 | Page loading method and device, electronic equipment and readable storage medium |
| CN111045749A (en) * | 2019-12-18 | 2020-04-21 | 青岛海信传媒网络技术有限公司 | Application program starting method and device |
| CN111274308A (en) * | 2020-01-17 | 2020-06-12 | 杭州安恒信息技术股份有限公司 | Node relation graph display method, device and equipment |
| CN111327922A (en) * | 2020-03-18 | 2020-06-23 | 湖南快乐阳光互动娱乐传媒有限公司 | Data updating method, system and medium after video content updating |
| CN111338932A (en) * | 2020-02-06 | 2020-06-26 | 支付宝(杭州)信息技术有限公司 | Picture rendering method and device and electronic equipment |
| CN111753228A (en) * | 2019-09-24 | 2020-10-09 | 北京京东尚科信息技术有限公司 | Data request method and device, computer readable medium and electronic equipment |
| CN111913757A (en) * | 2020-07-13 | 2020-11-10 | 西安即刻易用网络科技有限公司 | Single-page application program loading method and system |
| CN111984888A (en) * | 2019-05-24 | 2020-11-24 | 阿里巴巴集团控股有限公司 | Page rendering method and device, electronic equipment and computer readable medium |
| CN112615923A (en) * | 2020-12-21 | 2021-04-06 | 北京鸿盈信息技术有限公司 | Single-page application page display control method and device, terminal equipment and server |
| CN112765507A (en) * | 2021-01-27 | 2021-05-07 | 上海淇玥信息技术有限公司 | Method and device for rendering first screen of page and loading resources and electronic equipment |
| CN113516747A (en) * | 2021-05-19 | 2021-10-19 | 上海爱客博信息技术有限公司 | 3D dynamic content display method and device, computer equipment and storage medium |
| CN113688116A (en) * | 2020-05-19 | 2021-11-23 | 长鑫存储技术有限公司 | Data presentation system, method, device and computer readable storage medium |
| CN114138397A (en) * | 2021-12-10 | 2022-03-04 | 北京百度网讯科技有限公司 | Page display method and device, electronic equipment and storage medium |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110238524A1 (en) * | 2005-07-15 | 2011-09-29 | Nigel Green | Browser-based retrieval and display of content associated with a link that matches a link signature |
| CN102325188A (en) * | 2011-09-16 | 2012-01-18 | 北京新媒传信科技有限公司 | Method for realizing webpage browsing on a mobile terminal and system thereof |
| CN104573025A (en) * | 2015-01-12 | 2015-04-29 | 北京京东尚科信息技术有限公司 | Method and system for increasing page loading rate |
| CN105005568A (en) * | 2014-04-22 | 2015-10-28 | 中国银联股份有限公司 | Front-end processing device and method of web page on the basis of template |
| CN105094786A (en) * | 2014-05-21 | 2015-11-25 | 广州市动景计算机科技有限公司 | Method and system for customizing page based on JavaScript |
| CN105468324A (en) * | 2015-12-25 | 2016-04-06 | 北京奇虎科技有限公司 | Page display method, device and system |
| CN105989070A (en) * | 2015-02-10 | 2016-10-05 | 阿里巴巴集团控股有限公司 | Method and system for requesting data from middleware and middleware client |
| CN106294682A (en) * | 2016-08-05 | 2017-01-04 | 成都佳荣科技有限公司 | Webpage intelligence loading method |
-
2017
- 2017-10-26 CN CN201711015270.XA patent/CN107729516A/en active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110238524A1 (en) * | 2005-07-15 | 2011-09-29 | Nigel Green | Browser-based retrieval and display of content associated with a link that matches a link signature |
| CN102325188A (en) * | 2011-09-16 | 2012-01-18 | 北京新媒传信科技有限公司 | Method for realizing webpage browsing on a mobile terminal and system thereof |
| CN105005568A (en) * | 2014-04-22 | 2015-10-28 | 中国银联股份有限公司 | Front-end processing device and method of web page on the basis of template |
| CN105094786A (en) * | 2014-05-21 | 2015-11-25 | 广州市动景计算机科技有限公司 | Method and system for customizing page based on JavaScript |
| CN104573025A (en) * | 2015-01-12 | 2015-04-29 | 北京京东尚科信息技术有限公司 | Method and system for increasing page loading rate |
| CN105989070A (en) * | 2015-02-10 | 2016-10-05 | 阿里巴巴集团控股有限公司 | Method and system for requesting data from middleware and middleware client |
| CN105468324A (en) * | 2015-12-25 | 2016-04-06 | 北京奇虎科技有限公司 | Page display method, device and system |
| CN106294682A (en) * | 2016-08-05 | 2017-01-04 | 成都佳荣科技有限公司 | Webpage intelligence loading method |
Cited By (19)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108959455A (en) * | 2018-06-15 | 2018-12-07 | 上海陆家嘴国际金融资产交易市场股份有限公司 | Single page Web application implementation method, device, computer equipment and storage medium |
| CN111984888A (en) * | 2019-05-24 | 2020-11-24 | 阿里巴巴集团控股有限公司 | Page rendering method and device, electronic equipment and computer readable medium |
| CN110647698A (en) * | 2019-08-12 | 2020-01-03 | 视联动力信息技术股份有限公司 | Page loading method and device, electronic equipment and readable storage medium |
| CN110647698B (en) * | 2019-08-12 | 2022-01-14 | 视联动力信息技术股份有限公司 | Page loading method and device, electronic equipment and readable storage medium |
| CN111753228A (en) * | 2019-09-24 | 2020-10-09 | 北京京东尚科信息技术有限公司 | Data request method and device, computer readable medium and electronic equipment |
| CN111045749B (en) * | 2019-12-18 | 2021-06-08 | 青岛海信传媒网络技术有限公司 | Application program starting method and device |
| CN111045749A (en) * | 2019-12-18 | 2020-04-21 | 青岛海信传媒网络技术有限公司 | Application program starting method and device |
| CN111274308A (en) * | 2020-01-17 | 2020-06-12 | 杭州安恒信息技术股份有限公司 | Node relation graph display method, device and equipment |
| CN111338932A (en) * | 2020-02-06 | 2020-06-26 | 支付宝(杭州)信息技术有限公司 | Picture rendering method and device and electronic equipment |
| CN111338932B (en) * | 2020-02-06 | 2022-11-15 | 支付宝(杭州)信息技术有限公司 | Picture rendering method and device and electronic equipment |
| CN111327922A (en) * | 2020-03-18 | 2020-06-23 | 湖南快乐阳光互动娱乐传媒有限公司 | Data updating method, system and medium after video content updating |
| CN113688116A (en) * | 2020-05-19 | 2021-11-23 | 长鑫存储技术有限公司 | Data presentation system, method, device and computer readable storage medium |
| CN111913757A (en) * | 2020-07-13 | 2020-11-10 | 西安即刻易用网络科技有限公司 | Single-page application program loading method and system |
| CN112615923A (en) * | 2020-12-21 | 2021-04-06 | 北京鸿盈信息技术有限公司 | Single-page application page display control method and device, terminal equipment and server |
| CN112615923B (en) * | 2020-12-21 | 2023-07-28 | 三六零科技集团有限公司 | Single-page application page display control method and device, terminal equipment and server |
| CN112765507A (en) * | 2021-01-27 | 2021-05-07 | 上海淇玥信息技术有限公司 | Method and device for rendering first screen of page and loading resources and electronic equipment |
| CN112765507B (en) * | 2021-01-27 | 2023-12-26 | 上海淇玥信息技术有限公司 | Page first screen rendering and resource loading method and device and electronic equipment |
| CN113516747A (en) * | 2021-05-19 | 2021-10-19 | 上海爱客博信息技术有限公司 | 3D dynamic content display method and device, computer equipment and storage medium |
| CN114138397A (en) * | 2021-12-10 | 2022-03-04 | 北京百度网讯科技有限公司 | Page display method and device, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107729516A (en) | Single page application methods of exhibiting and device, server, equipment and computer-readable recording medium | |
| CN103412890B (en) | A kind of webpage loading method and device | |
| CN103546505B (en) | The method, system and device that Segment is according to priority sequentially shown | |
| CN107220094A (en) | Page loading method and device and electronic equipment | |
| CN104239298B (en) | Text message recommends method, server, browser and system | |
| JP2019505908A (en) | Advertisement information push method, apparatus, system, server, and computer-readable medium | |
| CN104052809B (en) | A kind of flow-dividing control method and apparatus of website test | |
| CN108280119A (en) | Page generation method, device and user terminal | |
| CN109684575A (en) | Processing method and processing device, storage medium, the computer equipment of web data | |
| CN105205157A (en) | Page loading method, device and system | |
| CN106611032A (en) | Webpage pre-loading method and device | |
| CN104035753A (en) | Double-WebView customized page display method and system | |
| CN102957663A (en) | Method, system and device for providing commodity information | |
| CN102004781A (en) | Method and system for acquiring website test data | |
| CN104142975B (en) | Microblog information promotion method, device and system | |
| CN103475744A (en) | Resource downloading method, device and system on basis of Web application | |
| CN104809240A (en) | Page processing method and equipment adopting same | |
| CN106610785A (en) | Commodity object list information processing method and apparatus | |
| CN104133884A (en) | Webpage displaying method and device | |
| CN106886544A (en) | A kind of data processing method and device | |
| CN106469183A (en) | Page rendering method and device, page data processing method and client | |
| CN112231604A (en) | Page display method and device, electronic equipment and storage medium | |
| CN106415637A (en) | Commission allocation method and system | |
| CN105955714A (en) | Mixed development front end MVC frame implementation method and system | |
| CN107957938A (en) | A kind of method and system for obtaining website test data |
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: 20180223 |
|
| RJ01 | Rejection of invention patent application after publication |