CN109857473A - A kind of loading method and device of page data - Google Patents
A kind of loading method and device of page data Download PDFInfo
- Publication number
- CN109857473A CN109857473A CN201711227281.4A CN201711227281A CN109857473A CN 109857473 A CN109857473 A CN 109857473A CN 201711227281 A CN201711227281 A CN 201711227281A CN 109857473 A CN109857473 A CN 109857473A
- Authority
- CN
- China
- Prior art keywords
- data
- page
- configuration information
- module
- implanted
- 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
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a kind of loading method of page data and devices, are related to field of computer technology.One specific embodiment of this method includes: the configuration information for receiving charging assembly；Data to be loaded are obtained according to the current event of the page；The data are implanted into the component according to the configuration information.The embodiment reduces labour cost, improves efficiency, and is conducive to subsequent components, modular development and application.
Description
Technical field
The present invention relates to field of computer technology more particularly to a kind of loading methods of page data, device, electronic equipment
And computer-readable medium.
Background technique
In traditional development process, developer wants to realize that the content an of Webpage is shown, needs to spell manually
The various page elements on the page are filled, adjust the compatibility of various patterns, item by item loading page data, there are many different patterns
It needs to realize, but in the identical situation of gross function, it is also necessary to do many repetitive works.
In realizing process of the present invention, at least there are the following problems in the prior art for inventor's discovery:
The artificial loading efficiency for carrying out page data is low, not flexible, is unfavorable for modularization, modular exploitation.
Summary of the invention
In view of this, the embodiment of the present invention provides the loading method and device of a kind of page data, can be added by component
Page data is carried, labour cost is reduced, improves efficiency, is conducive to subsequent components, modular development and application.
To achieve the above object, according to an aspect of an embodiment of the present invention, a kind of load side of page data is provided
Method, comprising: receive the configuration information of charging assembly；Data to be loaded are obtained according to the current event of the page；According to the configuration
The data are implanted into the component by information.
Optionally, before the step of obtaining data to be loaded according to the current event of the page, the method also includes: monitoring
The current event of the page, wherein the current event of the page includes that drop-down refreshes, rolls load and choose element.
Optionally, before the step data being implanted into the component according to the configuration information, the method is also
Include: whether the verification data correct, if the data correctly if be implanted into.
Optionally, before the step of data being implanted into the component according to the configuration information, the method is also wrapped
Include: addition separates label in the page, adds the component according to the position for separating label.
To achieve the above object, other side according to an embodiment of the present invention provides a kind of load of page data
Device, comprising: configurations module, for receiving the configuration information of charging assembly；Data loading module, for according to the page
Current event obtains data to be loaded；Data exhibiting module, for the data to be implanted into described group according to the configuration information
In part.
Optionally, described device further include: event-monitoring module, for the data loading module according to the current of the page
Before event obtains data to be loaded, the current event of the page is monitored, wherein the current event of the page includes drop-down
Refresh, roll load or choose element.
Optionally, described device further include: data check module is used in the data exhibiting module according to the configuration
Before the data are implanted into the component by information, whether correct the data are verified.
Optionally, described device further include: component locating module is used in the data exhibiting module according to the configuration
Before the data are implanted into the component by information, addition separates label in the page, according to the label that separates
Add the component in position.
To achieve the above object, another aspect according to an embodiment of the present invention provides a kind of load of page data
Electronic equipment, comprising: one or more processors；Storage device, for storing one or more programs, when one or more
A program is executed by one or more of processors, so that one or more of processors realize a kind of adding for page data
Any method in support method.
To achieve the above object, another aspect according to an embodiment of the present invention provides a kind of computer-readable medium,
It is stored thereon with computer program, any institute in a kind of loading method of page data is realized when described program is executed by processor
The method stated.
One embodiment in foregoing invention has the following advantages that or the utility model has the advantages that because using the current thing according to the page
The technological means that part obtains data to be loaded ensure that the real-time of data to be loaded, because using charging assembly to page data
The technological means loaded so overcoming the high technical problem of artificial load data efficiency low cost, and then reaches raising
Efficiency reduces cost, conducive to subsequent components, the technical effect of modular development and application.
Further effect possessed by above-mentioned non-usual optional way adds hereinafter in conjunction with specific embodiment
With explanation.
Detailed description of the invention
Attached drawing for a better understanding of the present invention, does not constitute an undue limitation on the present invention.Wherein:
Fig. 1 is a kind of schematic diagram of the key step of the loading method of page data according to an embodiment of the present invention；
Fig. 2 is a kind of schematic diagram of the major part of the loading device of page data according to an embodiment of the present invention；
Fig. 3 is that the embodiment of the present invention can be applied to exemplary system architecture figure therein；
Fig. 4 is adapted for the structural representation of the computer system for the terminal device or server of realizing the embodiment of the present invention
Figure.
Specific embodiment
Below in conjunction with attached drawing, an exemplary embodiment of the present invention will be described, including the various of the embodiment of the present invention
Details should think them only exemplary to help understanding.Therefore, those of ordinary skill in the art should recognize
It arrives, it can be with various changes and modifications are made to the embodiments described herein, without departing from scope and spirit of the present invention.Together
Sample, for clarity and conciseness, descriptions of well-known functions and structures are omitted from the following description.
Fig. 1 is a kind of schematic diagram of the key step of the loading method of page data according to an embodiment of the present invention, such as Fig. 1
It is shown:
Step S101 indicates to receive the configuration information of charging assembly；This step is used to complete the preliminary setting of component.
With JavaScript in the page development of mobile terminal, (JavaScript is a kind of scripting language for belonging to network,
It is widely used in Web application and development, is commonly used to add miscellaneous dynamic function for webpage, provides more smooth beauty for user
Result of browse) under jQuery frame realize page data load for.Wherein, the configuration information of charging assembly mainly wraps
Include: data loading method configuration information, data exhibiting style configuration information, component position information configuration information and pattern are personalized
Configuration information.Dynamic data loading method can be configured to through AJAX (i.e. " Asynchronous Javascript And XML "
Asynchronous JavaScript and XML, refer to it is a kind of creation interaction network page application web development technologies) mode realize, and
It can configure the quantity of data to be loaded, the information such as request method of also dynamically configurable AJAX request；Dynamic data load is logical
Cross transmission AJAX request, request the real time data in background data base or server, data are variable, and be in real time,
Dynamic data load needs an addressable back-end services interface and provides data query function.Add if it is non-dynamic data
Load mode, then the data loading method being passed to using called side, the incoming loading method of called side can only be supported load
One kind of mode.Data exhibiting style configuration information can configure the personalized style information of charging assembly, can be by being passed to CSS
(cascading style sheets Cascading Style Sheets is that a kind of one for performance standard generalized markup language HTML answers
With or standard generalized markup language the files pattern such as a subset XML computer language) class attribute realize the function
Can, class attribute assignment is first to the html (hypertext markup language, an application) under standard generalized markup language generated
In element, the dynamic configuration of pattern is realized.Component position information configuration information, can for determining position of the charging assembly in the page
ID value by being passed to html element realizes the function, searches position of the html element in the page by ID value and is rendered.
Pattern personalized configuration information is used to configure the customized information in the preset style, such as the title content in table style, can
The information that each column by being passed to table need to show, such as the title that this is arranged, the pattern showed, if need to carry out content
It formats, the mapping relations of function of formatting etc. and this column and data to be loaded, by mapping relations by number to be loaded
Come according to mapping out, if the data format of data to be loaded is that (JavaScript object label, is a kind of data of lightweight to JSON
Exchange format), then need exist for the Property Name that incoming mapping relations are a certain column datas in JSON data.
Step S102 indicates to obtain data to be loaded according to the current event of the page；It ensure that the real-time of data to be loaded
Property.It the mode of AJAX can be used to send to server to request and receive data to be loaded.
Before the step of obtaining data to be loaded according to the current event of the page, the method also includes: monitor the page
The current event in face, wherein the current event of the page includes that drop-down refreshes, rolls load and choose element.The work of this step
With being the movement current in response to user, real time data load is realized.Under JavaScript in the page development of mobile terminal
JQuery frame is realized for the load of page data.Such as when user's upward sliding screen on the screen, and the page is shown as
When scrolling down through, illustrates that user wants to see the subsequent data of the page, need to go the subsequent data of loading page in real time.Such as base
Touchstart event, touchmove event, touchend event in HTML5 (the 5th generation hypertext markup language), wherein
Touchstart event is to trigger when a finger is touching the screen, and touchmove event is continuous when finger slides on the screen
Triggering, touchend event is that the triggering when finger leaves from screen is merged out by monitoring the triggering of these three events
One drop-down refresh events --- when finger touches screen, the position of finger touching is calculated, when finger is sliding in screen
When dynamic, through calculated finger touch position compared with the position that finger slides, it is past for calculating finger in screen
Upper sliding is still slided down, finally it can be concluded that whether finger is carrying out pulling operation, most when finger frames out
Afterwards according to calculated result, triggering drop-down refresh events after triggering, send to server and request and receive data to be loaded, brush
New page.For rolling load events, setting can trigger scroll event when the scroll bar of the page is scrolled and (be based on
The rolling event of JavaScript), when showing that content is more than screen size, the page will appear scroll bar, when finger slides up
Dynamic content of pages is equivalent to and is pulling downward on page scroll bar, triggers scroll event --- by monitoring scroll event, meter
Calculate scroll bar (can be set dynamically) with a distance from page bottom apart from size, and when apart from setting less than setting, triggering, which rolls, to be added
Load event after triggering, sends to server and requests and receive data to be loaded, add to the data of the page after rolling
It carries.For choosing elementary event, such as when charging assembly needs to generate the content of list style, configurable list row content is
It is no to be selected, if can be selected, CheckBox can be generated for every a line and (allows user and the page in HTML
On material a kind of interactive method occurs), user can choose CheckBox, when CheckBox is selected, can touch
Hair chooses elementary event, after triggering, sends to server and requests and receive the corresponding data to be loaded of CheckBox.
Step S103 indicates that the data are implanted into the component according to the configuration information.The effect of this step has been
At the load of data, the matching of charging assembly and data to be loaded is realized.If the data to be loaded that first will acquire are according to configuration
Information processing is put into the data that every a line needs to show when using the component of table style at the form of array in array, lead to
Traversal array is crossed, then, based on the mapping relations in configuration information, maps the data into each column, assembles every a line
It shows content, HTML5 and CSS element can be generated later, be rendered into progress content displaying in browser.
Before the step that the data are implanted into the component according to the configuration information, the method also includes: school
Whether correct test the data, if the data correctly if be implanted into.The effect of this step is to improve page data to load
Accuracy such as verifies whether data to be loaded are sky, and whether format matches, and the condition that can pass through judges, regular expression is verified etc.
Mode.
Before the step of data are implanted into the component according to the configuration information, the method also includes: in institute
It states addition in the page and separates label, the component is added according to the position for separating label.The effect of this step is will to load
Component is added in the corresponding position of the page.Such as added in the position for the page DOM (DOM Document Object Model) for needing display data
DIV element (separates label), and has attached the worth label of ID for DIV element and used the side of DOM lookup in JavaScript
Formula finds DIV element by ID, adds a charging assembly, then receive configuration information.In configuration information further include: data add
Information, the DIV elements such as address, required parameter, paging information, hyperlinked information, the request return processing function of load can also be made
For one of configuration information, such charging assembly can determine its position in the page by configuration information.The present invention is implemented
The method of example is packaged after being realized by code, and can be (a kind of based on the automatic of JavaScript by gulp tool
Change the build tool) it is packaged, then calling client that will load group in a manner of script label (script tag) introducing
Part is introduced into the page.
Fig. 2 is a kind of schematic diagram of the major part of the loading device 200 of page data according to an embodiment of the present invention, such as
Shown in Fig. 2:
Configurations module 201, for receiving the configuration information of charging assembly；The effect of this module is the first of completion component
Step setting.
By taking the jQuery frame under JavaScript in the page development of mobile terminal realizes the load of page data as an example.Its
In, the configuration information of charging assembly specifically includes that data loading method configuration information, data exhibiting style configuration information, component
Location information configuration information and pattern personalized configuration information.Dynamic data loading method can be configured to through AJAX (i.e.
" Asynchronous Javascript And XML " asynchronous JavaScript and XML, refers to that a kind of creation interaction network page is answered
Web development technologies) mode realize, and can configure the quantity of data to be loaded, also dynamically configurable AJAX request
The information such as request method；Dynamic data load is requested real-time in background data base or server by sending AJAX request
Data, data are variable, and are that in real time, dynamic data load needs an addressable back-end services interface and provides
Data query function.If it is non-dynamic data loading method, then the data loading method being passed to using called side, called side is passed
The loading method entered can only be one kind of supported loading method.Data exhibiting style configuration information can configure charging assembly
Personalized style information, can (cascading style sheets Cascading Style Sheets be a kind of to be used to show by incoming CSS
One of standard generalized markup language HTML applies or the calculating of the files patterns such as a subset XML of standard generalized markup language
Machine language) class attribute realize the function, by class attribute assignment to generate html (hypertext markup language, standard
One under generalized markup language application) in element, realize the dynamic configuration of pattern.Component position information configuration information is for true
Determine position of the charging assembly in the page, can realize the function by being passed to the ID value of html element, html is searched by ID value
Position of the element in the page is rendered.Pattern personalized configuration information is used to configure the customized information in the preset style,
Title content in such as table style, the information that can need to show by being passed to each column of table, such as the title that this is arranged, exhibition
Existing pattern, if need to carry out the formatting of content, the mapping of function of formatting etc. and this column and data to be loaded
Relationship is mapped out data to be loaded come if the data format of data to be loaded is JSON (JavaScript by mapping relations
Object tag is a kind of data interchange format of lightweight), then it is a certain in JSON data for needing exist for incoming mapping relations
The Property Name of column data.
Data loading module 202, for obtaining data to be loaded according to the current event of the page；It ensure that data to be loaded
Real-time.It the mode of AJAX can be used to send to server to request and receive data to be loaded.
Device 200 may also include event-monitoring module, and data loading module 202 obtains to be added according to the current event of the page
Before carrying data, the current event of the page is monitored, wherein the current event of the page includes that drop-down refreshes, rolls load
Or choose element.The effect of this module is the movement current in response to user, realizes real time data load.With the mobile terminal page
JQuery frame in exploitation under JavaScript is realized for the load of page data.Such as when user slides up on the screen
Dynamic screen, and when the page shows as scrolling down through, illustrate that user wants to see the subsequent data of the page, needs to remove loaded page in real time
The subsequent data in face.For example it is based on touchstart event, the touchmove thing of HTML5 (the 5th generation hypertext markup language)
Part, touchend event, wherein touchstart event is to trigger when a finger is touching the screen, and touchmove event is to work as hand
Refer to and continuously triggered when sliding on the screen, touchend event is the triggering when finger leaves from screen, by monitoring this
The triggering of three events merges a drop-down refresh events out --- when finger touches screen, calculate finger touching
Position, when finger screen slide when, through calculated finger touch position compared with the position that finger slides,
It is up to slide or slide down that finger, which is calculated, in screen, finally it can be concluded that finger is when finger frames out
No to carry out pulling operation, finally according to calculated result, triggering drop-down refresh events after triggering, send request simultaneously to server
Receive data to be loaded, refresh page.For rolling load events, setting can be triggered when the scroll bar of the page is scrolled
Scroll event (the rolling event based on JavaScript), when showing that content is more than screen size, the page will appear rolling
Item is equivalent to when finger upward sliding content of pages and is pulling downward on page scroll bar, trigger scroll event --- pass through prison
Scroll event is controlled, calculate scroll bar (can be set dynamically) with a distance from page bottom apart from size, when distance is less than setting
When setting, triggering rolls load events, after triggering, sends to server and requests and receive data to be loaded, to the page after rolling
The data in face are loaded.For choosing elementary event, such as when charging assembly needs to generate the content of list style, can match
It sets whether list row content can be selected, if can be selected, a CheckBox can be generated for every a line (in HTML
Allow the material on user and the page that a kind of interactive method occurs), user can choose CheckBox, work as CheckBox
When selected, it can trigger and choose elementary event, after triggering, send and request and to receive CheckBox corresponding to be loaded to server
Data.
Data exhibiting module 203, for the data to be implanted into the component according to the configuration information.This module
Effect is to complete the load of data, realizes the matching of charging assembly and data to be loaded.Such as the data to be loaded that first will acquire
It is processed into the form of array according to configuration information, when using the component of table style, is put into every a line in array and needs to show
Data, by traverse array then based on the mapping relations in configuration information, map the data into each column, assemble
The displaying content of every a line, can be generated HTML5 and CSS element later, be rendered into progress content displaying in browser.
Device 200 may also include data check module, and being used for will according to the configuration information in the data exhibiting module
Before the data are implanted into the component, whether correct the data are verified.The effect of this module is to improve page data to add
The accuracy of load such as verifies whether data to be loaded are sky, and whether format matches, and can be judged by condition, regular expression be tested
The modes such as card.
Device 200 may also include component locating module, and being used for will according to the configuration information in the data exhibiting module
Before the data are implanted into the component, addition separates label in the page, is added according to the position for separating label
Add the component.The effect of this module is that charging assembly is added in the corresponding position of the page.As needing display data
DIV element (separating label) is added in the position of page DOM (DOM Document Object Model), and has attached the worth label of ID for DIV element,
In JavaScript, DIV element is found by ID using the mode that DOM is searched, adds a charging assembly, then receive and match
Confidence breath.In configuration information further include: the address of data load, required parameter, paging information, hyperlinked information, request return
Information, the DIV elements such as processing function can also be used as one of configuration information, and such charging assembly can be true by configuration information
Its fixed position in the page.The method of the embodiment of the present invention is packaged after being realized by code, and can pass through gulp
Tool (a kind of automation the build tool based on JavaScript) is packaged, then by calling client with script label
Charging assembly is introduced into the page by the mode that (script tag) is introduced into.
The mode that Object-Oriented Programming can be used in the modules of device in one embodiment in the present invention is combined,
Individual module can see an object as, and module can see the method or attribute of this object as, can be according to the side of object-oriented
Formula is called module, can also dynamically be extended to module.The function that module is realized can be programmed by JavaScript
Mode realize.
Fig. 3 is shown can be using a kind of loading method of page data of the embodiment of the present invention or the exemplary system of device
System framework 300.
As shown in figure 3, system architecture 300 may include terminal device 301,302,303, network 304 and server 305.
Network 304 between terminal device 301,302,303 and server 305 to provide the medium of communication link.Network 304 can be with
Including various connection types, such as wired, wireless communication link or fiber optic cables etc..
User can be used terminal device 301,302,303 and be interacted by network 304 with server 305, to receive or send out
Send message etc..Various telecommunication customer end applications, such as the application of shopping class, net can be installed on terminal device 301,302,303
The application of page browsing device, searching class application, instant messaging tools, mailbox client, social platform software etc..
Terminal device 301,302,303 can be the various electronic equipments with display screen and supported web page browsing, packet
Include but be not limited to smart phone, tablet computer, pocket computer on knee and desktop computer etc..
Server 305 can be to provide the server of various services, such as utilize terminal device 301,302,303 to user
The shopping class website browsed provides the back-stage management server supported.Back-stage management server can believe the product received
The data such as breath inquiry request carry out the processing such as analyzing, and processing result (such as target push information, product information) is fed back to
Terminal device.
It should be noted that a kind of loading method of page data provided by the embodiment of the present invention is generally by server
305 execute, and correspondingly, a kind of loading device of page data is generally positioned in server 305.
It should be understood that the number of terminal device, network and server in Fig. 3 is only schematical.According to realization need
It wants, can have any number of terminal device, network and server.
Fig. 4 show the structural representation for being suitable for the computer system 400 for the terminal device for being used to realize the embodiment of the present invention
Figure.Terminal device shown in Fig. 4 is only an example, should not function to the embodiment of the present invention and use scope bring it is any
Limitation.
As shown in figure 4, computer system 400 includes central processing unit (CPU) 401, it can be read-only according to being stored in
Program in memory (ROM) 402 or be loaded into the program in random access storage device (RAM) 403 from storage section 408 and
Execute various movements appropriate and processing.In RAM 403, also it is stored with system 400 and operates required various programs and data.
CPU 401, ROM 402 and RAM 403 are connected with each other by bus 404.Input/output (I/O) interface 405 is also connected to always
Line 404.
I/O interface 405 is connected to lower component: the importation 406 including keyboard, mouse etc.；It is penetrated including such as cathode
The output par, c 407 of spool (CRT), liquid crystal display (LCD) etc. and loudspeaker etc.；Storage section 408 including hard disk etc.；
And the communications portion 409 of the network interface card including LAN card, modem etc..Communications portion 409 via such as because
The network of spy's net executes communication process.Driver 410 is also connected to I/O interface 405 as needed.Detachable media 411, such as
Disk, CD, magneto-optic disk, semiconductor memory etc. are mounted on as needed on driver 410, in order to read from thereon
Computer program be mounted into storage section 408 as needed.
Particularly, disclosed embodiment, the process of above step figure description may be implemented as computer according to the present invention
Software program.For example, embodiment disclosed by the invention includes a kind of computer program product comprising be carried on computer-readable
Computer program on medium, the computer program include the program code for executing method shown in block diagram.In this way
Embodiment in, which can be downloaded and installed from network by communications portion 409, and/or from detachable
Medium 411 is mounted.When the computer program is executed by central processing unit (CPU) 401, executes and limited in system of the invention
Fixed above-mentioned function.
It should be noted that computer-readable medium shown in the present invention includes computer-readable signal media or computer
Readable storage medium storing program for executing or the two any combination.Computer readable storage medium include but is not limited to electricity, magnetic, light,
Electromagnetism, infrared ray, the system of semiconductor, any combination of device or device or above content.Computer readable storage medium
Be specifically including but not limited to: electrical connection, portable computer diskette with one or more conducting wires, hard disk, random access are deposited
Reservoir (RAM), read-only memory (ROM), erasable programmable read only memory (EPROM or flash memory), optical fiber, Portable, compact
Disk read-only memory (CD-ROM), light storage device, magnetic memory device or above content any combination.In the present invention
In, computer readable storage medium, which includes any, includes or the tangible medium of storage program, which can be commanded and execute system
System, device or device use or in connection；Computer-readable signal media includes in a base band or conduct
The data-signal that carrier wave a part is propagated, wherein carrying computer-readable program code, the data-signal of this propagation can
To take various forms, including but not limited to electromagnetic signal, any combination of optical signal or above-mentioned signal.Computer-readable letter
Number medium can also be any computer-readable medium other than computer readable storage medium, which can be with
It sends, propagate or transmits for by the use of instruction execution system, device or device or program in connection.Meter
The program code for including on calculation machine readable medium can transmit with any suitable medium, including but not limited to: wireless, electric wire,
Any combination of optical cable, RF (radio frequency) etc. or above-mentioned medium.
Step figure or block diagram in attached drawing, illustrate according to the system of various embodiments of the invention, method and computer journey
The architecture, function and operation in the cards of sequence product, each box in block diagram or block diagram can represent a mould
A part of block, program segment or code, a part of above-mentioned module, program segment or code include it is one or more for realizing
The executable instruction of defined logic function.It should be noted that in some implementations as replacements, function marked in the box
It can also occur in a different order than that indicated in the drawings.For example, two boxes succeedingly indicated can actually be parallel
Ground executes, and can also execute in the opposite order sometimes, and execution sequence depends on the functions involved.It is also noted that
Each box in block diagram or block diagram with and combinations thereof, can the dedicated of the functions or operations as defined in executing be based on hardware
System realize, or can realize using a combination of dedicated hardware and computer instructions.
Being described in module involved in the embodiment of the present invention can be realized by way of software, can also be by hard
The mode of part is realized.Described module also can be set in the processor, for example, can be described as: a kind of processor packet
Include configurations module, data loading module, data exhibiting module.Wherein, the title of these modules is not under certain conditions
The restriction to the module itself is constituted, for example, configurations module is also described as " for receiving the configuration of charging assembly
The module of information ".
On the other hand, the embodiment of the invention also provides a kind of computer-readable medium, which can be with
It is included in equipment described in above-described embodiment；It is also possible to individualism, and without in the supplying equipment.Above-mentioned meter
Calculation machine readable medium carries one or more program, when said one or multiple programs are executed by the equipment,
So that the equipment includes: the configuration information for receiving charging assembly；Data to be loaded are obtained according to the current event of the page；According to institute
It states configuration information the data are implanted into the component.
Technical solution according to an embodiment of the present invention, because obtaining data to be loaded using the current event according to the page
Technological means ensure that the real-time of data to be loaded, because of the technology hand loaded using charging assembly to page data
Section so overcoming the high technical problem of artificial load data efficiency low cost, and then reaches and improves efficiency, reduces cost, benefit
In subsequent components, the technical effect of modular development and application.
Above-mentioned specific embodiment, does not constitute a limitation on the scope of protection of the present invention.Those skilled in the art should be bright
It is white, design requirement and other factors are depended on, various modifications, combination, sub-portfolio and substitution can occur.It is any
Made modifications, equivalent substitutions and improvements etc. within the spirit and principles in the present invention, should be included in the scope of the present invention
Within.
Claims (10)
1. a kind of loading method of page data characterized by comprising
Receive the configuration information of charging assembly；
Data to be loaded are obtained according to the current event of the page；
The data are implanted into the component according to the configuration information.
2. the method according to claim 1, wherein obtaining the step of data to be loaded according to the current event of the page
Before rapid, the method also includes:
The current event of the page is monitored, wherein the current event of the page includes that drop-down refreshes, rolls load and choose
Element.
3. the method according to claim 1, wherein the data are implanted into described group according to the configuration information
Before step in part, the method also includes:
Whether correct verify the data, if the data correctly if be implanted into.
4. the method according to claim 1, wherein the data are implanted into described group according to the configuration information
Before the step of part, the method also includes:
Addition separates label in the page, adds the component according to the position for separating label.
5. a kind of loading device of page data characterized by comprising
Configurations module, for receiving the configuration information of charging assembly；
Data loading module, for obtaining data to be loaded according to the current event of the page；
Data exhibiting module, for the data to be implanted into the component according to the configuration information.
6. device according to claim 5, which is characterized in that described device further include:
Event-monitoring module, before obtaining data to be loaded according to the current event of the page for the data loading module, prison
The current event of the page is controlled, wherein the current event of the page includes that drop-down refreshes, rolls load or choose element.
7. device according to claim 5, which is characterized in that described device further include:
Data check module, for the data to be implanted into the component according to the configuration information in the data exhibiting module
In before, whether correct verify the data.
8. device according to claim 5, which is characterized in that described device further include:
Component locating module, for the data to be implanted into the component according to the configuration information in the data exhibiting module
In before, addition separates label in the page, the position addition component for separating label according to described.
9. a kind of load electronic equipment of page data characterized by comprising
One or more processors；
Storage device, for storing one or more programs,
When one or more of programs are executed by one or more of processors, so that one or more of processors are real
The now method as described in any in claim 1-4.
10. a kind of computer-readable medium, is stored thereon with computer program, which is characterized in that described program is held by processor
The method as described in any in claim 1-4 is realized when row.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711227281.4A CN109857473A (en) | 2017-11-29 | 2017-11-29 | A kind of loading method and device of page data |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711227281.4A CN109857473A (en) | 2017-11-29 | 2017-11-29 | A kind of loading method and device of page data |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109857473A true CN109857473A (en) | 2019-06-07 |
Family
ID=66887625
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711227281.4A Pending CN109857473A (en) | 2017-11-29 | 2017-11-29 | A kind of loading method and device of page data |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109857473A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111274781A (en) * | 2020-01-21 | 2020-06-12 | 北京三快在线科技有限公司 | Table display method and device, storage medium and electronic equipment |
| CN111753176A (en) * | 2020-06-29 | 2020-10-09 | 金电联行（北京）信息技术有限公司 | Automatic reminding system, browser end and method for enterprise credit investigation red blacklist |
| CN111782304A (en) * | 2020-07-21 | 2020-10-16 | 平安国际智慧城市科技股份有限公司 | Logic control method and device for paging loading data, computer equipment and medium |
Citations (44)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1987850A (en) * | 2005-12-20 | 2007-06-27 | 腾讯科技（深圳）有限公司 | Method for realizing AJAX webpage |
| CN103136201A (en) * | 2011-11-22 | 2013-06-05 | 阿里巴巴集团控股有限公司 | Page information display method and page information display device |
| CN103166916A (en) * | 2011-12-12 | 2013-06-19 | 深圳市金蝶中间件有限公司 | Method and system for updating page |
| CN103377059A (en) * | 2012-04-23 | 2013-10-30 | 阿里巴巴集团控股有限公司 | Function module dynamic loading method and device based on jQuery framework |
| CN103677789A (en) * | 2012-09-25 | 2014-03-26 | 深圳市金正方科技有限公司 | Table data displaying method and system based on GRID assembly |
| CN104063484A (en) * | 2014-07-03 | 2014-09-24 | 车智互联（北京）科技有限公司 | Webpage presenting method and device and electronic device |
| CN104142826A (en) * | 2014-07-28 | 2014-11-12 | 百度在线网络技术（北京）有限公司 | Method, device and system for constructing page |
| CN104158836A (en) * | 2014-06-23 | 2014-11-19 | 浙江大学城市学院 | Method for rendering mobile application interface through data |
| CN104331474A (en) * | 2014-11-03 | 2015-02-04 | 百度在线网络技术（北京）有限公司 | Page processing method and device |
| CN104462571A (en) * | 2014-12-26 | 2015-03-25 | 北京奇虎科技有限公司 | Webpage loading method and device and browser client-side |
| CN104572777A (en) * | 2013-10-28 | 2015-04-29 | 腾讯科技（深圳）有限公司 | Webpage loading method and device based on UIWebView component |
| CN104573066A (en) * | 2015-01-26 | 2015-04-29 | 中国工商银行股份有限公司 | Page reusing method and page reusing device |
| CN104991916A (en) * | 2015-06-24 | 2015-10-21 | 小米科技有限责任公司 | Webpage loading method and apparatus |
| CN105159999A (en) * | 2015-09-08 | 2015-12-16 | 百度在线网络技术（北京）有限公司 | Dynamic page displaying method and dynamic page displaying device |
| CN105278977A (en) * | 2014-07-14 | 2016-01-27 | 阿里巴巴集团控股有限公司 | Web parts loading method and apparatus |
| CN105335139A (en) * | 2014-07-24 | 2016-02-17 | 广州市动景计算机科技有限公司 | Webpage display method and apparatus |
| CN105549964A (en) * | 2015-12-08 | 2016-05-04 | 曙光信息产业(北京)有限公司 | Page display method and system |
| CN105574207A (en) * | 2016-01-21 | 2016-05-11 | 上海谦讯网络科技有限公司 | WAP webpage developing method |
| CN105792002A (en) * | 2014-12-18 | 2016-07-20 | 广州市动景计算机科技有限公司 | Video rendering method and device |
| CN106021617A (en) * | 2016-07-12 | 2016-10-12 | 腾讯科技（深圳）有限公司 | Page generation method and device |
| CN106201562A (en) * | 2015-04-30 | 2016-12-07 | 深圳市腾讯计算机系统有限公司 | A kind of page switching method and device |
| CN106302008A (en) * | 2016-08-05 | 2017-01-04 | 腾讯科技（深圳）有限公司 | Data-updating method and device |
| CN106484741A (en) * | 2015-09-01 | 2017-03-08 | 北京国双科技有限公司 | The method and device that a kind of single page application accesses data collection and sends |
| CN106502738A (en) * | 2016-10-24 | 2017-03-15 | 福建中金在线信息科技有限公司 | Data load method and device in a kind of mobile terminal |
| CN106528129A (en) * | 2016-10-27 | 2017-03-22 | 南京南瑞继保电气有限公司 | Web application interface generation system and method |
| CN106547806A (en) * | 2015-09-23 | 2017-03-29 | 阿里巴巴集团控股有限公司 | Page loading method and device |
| CN106611032A (en) * | 2015-10-27 | 2017-05-03 | 广州市动景计算机科技有限公司 | Webpage pre-loading method and device |
| CN106850717A (en) * | 2015-12-07 | 2017-06-13 | 南京南瑞继保电气有限公司 | A kind of method of the monitoring industrial data collection gateway real time data based on webpage |
| CN106909288A (en) * | 2017-03-29 | 2017-06-30 | 广州阿里巴巴文学信息技术有限公司 | The method for refreshing of application program, device and electronic equipment |
| CN106933640A (en) * | 2017-04-26 | 2017-07-07 | 携程旅游网络技术（上海）有限公司 | The method and system of Web page are loaded in the browser of mobile terminal |
| CN106991154A (en) * | 2017-03-29 | 2017-07-28 | 百度在线网络技术（北京）有限公司 | Webpage rendering intent, device, terminal and server |
| CN107085530A (en) * | 2017-05-17 | 2017-08-22 | 武汉斗鱼网络科技有限公司 | Refresh the method, device and mobile terminal of application interface |
| CN107085574A (en) * | 2016-02-15 | 2017-08-22 | 阿里巴巴集团控股有限公司 | A kind of page data processing method and server |
| CN107193542A (en) * | 2017-03-30 | 2017-09-22 | 腾讯科技（深圳）有限公司 | Method for information display and device |
| CN107203470A (en) * | 2017-05-11 | 2017-09-26 | 腾讯科技（深圳）有限公司 | Page adjustment method and device |
| CN107203541A (en) * | 2016-03-17 | 2017-09-26 | 台达电子企业管理（上海）有限公司 | Page loading method and its page loading device |
| CN107220050A (en) * | 2017-05-25 | 2017-09-29 | 努比亚技术有限公司 | Adaptive display method, terminal and computer-readable recording medium |
| CN107229760A (en) * | 2017-07-27 | 2017-10-03 | 腾讯科技（深圳）有限公司 | Storage medium, electronic installation, the display methods of web page contents and device |
| CN107291736A (en) * | 2016-03-31 | 2017-10-24 | 华为技术有限公司 | A kind of method and system of edit page |
| CN107341159A (en) * | 2016-04-29 | 2017-11-10 | 广州市动景计算机科技有限公司 | Page key words methods of exhibiting and device |
| CN107368487A (en) * | 2016-05-12 | 2017-11-21 | 阿里巴巴集团控股有限公司 | A kind of page assembly Dynamic Distribution method, apparatus and client |
| CN107368560A (en) * | 2017-07-07 | 2017-11-21 | 腾讯科技（深圳）有限公司 | Method for implementing page and device, the computer-readable recording medium of Mobile solution |
| CN107391114A (en) * | 2017-06-27 | 2017-11-24 | 阿里巴巴集团控股有限公司 | The page visualizes rendering intent and device |
| CN107391165A (en) * | 2017-06-01 | 2017-11-24 | 阿里巴巴集团控股有限公司 | Control display methods, client and storage medium |
-
2017
- 2017-11-29 CN CN201711227281.4A patent/CN109857473A/en active Pending
Patent Citations (44)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1987850A (en) * | 2005-12-20 | 2007-06-27 | 腾讯科技（深圳）有限公司 | Method for realizing AJAX webpage |
| CN103136201A (en) * | 2011-11-22 | 2013-06-05 | 阿里巴巴集团控股有限公司 | Page information display method and page information display device |
| CN103166916A (en) * | 2011-12-12 | 2013-06-19 | 深圳市金蝶中间件有限公司 | Method and system for updating page |
| CN103377059A (en) * | 2012-04-23 | 2013-10-30 | 阿里巴巴集团控股有限公司 | Function module dynamic loading method and device based on jQuery framework |
| CN103677789A (en) * | 2012-09-25 | 2014-03-26 | 深圳市金正方科技有限公司 | Table data displaying method and system based on GRID assembly |
| CN104572777A (en) * | 2013-10-28 | 2015-04-29 | 腾讯科技（深圳）有限公司 | Webpage loading method and device based on UIWebView component |
| CN104158836A (en) * | 2014-06-23 | 2014-11-19 | 浙江大学城市学院 | Method for rendering mobile application interface through data |
| CN104063484A (en) * | 2014-07-03 | 2014-09-24 | 车智互联（北京）科技有限公司 | Webpage presenting method and device and electronic device |
| CN105278977A (en) * | 2014-07-14 | 2016-01-27 | 阿里巴巴集团控股有限公司 | Web parts loading method and apparatus |
| CN105335139A (en) * | 2014-07-24 | 2016-02-17 | 广州市动景计算机科技有限公司 | Webpage display method and apparatus |
| CN104142826A (en) * | 2014-07-28 | 2014-11-12 | 百度在线网络技术（北京）有限公司 | Method, device and system for constructing page |
| CN104331474A (en) * | 2014-11-03 | 2015-02-04 | 百度在线网络技术（北京）有限公司 | Page processing method and device |
| CN105792002A (en) * | 2014-12-18 | 2016-07-20 | 广州市动景计算机科技有限公司 | Video rendering method and device |
| CN104462571A (en) * | 2014-12-26 | 2015-03-25 | 北京奇虎科技有限公司 | Webpage loading method and device and browser client-side |
| CN104573066A (en) * | 2015-01-26 | 2015-04-29 | 中国工商银行股份有限公司 | Page reusing method and page reusing device |
| CN106201562A (en) * | 2015-04-30 | 2016-12-07 | 深圳市腾讯计算机系统有限公司 | A kind of page switching method and device |
| CN104991916A (en) * | 2015-06-24 | 2015-10-21 | 小米科技有限责任公司 | Webpage loading method and apparatus |
| CN106484741A (en) * | 2015-09-01 | 2017-03-08 | 北京国双科技有限公司 | The method and device that a kind of single page application accesses data collection and sends |
| CN105159999A (en) * | 2015-09-08 | 2015-12-16 | 百度在线网络技术（北京）有限公司 | Dynamic page displaying method and dynamic page displaying device |
| CN106547806A (en) * | 2015-09-23 | 2017-03-29 | 阿里巴巴集团控股有限公司 | Page loading method and device |
| CN106611032A (en) * | 2015-10-27 | 2017-05-03 | 广州市动景计算机科技有限公司 | Webpage pre-loading method and device |
| CN106850717A (en) * | 2015-12-07 | 2017-06-13 | 南京南瑞继保电气有限公司 | A kind of method of the monitoring industrial data collection gateway real time data based on webpage |
| CN105549964A (en) * | 2015-12-08 | 2016-05-04 | 曙光信息产业(北京)有限公司 | Page display method and system |
| CN105574207A (en) * | 2016-01-21 | 2016-05-11 | 上海谦讯网络科技有限公司 | WAP webpage developing method |
| CN107085574A (en) * | 2016-02-15 | 2017-08-22 | 阿里巴巴集团控股有限公司 | A kind of page data processing method and server |
| CN107203541A (en) * | 2016-03-17 | 2017-09-26 | 台达电子企业管理（上海）有限公司 | Page loading method and its page loading device |
| CN107291736A (en) * | 2016-03-31 | 2017-10-24 | 华为技术有限公司 | A kind of method and system of edit page |
| CN107341159A (en) * | 2016-04-29 | 2017-11-10 | 广州市动景计算机科技有限公司 | Page key words methods of exhibiting and device |
| CN107368487A (en) * | 2016-05-12 | 2017-11-21 | 阿里巴巴集团控股有限公司 | A kind of page assembly Dynamic Distribution method, apparatus and client |
| CN106021617A (en) * | 2016-07-12 | 2016-10-12 | 腾讯科技（深圳）有限公司 | Page generation method and device |
| CN106302008A (en) * | 2016-08-05 | 2017-01-04 | 腾讯科技（深圳）有限公司 | Data-updating method and device |
| CN106502738A (en) * | 2016-10-24 | 2017-03-15 | 福建中金在线信息科技有限公司 | Data load method and device in a kind of mobile terminal |
| CN106528129A (en) * | 2016-10-27 | 2017-03-22 | 南京南瑞继保电气有限公司 | Web application interface generation system and method |
| CN106991154A (en) * | 2017-03-29 | 2017-07-28 | 百度在线网络技术（北京）有限公司 | Webpage rendering intent, device, terminal and server |
| CN106909288A (en) * | 2017-03-29 | 2017-06-30 | 广州阿里巴巴文学信息技术有限公司 | The method for refreshing of application program, device and electronic equipment |
| CN107193542A (en) * | 2017-03-30 | 2017-09-22 | 腾讯科技（深圳）有限公司 | Method for information display and device |
| CN106933640A (en) * | 2017-04-26 | 2017-07-07 | 携程旅游网络技术（上海）有限公司 | The method and system of Web page are loaded in the browser of mobile terminal |
| CN107203470A (en) * | 2017-05-11 | 2017-09-26 | 腾讯科技（深圳）有限公司 | Page adjustment method and device |
| CN107085530A (en) * | 2017-05-17 | 2017-08-22 | 武汉斗鱼网络科技有限公司 | Refresh the method, device and mobile terminal of application interface |
| CN107220050A (en) * | 2017-05-25 | 2017-09-29 | 努比亚技术有限公司 | Adaptive display method, terminal and computer-readable recording medium |
| CN107391165A (en) * | 2017-06-01 | 2017-11-24 | 阿里巴巴集团控股有限公司 | Control display methods, client and storage medium |
| CN107391114A (en) * | 2017-06-27 | 2017-11-24 | 阿里巴巴集团控股有限公司 | The page visualizes rendering intent and device |
| CN107368560A (en) * | 2017-07-07 | 2017-11-21 | 腾讯科技（深圳）有限公司 | Method for implementing page and device, the computer-readable recording medium of Mobile solution |
| CN107229760A (en) * | 2017-07-27 | 2017-10-03 | 腾讯科技（深圳）有限公司 | Storage medium, electronic installation, the display methods of web page contents and device |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111274781A (en) * | 2020-01-21 | 2020-06-12 | 北京三快在线科技有限公司 | Table display method and device, storage medium and electronic equipment |
| CN111753176A (en) * | 2020-06-29 | 2020-10-09 | 金电联行（北京）信息技术有限公司 | Automatic reminding system, browser end and method for enterprise credit investigation red blacklist |
| CN111782304A (en) * | 2020-07-21 | 2020-10-16 | 平安国际智慧城市科技股份有限公司 | Logic control method and device for paging loading data, computer equipment and medium |
| CN111782304B (en) * | 2020-07-21 | 2024-04-02 | 深圳赛安特技术服务有限公司 | Paging loading data logic control method, device, computer equipment and medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103814371B (en) | Web in Web browser using and the simulation of auxiliary equipment, Web application development tools and use their method | |
| CN109460513A (en) | Method and apparatus for generating clicking rate prediction model | |
| CN109683998A (en) | Internationalize implementation method, device and system | |
| CN108805594A (en) | Information-pushing method and device | |
| CN107818143A (en) | A kind of page configuration, generation method and device | |
| CN108804327A (en) | A kind of method and apparatus of automatic Data Generation Test | |
| CN104049991A (en) | Method and system for converting network applications into mobile applications | |
| CN103823841B (en) | Improve the method and its device of mobile terminal client terminal surfing | |
| CN109857971A (en) | Page rendering method and apparatus | |
| CN109375914A (en) | Information remote exchange method and system | |
| CN106951495A (en) | Method and apparatus for information to be presented | |
| CN110362304A (en) | The method and apparatus of web displaying | |
| CN105426508A (en) | Webpage generation method and apparatus | |
| CN109857473A (en) | A kind of loading method and device of page data | |
| CN108255900A (en) | Recommend news rendering method, equipment, browser and electronic equipment | |
| CN109840192A (en) | The method and apparatus of automatic test | |
| CN109002282A (en) | A kind of method and apparatus for realizing animation effect in web page exploitation | |
| CN109582317A (en) | Method and apparatus for debugging boarding application | |
| CN106936727A (en) | A kind of Webpage display process and device | |
| CN108984070A (en) | Method, apparatus, electronic equipment and readable medium for thermodynamic chart imaging | |
| CN103365764B (en) | A kind of wireless page measurement techniques ＆ apparatuses | |
| CN113220381A (en) | Click data display method and device | |
| CN109582580A (en) | For debugging system, the method and apparatus of the page | |
| CN110209965A (en) | Method and apparatus for showing information | |
| CN109710634A (en) | For generating the method and device of information |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190607 |