CN107797837A - Page display method, device, server and medium - Google Patents
Page display method, device, server and medium Download PDFInfo
- Publication number
- CN107797837A CN107797837A CN201710764348.1A CN201710764348A CN107797837A CN 107797837 A CN107797837 A CN 107797837A CN 201710764348 A CN201710764348 A CN 201710764348A CN 107797837 A CN107797837 A CN 107797837A
- Authority
- CN
- China
- Prior art keywords
- file
- static file
- static
- compressed package
- compressed
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
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
- G06F16/986—Document structures and storage, e.g. HTML extensions
Abstract
The present invention relates to a kind of page display method, device, server and medium, methods described includes：Obtain two associated compressed packages；The compressed package got is decompressed, source code file and static file is obtained, class indication is carried in static file；Inline frame corresponding with class indication is obtained according to class indication, static file is shown in inline frame；Detection shows the quantity of the inline frame of static file, when showing that the quantity of inline frame of static file is more than predetermined number, shows multiple static files in batches according to class indication.According to class indication row classification display in each inline frame to static file, and static file is classified and shown, so that the summation of the data volume of the multiple static files shown every time is smaller, avoid showing the static file that multiple data volumes are larger simultaneously and cause computer resource usage excessive, so that the static file in inline frame shows more smooth, and display effect is more preferably.
Description
Technical field
The present invention relates to field of computer technology, more particularly to a kind of page display method, device, server and Jie
Matter.
Background technology
, it is necessary to be the promotion project making page of application program or activity in the application program either promotion project of activity
Face, and then the promotion project to applying or applying is shown., it is necessary to the page be carried out pre- after pagefile makes
Look at displaying.
When carrying out preview to pagefile, traditional mode is that the page is showed by iframe on webpage.
Iframe is a kind of HTML (Hyper Text Markup Language, HyperText Markup Language) label, and effect is to show
Document in document, or show the framework (FRAME) of floating.Iframe elements can be created comprising the inline of another document
Framework (inner frame at once).
When multiple pagefiles need to show simultaneously, the interior difference loaded and displayed pagefile simultaneously of multiple frameworks, expend
Larger computer resource, it is not smooth to easily cause the dynamic effect that the page is shown, and easily causes partial page and can not show
Situation.
The content of the invention
Based on this, it is necessary to for above-mentioned technical problem, there is provided a kind of simple, easily page display method, device, clothes
Business device and medium.
A kind of page display method, methods described include：
Compressed package is obtained, detects compressed package of the compressed package with the presence or absence of association, when the compressed package of association be present, then
Obtain two associated compressed packages；
The compressed package got is decompressed, acquisition source code file and static file, in the static file
Carry class indication；
Inline frame corresponding with the class indication is obtained according to the class indication, shown in the inline frame
The static file；
Detection shows the quantity of the inline frame of the static file, when showing the described inline of the static file
When the quantity of framework is more than predetermined number, multiple static files are shown according to the class indication in batches, wherein, it is each
The static file in batch data volume and less than the first predetermined threshold value；
Instructed according to the loading that the operation to the static file is obtained to the source code file, referred to according to the loading
Order loads the source code file, shows pagefile corresponding to the source code file.
In one of the embodiments, the acquisition compressed package, compressed package of the compressed package with the presence or absence of association is detected,
When the compressed package of association be present, then also include before the step of obtaining two associated compressed packages：
Obtain the data volume of the static file；
Multiple preset data amounts are obtained, multiple preset data amounts have to correspond with multiple class indications closes
System；
According to the comparing result of the data volume of the static file and multiple preset data amounts, from multiple classification
Mark obtains a class indication corresponding with the data volume of the static file；
Associate the static file and the class indication.
In one of the embodiments, the acquisition compressed package, compressed package of the compressed package with the presence or absence of association is detected,
When the compressed package of association be present, then also include before the step of obtaining two associated compressed packages：
Obtain the data volume of the static file；
When the data volume of the static file is less than or equal to the second predetermined threshold value, by the source code file and described
Static file is compressed to a compressed package jointly；
When the data volume of the static file is more than the second predetermined threshold value, by the source code file and the static text
Part is compressed to different compressed packages respectively, and two compressed packages are stored to different storage catalogues respectively, associates the source generation
Compressed package corresponding to compressed package corresponding to code file and the static file.
In one of the embodiments, it is described that inline frame corresponding with the class indication is obtained according to the class indication
Frame, also include after the step of showing the static file in the inline frame：
When showing that the quantity of the inline frame of the static file is more than predetermined number, each static text is obtained
The class indication of part；
The tag attributes of the class indication are detected, when the tag attributes of the class indication are preset attribute,
Hide the static file corresponding with the class indication.
In one of the embodiments, the static file is text；
Also include after described the step of showing the static file in the inline frame：
Obtain the text message of the text；
Obtain the edit instruction to the text message；
Scripted code is generated according to the edit instruction, the scripted code is added to the text message；
Script file of the output comprising the text message and the scripted code.
A kind of page display device, described device include：
Compressed package acquisition module, for obtaining compressed package, compressed package of the compressed package with the presence or absence of association is detected, when depositing
In the compressed package of association, then two associated compressed packages are obtained；
File acquisition module, for being decompressed to the compressed package got, obtain source code file and static state text
Part, class indication is carried in the static file；
Static file display module, for obtaining inline frame corresponding with the class indication according to the class indication
Frame, the static file is shown in the inline frame；
Display module in batches, for detecting the quantity for the inline frame for showing the static file, when display institute
When stating the quantity of the inline frame of static file and being more than predetermined number, multiple institutes are shown according to the class indication in batches
Static file is stated, wherein, the static file in each batch data volume and less than the first predetermined threshold value；
Page display module, the loading for being obtained according to the operation to the static file to the source code file refer to
Order, the source code file is loaded according to the loading instruction, shows pagefile corresponding to the source code file.
In one of the embodiments, described device also includes：
Data volume acquisition module, for obtaining the data volume of the static file；
Preset data amount acquisition module, for obtaining multiple preset data amounts, multiple preset data amounts and multiple institutes
Stating class indication has one-to-one relationship；
Class indication relating module, pair for the data volume according to the static file and multiple preset data amounts
Than result, a class indication corresponding with the data volume of the static file is obtained from multiple class indications, is closed
Join the static file and the class indication.
In one of the embodiments, described device also includes：
Data volume acquisition module, for obtaining the data volume of the static file；
First compression module, for when the data volume of the static file is less than or equal to the second predetermined threshold value, by institute
State source code file and the static file is compressed to a compressed package jointly；
Second compression module, for when the data volume of the static file is more than the second predetermined threshold value, by the source generation
Code file and the static file are compressed to different compressed packages respectively, and two compressed packages are stored to different storages respectively
Catalogue, associate compressed package corresponding to compressed package corresponding to the source code file and the static file.
A kind of server, including memory, processor and storage are on a memory and the calculating that can run on a processor
Machine program, the step of realizing above-mentioned any one methods described during the computing device described program.
A kind of computer-readable recording medium, is stored thereon with computer program, and the computer program is held by processor
The step of above-mentioned any one methods described is realized during row.
Above-mentioned page display method, device, server and medium, according to class indication to static file in each inline frame
Middle row classification display, and static file is classified and shown so that the summation of the data volume of the multiple static files shown every time
Smaller, avoid showing static file that multiple data volumes are larger simultaneously and cause computer resource usage excessive, and obtaining
Ability popup web page is shown after getting the operation to static file, is avoided while multiple pages while is shown and take more meter
Calculation machine resource so that the static file in inline frame shows more smooth, and display effect is more preferably.
Brief description of the drawings
Fig. 1 is the applied environment figure of page display method in one embodiment；
Fig. 2 is the flow chart of page display method in one embodiment；
Fig. 3 is the structural representation of page display device in one embodiment；
Fig. 4 is the structural representation of server in one embodiment.
Embodiment
In order to make the purpose , technical scheme and advantage of the present invention be clearer, it is right below in conjunction with drawings and Examples
The present invention is further elaborated.It should be appreciated that specific embodiment described herein is only to explain the present invention, not
For limiting the present invention.
Page display method provided in the embodiment of the present invention can apply in application environment as shown in Figure 1.Its
In, multiple terminals 102 are attached with server 104 respectively by network.Server 104 obtains source code text from terminal 102
Part and static file, and by source code file and static file boil down to compressed package.Server 104 opens homepage in a browser
Face, multiple inline frames being generated in homepage, server 104 decompresses to compressed package, obtains the static file for carrying class indication,
In inline frame corresponding with class indication static file is shown, when the inline frame of the static file shown in homepage
Quantity is more than predetermined number, then shows static file in batches, and corresponding according to the operation to static file, loading static file
Source code file, show pagefile corresponding to the source code file.
In one embodiment, as shown in Figure 2, there is provided a kind of page display method, in this way applied in Fig. 1
Illustrated exemplified by server, specifically include following steps：
Step 202, compressed package is obtained, detection compressed package is with the presence or absence of the compressed package associated, when the compressed package that association be present
When, then obtain two associated compressed packages.
Specifically, the compressed package carries source code file and/or static file.The compressed package quantity obtained in this step can
To be one or two, or it is multiple.When in the absence of the compressed package of association, then a compressed package is only obtained, when
In the presence of association compressed package when, then obtain two associated compressed packages.
One embodiment is to obtain the first compressed package, and the first compressed package of detection whether there is the second compressed package of association, when
In the presence of association the second compressed package when, obtain the second compressed package of association.First compressed package comprises at least source code file, and
Two compressed packages only include static file, that is to say, that when the first compressed package only includes source code file, then first compressed package
In the presence of the second compressed package of association, second compressed package includes static file；When the first compressed package i.e. include source code file, again
During comprising static file, then the second compressed package of association is not present in first compressed package.
It is appreciated that the association of the first compressed package and the second compressed package can be carried out by carrying identical preset field
Associate or be associated by the mapping relations in contingency table.
One embodiment is to obtain the first compressed package, and the first compressed package of detection whether there is preset field, when the first compression
When bag has preset field, the value of the preset field of the first compressed package is obtained, obtains the value with the preset field of the first compressed package
Second compressed package corresponding to identical preset field, the i.e. value of the preset field of second compressed package are default with the first compressed package
The value of field is identical, and in the present embodiment, preset field is used to embody the association between two compressed packages, when the first compressed package is not deposited
In preset field, then another compressed package associated there is not present in first compressed package, then this step only obtains one
Compressed package, i.e. the first compressed package.When the first compressed package has preset field, then first compressed package is present associated there
Another compressed package, then the value with the preset field of first compressed package is obtained from multiple compressed packages with preset field
The compressed package of identical second, then this step get two compressed packages, i.e. the first compressed package and the second compressed package.
One embodiment is to obtain the first compressed package, travels through compressed package contingency table, detects whether exist and the first compressed package
Second compressed package of association, is to obtain second compressed package, wherein, the association that the contingency table have recorded multiple compressed packages is closed
System.First compressed package includes source code file, and the second compressed package includes static file.
When being not present in another compressed package of the first compressed package association in contingency table, then one is only obtained in this step
Compressed package, i.e. the first compressed package, first compressed package contain source code file and static file.
Step 204, the compressed package got is decompressed, acquisition source code file and static file, in static file
Carry class indication.
Specifically, in previous step, a compressed package may be got, in a compressed package comprising source code file and
Static file；Two compressed packages may also be got, one in two compressed packages includes source code file, and another includes quiet
State file.In this step, one or two compressed packages for being got in previous step are decompressed, get source code file and
Static file.
The source code file is the executable file of the page, it can be understood as is the script file of the page, after operation
Show the page.Static file for can static state display file, for example, the static file can be picture file or text
This document.The class indication is the file attribute of static file, for distinguishing different types of static file.For example, contingency table
Know the size of the data volume for identifying static file, data volume is equal or similar multiple static files have identical point
Class identifies, and data volume differs or differs larger multiple static files has different class indications respectively, by dividing
Class identifies classifies to the data volume size of static file.
Step 206, inline frame corresponding with class indication is obtained according to class indication, static state is shown in inline frame
File.
Specifically, the inline frame is generated based on iframe, and inline frame can be considered as a floating on display interface
Framework, or the window of one on display interface display of floating, the inline frame be on homepage no floating frame or
Person's floating frame, inline frame are used to show static file.Multiple inline frames can be generated in one display interface, it is each interior
Connection framework shows a static file.By showing static file in inline frame, rather than directly run in inline frame
Source code file, because the loading of static file is less compared with the resource needed for the loading of source code file, it can effectively reduce pair
The consumption of computer resource.
The corresponding class indication of one or more inline frame, the inline frame of different classifications mark show inhomogeneity
Other static file.In the present embodiment, the classification of static file is divided by the data volume of static file, then different classifications mark
The data volume of the static file of display is different in inline frame corresponding to knowledge.
By the way that the static file of different size data volume is shown separately so that what is shown on same display interface is quiet
The display of state file is more orderly, is advantageous to static file reasonable distribution, avoids display data amount mistake on same display interface
Greatly, cause display not smooth.
In this step, the page of source code file corresponding to the displaying of the static file that is shown in inline frame so that no
The page of the popularization activity of same application program can be shown on same homepage.
Step 208, detection shows the quantity of the inline frame of static file, when the number of the inline frame of display static file
When amount is more than predetermined number, multiple static files are shown in batches according to class indication, wherein, the static file in each batch
It is data volume and less than the first predetermined threshold value.
Specifically, when the quantity of the inline frame in display interface is more, the larger static file of multiple data volumes is same
When show, it would be possible to cause in the inline frame of part static file to show incomplete, or display is not smooth.It is therefore, because quiet
State file and inline frame are classified by class indication, static state that can be according to class indication to different pieces of information amount size
File is shown in batches, and the static file of multiple inline frames is shown in batches, all quiet in each batch
The summation of the data volume of state file is less than the first predetermined threshold value, that is, causes the summation of the data volume of static file in same batch
Smaller, therefore, the computer resource consumed is also less, is advantageous to improve display fluency.
Specifically, each batch all includes static file corresponding to multiple class indications, i.e., each batch is all comprising multiple
Static file corresponding to different class indication so that the static file that each batch can identify to different classifications shows
Show.Avoid only showing the static file of a class indication in a batch, avoid display excessively single.
It should be understood that the display in batches of static file can be shown in batches in the window of roller in batches
Show, each rolling window is a batch, i.e., shows that several are quiet by several inline frames in each rolling window
State file, one embodiment are the sliding distances for the slider bar for detecting sidebar, according to the sliding distance sliding window of slider bar
Mouthful, and show several static files in batches in the window of slip, window sliding to any position, display is quiet in window
The summation of the data volume of state file is respectively less than the first predetermined threshold value；One embodiment is to detect the roller rolling distance of mouse, root
According to the rolling distance sliding window of the roller of mouse, and show several static files, window in batches in the window of slip
Any position is slid into, the summation of the data volume of the static file shown in window is respectively less than the first predetermined threshold value.In a reality
Apply in example, show it can is split screen display available in batches, or Pagination Display.
Step 210, instructed according to the loading obtained to source code file that operates to static file, added according to loading instruction
Source code file is carried, shows pagefile corresponding to source code file.
In this step, when detecting the operation to static file, then get and the source code file of static file
Loading instruction, loads the source code file, and show pagefile corresponding to source code file.
The pagefile of display source code file can be shown or be opened a new window by pop-up mode
Shown.So, shown according to operation and to pagefile, avoid all inline frames while show all pages
Computer consumption is excessive caused by the file of face so that the static file in inline frame shows more smooth.
In above-described embodiment, according to class indication row classification display in each inline frame to static file, and to quiet
State document classification is shown so that the summation of the data volume of the multiple static files shown every time avoids showing simultaneously more smaller
The larger static file of individual data volume and cause computer resource usage excessive, and after getting to the operation of static file
Ability popup web page shown, is avoided while multiple pages while is shown and take more computer resource so that in inline frame
Static file in frame shows more smooth, and display effect is more preferably.
In one embodiment, compressed package is obtained, detection compressed package is with the presence or absence of the compressed package associated, when in the presence of association
During compressed package, then also include before the step of obtaining two associated compressed packages：Obtain the data volume of static file；Obtain more
Individual preset data amount, multiple preset data amounts have one-to-one relationship with multiple class indications；According to the data of static file
The comparing result of amount and multiple preset data amounts, one corresponding with the data volume of static file point is obtained from multiple class indications
Class identifies；Associate static file and class indication.
This step can be considered as adds class indication to static file so that static file associates a class indication.Specifically
Ground, preset data amount are used to be contrasted with the data volume of static file, and contrast reference is provided for the data volume of static file.System
System has prestored multiple preset data amounts, and has preset multiple preset data amounts and the one-to-one relationship of class indication.
In the present embodiment, class indication is used for the size for distinguishing the data volume of different static files, that is to say, that data
Measuring equal or similar static file has identical class indication, and data volume differs or it is larger multiple quiet to differ
State file has different class indications respectively.One embodiment is, according to the data volume of static file and multiple preset datas
Amount is contrasted respectively, get with the immediate preset data amount of the data volume of static file, and it is immediate pre- to obtain this
If class indication corresponding to data volume, establishing the incidence relation of static file and the class indication, one embodiment is that association is quiet
State file can add class indication for static file with class indication, and as static file adds the word of a class indication
Section, so that the static file carries class indication so that the static file of different pieces of information amount size is distinguished.
In one embodiment, compressed package is obtained, detection compressed package is with the presence or absence of the compressed package associated, when in the presence of association
During compressed package, then also include before the step of obtaining two associated compressed packages：Obtain the data volume of static file；Work as static state
When the data volume of file is less than or equal to the second predetermined threshold value, source code file and static file are compressed to a compression jointly
Bag；When the data volume of static file is more than the second predetermined threshold value, source code file and static file are compressed to difference respectively
Compressed package, and two compressed packages are stored to different storage catalogues respectively, associate compressed package corresponding to source code file with
And compressed package corresponding to static file.
Specifically, this step is used to pack source code file and static file.Be less than when the data volume of static file or
During equal to the second preset value, the data volume of static file is smaller, then source code file and static file is compressed into packing together；When
When the data volume of static file is more than the second preset value, the data volume of static file is larger, then separately packing compression source code is literary
Part and static file, two compressed packages are compressed into, and by two sub two different storage catalogues of compressed package storage, and by two
Compressed package is associated.In such manner, it is possible to which the compressed package files after packing are clear in structure, configurability is strong so that compressed package files
Data volume is smaller, is advantageous to improve source code file and the reading speed of static file.
One embodiment is that the packing of static file, and user-defined file are realized by font-image-loader components
Folder, pass through compile-nunjucks-loader components and muti-html-webpack-plugin components packing source code text
Part (pagefile), and static file and source code file are compressed to a compressed package；It is individually right using imagemin components
The static file that quantity is more than the second predetermined threshold value carries out packing compression.
In one embodiment, corresponding to compressed package corresponding to association source code file and static file the step of compressed package
Including：Establish contingency table；Utilize compressed package corresponding to compressed package corresponding to contingency table record source code and static file
Incidence relation.It can be found by the contingency table corresponding to compressed package corresponding to associated source code and static file
Compressed package.
In one embodiment, corresponding to compressed package corresponding to association source code file and static file the step of compressed package
Including：Compressed package adds identical preset field respectively corresponding to compressed package corresponding to source code and static file, is
Compressed package corresponding to source code file adds preset field, is that compressed package corresponding to static file adds preset field, and add
It is identical in the preset field of compressed package corresponding to static file with addition in the preset field of compressed package corresponding to source code file.
So so that have the compressed package of the source code file of identical preset field associated with the compressed package of static file.
It is in one embodiment, described that inline frame corresponding with the class indication is obtained according to the class indication,
Also include after the step of showing the static file in the inline frame：When the number of the inline frame of display static file
When amount is more than predetermined number, the class indication of each static file is obtained；The tag attributes of class indication are detected, when class indication
When tag attributes are preset attribute, static file corresponding with class indication is hidden.
Specifically, in the present embodiment, class indication is a field of static file, and tag attributes are class indication
Value.The preset attribute can be considered as hiding attribute.When the quantity of the inline frame of display static file is more than predetermined number, and ought
When tag attributes are equal to preset attribute, static file, the i.e. inline frame not on homepage corresponding to the class indication are hidden
Interior display static file.
Specifically, the class indication is used for the static file for identifying different sizes, such as, the larger static state text of data volume
Part, the value of its class indication are " 1 ", and the value of class indication can be " 1 ", " 2 ", " 3 ", " 4 " and " 5 " etc., the value of class indication
For " 1 " when, the data volume of static file is maximum, and the value of class indication be " 5 ", the data volume minimum of static file.And default category
Property corresponding to value be " 1 ", then mean that the attribute of the static file larger to data volume for hiding attribute, now, is showing static state
When the quantity of the inline frame of file is larger, then value is hidden for static file corresponding to the class indication of " 1 ", so,
The quantity for the static file that can reduce while show, reduce the occupancy to computer resource.
In order to realize the display to hiding static file, one embodiment is, when the inline frame of display static file
Quantity when being more than predetermined number, obtain to selection instruction；According to selection instruction, display label attribute is the classification of preset attribute
Static file corresponding to mark.In the present embodiment, according to selection instruction, each static file is selected so that have and hide
The static file of attribute can be shown.One embodiment is, according to selection instruction, to hide point that tag attributes are not preset attribute
Static file corresponding to class mark.So, the less static file of other data volumes is hidden, to reduce the static state of display simultaneously
The quantity of file, reduce the occupancy to computer resource.
In one embodiment, static file is text；After the step of static file is shown in inline frame
Also include：Obtain the text message of text；Obtain the edit instruction to text message；In script generation, is generated according to edit instruction
Code, scripted code is added to text message；Script file of the output comprising text message and scripted code.
Specifically, static file is text, and text message is described in text, and text information is character string
Information, such as, this article this document is word document.In the present embodiment, the text of inline frame loaded and displayed text is utilized
Information, and edit control is shown in inline frame, edit instruction is obtained by edit control, generation is corresponding with edit instruction
Scripted code, scripted code is added to text message, and exports the script file comprising text message and scripted code so that
The static file can be converted to script file so that the static file can be in individually operation display, and making in a browser
Obtaining text information can be shown with page format in a browser.
One embodiment, the scripted code is HTML (HyperText Markup Language, supertext mark
Remember language) code, for defining the form of text message, the form of the text message of definition includes the font of word, word
Size, word paragraph spacing, back gauge etc., add scripted code so that the text message comprising scripted code in text message
It can be read by browser.The scripted code is also defined in pagewidth, to adapt to different browsers, for example, the pin
This code is additionally operable to obtain the screen width of terminal and the resolution ratio of terminal, and then causes script file to can adapt to different viewing
Device, it is adapted to the terminal of different screen width and resolution ratio.
In one embodiment, as shown in Figure 3, there is provided a kind of page display device, including：Compressed package acquisition module
302nd, file acquisition module 304, in batches static file display module 306, display module 308 and page display module 310, its
In：
Compressed package acquisition module 302 is used to obtain compressed package, and detection compressed package works as presence with the presence or absence of the compressed package of association
During the compressed package of association, then two associated compressed packages are obtained.
File acquisition module 304 is used to decompress the compressed package got, obtains source code file and static file,
Class indication is carried in static file.
Static file display module 306 is used to obtain inline frame corresponding with class indication according to class indication, inside
Join display static file in framework.
Display module 308 is used for the quantity for detecting the inline frame for showing static file in batches, when display static file
The quantity of inline frame when being more than predetermined number, show multiple static files in batches according to class indication, wherein, per a collection of
Static file data volume in secondary and less than the first predetermined threshold value.
Page display module 310 is used to be instructed according to the loading that the operation to static file is obtained to source code file, root
Loading source code file is instructed according to loading, shows pagefile corresponding to source code file.
In one embodiment, page display device also includes：Data volume acquisition module, preset data amount acquisition module and
Class indication relating module, wherein：
Data volume acquisition module is used for the data volume for obtaining static file.
Preset data amount acquisition module, for obtaining multiple preset data amounts, multiple preset data amounts and multiple contingency tables
Knowledge has one-to-one relationship.
Class indication relating module is used for the comparing result of the data volume and multiple preset data amounts according to static file, from
Multiple class indications obtain a class indication corresponding with the data volume of static file, associate static file and class indication.
In one embodiment, page display device also includes：Data volume acquisition module, the first compression module and the second pressure
Contracting module, wherein：
Data volume acquisition module is used for the data volume for obtaining static file.
First compression module is used for when the data volume of static file is less than or equal to the second predetermined threshold value, by source code text
Part and static file are compressed to a compressed package jointly.
Second compression module is used for when the data volume of static file is more than the second predetermined threshold value, by source code file and quiet
State file is compressed to different compressed packages respectively, and two compressed packages are stored to different storage catalogues respectively, associates source generation
Compressed package corresponding to compressed package corresponding to code file and static file.
In one embodiment, page display device also includes：
Static file hidden module, for when showing that the quantity of inline frame of static file is more than predetermined number, obtaining
Take the class indication of each static file；The tag attributes of class indication are detected, when the tag attributes of class indication are preset attribute
When, hide static file corresponding with class indication.
In one embodiment, static file is text；Page display device also includes：Edit instruction obtains mould
Block, scripted code add module and script file output module, wherein：
Edit instruction acquisition module is used for the text message for obtaining text, obtains the edit instruction to text message.
Scripted code add module is used to generate scripted code according to edit instruction, and scripted code is added to text message.
Script file output module is used to export the script file comprising text message and scripted code.
Above-mentioned page display device can be implemented as a kind of form of computer program, and computer program can be in such as Fig. 4
Run on shown server.
In one embodiment, there is provided a kind of server, as shown in figure 4, the server includes connecting by system bus
The processor that connects, memory, storage are on a memory and the computer program that can be run on a processor and network interface etc..
Wherein, processor is used to provide calculating and control ability.Memory provides environment for the operation of computer program.Memory includes
Built-in storage and non-volatile memory medium.The terminal that network interface is used for according to this with outside is communicated by network connection.Processing
Device realizes following steps when performing computer program：
Compressed package is obtained, detects compressed package of the compressed package with the presence or absence of association, when the compressed package of association be present, then
Obtain two associated compressed packages.
The compressed package got is decompressed, acquisition source code file and static file, in the static file
Carry class indication.
Inline frame corresponding with the class indication is obtained according to the class indication, shown in the inline frame
The static file.
Detection shows the quantity of the inline frame of the static file, when showing the described inline of the static file
When the quantity of framework is more than predetermined number, multiple static files are shown according to the class indication in batches, wherein, it is each
The static file in batch data volume and less than the first predetermined threshold value.
Instructed according to the loading that the operation to the static file is obtained to the source code file, referred to according to the loading
Order loads the source code file, shows pagefile corresponding to the source code file.
The server can with independent server either multiple server groups into server cluster realize.Ability
Field technique personnel are appreciated that the structure shown in Fig. 4, only the block diagram of the part-structure related to application scheme, and
Do not form the restriction for the server being applied thereon to application scheme, specific server can include than shown in figure more
More or less parts, either combine some parts or arranged with different parts.
In one embodiment, following steps are also realized during computing device computer program：
Obtain the data volume of the static file.
Multiple preset data amounts are obtained, multiple preset data amounts have to correspond with multiple class indications closes
System.
According to the comparing result of the data volume of the static file and multiple preset data amounts, from multiple classification
Mark obtains a class indication corresponding with the data volume of the static file.
Associate the static file and the class indication.
In one embodiment, following steps are also realized during computing device computer program：
Obtain the data volume of the static file.
When the data volume of the static file is less than or equal to the second predetermined threshold value, by the source code file and described
Static file is compressed to a compressed package jointly.
When the data volume of the static file is more than the second predetermined threshold value, by the source code file and the static text
Part is compressed to different compressed packages respectively, and two compressed packages are stored to different storage catalogues respectively, associates the source generation
Compressed package corresponding to compressed package corresponding to code file and the static file.
In one embodiment, following steps are also realized during computing device computer program：
When showing that the quantity of the inline frame of the static file is more than predetermined number, each static text is obtained
The class indication of part.
The tag attributes of the class indication are detected, when the tag attributes of the class indication are preset attribute,
Hide the static file corresponding with the class indication.
In one embodiment, following steps are also realized during computing device computer program：
Also include after described the step of showing the static file in the inline frame：
Obtain the text message of the text.
Obtain the edit instruction to the text message.
Scripted code is generated according to the edit instruction, the scripted code is added to the text message.
Script file of the output comprising the text message and the scripted code.
In one embodiment, there is provided a kind of computer-readable recording medium, be stored thereon with computer program, calculate
Machine program realizes following steps when being executed by processor：
Compressed package is obtained, detects compressed package of the compressed package with the presence or absence of association, when the compressed package of association be present, then
Obtain two associated compressed packages.
The compressed package got is decompressed, acquisition source code file and static file, in the static file
Carry class indication.
Inline frame corresponding with the class indication is obtained according to the class indication, shown in the inline frame
The static file.
Detection shows the quantity of the inline frame of the static file, when showing the described inline of the static file
When the quantity of framework is more than predetermined number, multiple static files are shown according to the class indication in batches, wherein, it is each
The static file in batch data volume and less than the first predetermined threshold value.
Instructed according to the loading that the operation to the static file is obtained to the source code file, referred to according to the loading
Order loads the source code file, shows pagefile corresponding to the source code file.
In one embodiment, following steps are also realized when computer program is executed by processor：
Obtain the data volume of the static file.
Multiple preset data amounts are obtained, multiple preset data amounts have to correspond with multiple class indications closes
System.
According to the comparing result of the data volume of the static file and multiple preset data amounts, from multiple classification
Mark obtains a class indication corresponding with the data volume of the static file.
Associate the static file and the class indication.
In one embodiment, following steps are also realized when computer program is executed by processor：
Obtain the data volume of the static file.
When the data volume of the static file is less than or equal to the second predetermined threshold value, by the source code file and described
Static file is compressed to a compressed package jointly.
When the data volume of the static file is more than the second predetermined threshold value, by the source code file and the static text
Part is compressed to different compressed packages respectively, and two compressed packages are stored to different storage catalogues respectively, associates the source generation
Compressed package corresponding to compressed package corresponding to code file and the static file.
In one embodiment, following steps are also realized when computer program is executed by processor：
When showing that the quantity of the inline frame of the static file is more than predetermined number, each static text is obtained
The class indication of part.
The tag attributes of the class indication are detected, when the tag attributes of the class indication are preset attribute,
Hide the static file corresponding with the class indication.
In one embodiment, following steps are also realized when computer program is executed by processor：
Obtain the text message of the text.
Obtain the edit instruction to the text message.
Scripted code is generated according to the edit instruction, the scripted code is added to the text message.
Script file of the output comprising the text message and the scripted code.
One of ordinary skill in the art will appreciate that realize all or part of flow in above-described embodiment method, being can be with
The hardware of correlation is instructed to complete by computer program, described program can be stored in a non-volatile computer and can be read
In storage medium, the program is upon execution, it may include such as the flow of the embodiment of above-mentioned each method.Wherein, described storage is situated between
Matter can be magnetic disc, CD, read-only memory (Read-Only Memory, ROM) etc..
Each technical characteristic of embodiment described above can be combined arbitrarily, to make description succinct, not to above-mentioned reality
Apply all possible combination of each technical characteristic in example to be all described, as long as however, the combination of these technical characteristics is not deposited
In contradiction, the scope that this specification is recorded all is considered to be.
Embodiment described above only expresses the several embodiments of the present invention, and its description is more specific and detailed, but simultaneously
Can not therefore it be construed as limiting the scope of the patent.It should be pointed out that come for one of ordinary skill in the art
Say, without departing from the inventive concept of the premise, various modifications and improvements can be made, these belong to the protection of the present invention
Scope.Therefore, the protection domain of patent of the present invention should be determined by the appended claims.
Claims (10)
1. a kind of page display method, it is characterised in that methods described includes：
Compressed package being obtained, detects compressed package of the compressed package with the presence or absence of association, when the compressed package of association be present, then being obtained
Two associated compressed packages；
The compressed package got is decompressed, source code file and static file is obtained, is carried in the static file
There is class indication；
Inline frame corresponding with the class indication is obtained according to the class indication, in the inline frame described in display
Static file；
Detection shows the quantity of the inline frame of the static file, when the inline frame for showing the static file
Quantity when being more than predetermined number, multiple static files are shown according to the class indication in batches, wherein, each batch
The interior static file data volume and less than the first predetermined threshold value；
Instructed according to the loading obtained to the source code file that operates to the static file, added according to the loading instruction
The source code file is carried, shows pagefile corresponding to the source code file.
2. according to the method for claim 1, it is characterised in that the acquisition compressed package, detect whether the compressed package is deposited
In the compressed package of association, when the compressed package of association be present, then before the step of obtaining two associated compressed packages also
Including：
Obtain the data volume of the static file；
Multiple preset data amounts are obtained, multiple preset data amounts have one-to-one relationship with multiple class indications；
According to the comparing result of the data volume of the static file and multiple preset data amounts, from multiple class indications
Obtain a class indication corresponding with the data volume of the static file；
Associate the static file and the class indication.
3. according to the method for claim 1, it is characterised in that the acquisition compressed package, detect whether the compressed package is deposited
In the compressed package of association, when the compressed package of association be present, then before the step of obtaining two associated compressed packages also
Including：
Obtain the data volume of the static file；
When the data volume of the static file is less than or equal to the second predetermined threshold value, by the source code file and the static state
File is compressed to a compressed package jointly；
When the data volume of the static file is more than the second predetermined threshold value, by the source code file and the static file point
Different compressed packages is not compressed to, and two compressed packages are stored to different storage catalogues respectively, associates the source code text
Compressed package corresponding to compressed package corresponding to part and the static file.
4. according to the method for claim 1, it is characterised in that described to be obtained and the contingency table according to the class indication
Inline frame corresponding to knowledge, also include after the step of showing the static file in the inline frame：
When showing that the quantity of the inline frame of the static file is more than predetermined number, each static file is obtained
The class indication；
The tag attributes of the class indication are detected, when the tag attributes of the class indication are preset attribute, are hidden
The static file corresponding with the class indication.
5. according to the method for claim 1, it is characterised in that the static file is text；
Also include after described the step of showing the static file in the inline frame：
Obtain the text message of the text；
Obtain the edit instruction to the text message；
Scripted code is generated according to the edit instruction, the scripted code is added to the text message；
Script file of the output comprising the text message and the scripted code.
6. a kind of page display device, it is characterised in that described device includes：
Compressed package acquisition module, for obtaining compressed package, compressed package of the compressed package with the presence or absence of association is detected, is closed when existing
During the compressed package of connection, then two associated compressed packages are obtained；
File acquisition module, for being decompressed to the compressed package got, obtain source code file and static file, institute
State and class indication is carried in static file；
Static file display module, for obtaining inline frame corresponding with the class indication according to the class indication,
The display static file in the inline frame；
Display module in batches, it is described quiet when showing for detecting the quantity for the inline frame for showing the static file
When the quantity of the inline frame of state file is more than predetermined number, shown in batches according to the class indication multiple described quiet
State file, wherein, the static file in each batch data volume and less than the first predetermined threshold value；
Page display module, the loading for being obtained according to the operation to the static file to the source code file instruct,
The source code file is loaded according to the loading instruction, shows pagefile corresponding to the source code file.
7. device according to claim 6, it is characterised in that described device also includes：
Data volume acquisition module, for obtaining the data volume of the static file；
Preset data amount acquisition module, for obtaining multiple preset data amounts, multiple preset data amounts with multiple described points
Class mark has one-to-one relationship；
Class indication relating module, the contrast knot for the data volume according to the static file and multiple preset data amounts
Fruit, a class indication corresponding with the data volume of the static file is obtained from multiple class indications, associates institute
State static file and the class indication.
8. device according to claim 6, it is characterised in that described device also includes：
Data volume acquisition module, for obtaining the data volume of the static file；
First compression module, for when the data volume of the static file is less than or equal to the second predetermined threshold value, by the source
Code file and the static file are compressed to a compressed package jointly；
Second compression module, for when the data volume of the static file is more than the second predetermined threshold value, by source code text
Part and the static file are compressed to different compressed packages respectively, and two compressed packages are stored to different storage mesh respectively
Record, associates compressed package corresponding to compressed package corresponding to the source code file and the static file.
9. a kind of server, including memory, processor and storage are on a memory and the computer that can run on a processor
Program, it is characterised in that the step of any one methods described in claim 1-5 is realized during the computing device described program
Suddenly.
10. a kind of computer-readable recording medium, is stored thereon with computer program, it is characterised in that the computer program
The step of any one methods described in claim 1-5 is realized when being executed by processor.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710764348.1A CN107797837B (en) | 2017-08-30 | 2017-08-30 | Page display method, device, server and medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710764348.1A CN107797837B (en) | 2017-08-30 | 2017-08-30 | Page display method, device, server and medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107797837A true CN107797837A (en) | 2018-03-13 |
| CN107797837B CN107797837B (en) | 2020-11-03 |
Family
ID=61532215
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710764348.1A Active CN107797837B (en) | 2017-08-30 | 2017-08-30 | Page display method, device, server and medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107797837B (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108664305A (en) * | 2018-05-04 | 2018-10-16 | 平安科技（深圳）有限公司 | Realize the method and device of page multiplexing functions |
| CN109871499A (en) * | 2019-01-16 | 2019-06-11 | 中国平安财产保险股份有限公司 | Page loading method and client |
| CN110688595A (en) * | 2019-09-09 | 2020-01-14 | 上海凯京信达科技集团有限公司 | File online preview method, device, equipment and storage medium |
| CN112230918A (en) * | 2020-10-15 | 2021-01-15 | 四川长虹电器股份有限公司 | Web end development method using iframe embedded webpage |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101150559A (en) * | 2006-09-21 | 2008-03-26 | 阿里巴巴公司 | A data exchange method and system for websites |
| US7395500B2 (en) * | 2003-08-29 | 2008-07-01 | Yahoo! Inc. | Space-optimizing content display |
| CN102137306A (en) * | 2011-01-17 | 2011-07-27 | 深圳市同洲电子股份有限公司 | Method and device for displaying web content on television |
| CN103500070A (en) * | 2013-10-23 | 2014-01-08 | 北京三星通信技术研究有限公司 | Touch operation method and device and terminal unit |
| CN104301379A (en) * | 2014-08-28 | 2015-01-21 | 北京奇虎科技有限公司 | Web page cross-domain communication method and device |
| US20160275646A1 (en) * | 2009-11-23 | 2016-09-22 | NL Giken Incorporated | Image Output Device |
-
2017
- 2017-08-30 CN CN201710764348.1A patent/CN107797837B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7395500B2 (en) * | 2003-08-29 | 2008-07-01 | Yahoo! Inc. | Space-optimizing content display |
| CN101150559A (en) * | 2006-09-21 | 2008-03-26 | 阿里巴巴公司 | A data exchange method and system for websites |
| US20160275646A1 (en) * | 2009-11-23 | 2016-09-22 | NL Giken Incorporated | Image Output Device |
| CN102137306A (en) * | 2011-01-17 | 2011-07-27 | 深圳市同洲电子股份有限公司 | Method and device for displaying web content on television |
| CN103500070A (en) * | 2013-10-23 | 2014-01-08 | 北京三星通信技术研究有限公司 | Touch operation method and device and terminal unit |
| CN104301379A (en) * | 2014-08-28 | 2015-01-21 | 北京奇虎科技有限公司 | Web page cross-domain communication method and device |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108664305A (en) * | 2018-05-04 | 2018-10-16 | 平安科技（深圳）有限公司 | Realize the method and device of page multiplexing functions |
| CN109871499A (en) * | 2019-01-16 | 2019-06-11 | 中国平安财产保险股份有限公司 | Page loading method and client |
| CN110688595A (en) * | 2019-09-09 | 2020-01-14 | 上海凯京信达科技集团有限公司 | File online preview method, device, equipment and storage medium |
| CN110688595B (en) * | 2019-09-09 | 2022-08-16 | 上海斑马来拉物流科技有限公司 | File online preview method, device, equipment and storage medium |
| CN112230918A (en) * | 2020-10-15 | 2021-01-15 | 四川长虹电器股份有限公司 | Web end development method using iframe embedded webpage |
| CN112230918B (en) * | 2020-10-15 | 2022-08-19 | 四川长虹电器股份有限公司 | Web end development method using iframe embedded webpage |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107797837B (en) | 2020-11-03 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107797837A (en) | Page display method, device, server and medium | |
| CN105528408B (en) | Page display method and device | |
| US8412569B1 (en) | Determining advertising statistics for advertisers and/or advertising networks | |
| CN107678937A (en) | Page compatibility detection method, device, server and medium | |
| CN107992427A (en) | Create method, apparatus, equipment and its storage medium of operational trials scene | |
| AU2014309040B2 (en) | Presenting fixed format documents in reflowed format | |
| US20040030991A1 (en) | Systems and methods for facilitating automatic completion of an electronic form | |
| CN106649369A (en) | Adjustment method and device for window display | |
| CN114330233A (en) | Method for realizing correlation between electronic form content and file through file bottom | |
| CN110362304A (en) | The method and apparatus of web displaying | |
| CN113238741A (en) | Form configuration method and device, electronic equipment and storage medium | |
| US9471558B2 (en) | Generation of introductory information page | |
| US11074646B1 (en) | Dynamically selecting an image for display | |
| US20200081593A1 (en) | Element mapping and rule building systems and methods for contextual site visitor engagement | |
| US20120284607A1 (en) | Content flow through containers | |
| CN107168635A (en) | Information demonstrating method and device | |
| CN107741933A (en) | Method and apparatus for detecting text | |
| CN110297957A (en) | Data processing method and device, electronic equipment and storage medium | |
| CN107368484A (en) | Compression method and device, the acquisition methods and device of the static resource file of webpage | |
| US20150331886A1 (en) | Determining images of article for extraction | |
| US8788926B1 (en) | Method of content filtering to reduce ink consumption on printed web pages | |
| CN107943782A (en) | A kind of character processing method and terminal | |
| CN107783983A (en) | Information displaying method and device | |
| CN103744920A (en) | Commodity attribute name-value pair extraction method and system | |
| CN104715060A (en) | Picture display method and device based on web pages |
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 | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20180524 Address after: 518052 Room 201, building A, 1 front Bay Road, Shenzhen Qianhai cooperation zone, Shenzhen, Guangdong Applicant after: Shenzhen one ledger Intelligent Technology Co., Ltd. Address before: 200000 Xuhui District, Shanghai Kai Bin Road 166, 9, 10 level. Applicant before: Shanghai Financial Technologies Ltd |
|
| TA01 | Transfer of patent application right | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |