CN108153565B - Method and device for providing page information - Google Patents
Method and device for providing page information Download PDFInfo
- Publication number
- CN108153565B CN108153565B CN201611109757.XA CN201611109757A CN108153565B CN 108153565 B CN108153565 B CN 108153565B CN 201611109757 A CN201611109757 A CN 201611109757A CN 108153565 B CN108153565 B CN 108153565B
- Authority
- CN
- China
- Prior art keywords
- display area
- target
- page
- display
- target page
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Abstract
The embodiment of the application discloses a method and a device for providing page information, wherein the method comprises the following steps: loading a target page by a client, and determining identification information of each display area and position information in the target page according to configuration data of the target page before loading data contents in the display areas; generating display contents in the navigation assembly according to the identification information of each display area, and adding the display contents to corresponding options in the navigation assembly; and constructing the occupied content of each display area, and establishing the corresponding relation between each option in the navigation assembly and the position information of each display area in the target page, so that when the option is operated, the target page is positioned to the position of the corresponding display area for display. Through the embodiment of the application, the navigation assembly can normally play a role, and meanwhile, the access pressure to the rear-end interface is reduced.
Description
Technical Field
The present application relates to the field of page information processing technologies, and in particular, to a method and an apparatus for providing page information.
Background
In some large portal pages, the page is usually divided into a plurality of display areas, and these display areas are usually arranged from top to bottom, especially in the merchandise information page provided by the network sales platform, the display area which is often characterized as "floor". A plurality of pit positions can be arranged in the same 'floor', and a plurality of commodity information with the same attribute in a certain dimension can be displayed through the pit positions. Therefore, the page content is relatively neat, and the user can browse the page information by taking the 'floor' as a unit, so that the method is relatively convenient.
In some pages having multiple "floors," an "elevator" component may also typically be provided within the page to further facilitate the user's browsing operations. The so-called "elevator" component, which may be a navigation component fixed at the top of the screen as the page scrolls, can click on the floor name therein to quickly locate the corresponding floor. Meanwhile, when the page rolls with floors to enter the screen range, the activation state of the floor name in the elevator can be correspondingly switched.
Obviously, when the page has the "elevator" navigation, the user can be helped to perform quick floor positioning, but the disadvantage is that the contents of all floors in the page need to be loaded out, so that the "elevator" navigation can be used for playing the function of floor jump. However, this causes a double pressure on the backend interfaces, specifically, the number of interface requests is the number of page accesses and the number of all floor interfaces.
Disclosure of Invention
The application provides a method and a device for providing page information, which can reduce the access pressure to a back-end interface while enabling a navigation component to function normally.
The application provides the following scheme:
a method of providing page information, comprising:
a client loads a target page, wherein the target page comprises a plurality of display areas and a navigation component for quickly positioning the target display areas, and before loading data contents in the display areas, identification information of each display area and position information in the target page are determined according to configuration data of the target page;
generating display contents in the navigation assembly according to the identification information of each display area, and adding the display contents to corresponding options in the navigation assembly;
and constructing the occupied content of each display area, and establishing the corresponding relation between each option in the navigation assembly and the position information of each display area in the target page, so that when the option is operated, the target page is positioned to the position of the corresponding display area for display.
A method of providing page information, comprising:
the method comprises the steps that a server receives a request for loading a target page sent by a client, wherein the target page comprises a plurality of display areas and a navigation component for quickly positioning the target display areas;
before providing the data content in the display area to the client, providing the configuration data of the target page, so that the client determines the identification information of each display area and the position information in the target page according to the configuration data of the target page, generates the display content in the navigation assembly according to the identification information of each display area, adds the display content into corresponding options in the navigation assembly, constructs the placeholder content of each display area, and establishes the corresponding relationship between each option in the navigation assembly and the position information of each display area in the target page, so that when the options are operated, the target page is positioned to the position where the corresponding display area is located for display.
An apparatus for providing page information, applied to a client, includes:
the display area information determining unit is used for loading a target page, the target page comprises a plurality of display areas and a navigation component for quickly positioning the target display areas, and before loading data contents in the display areas, identification information of each display area and position information in the target page are determined according to configuration data of the target page;
the navigation component information generating unit is used for generating display contents in the navigation component according to the identification information of each display area and adding the display contents into corresponding options in the navigation component;
and the display area occupied content construction unit is used for constructing occupied content of each display area and establishing a corresponding relation between each option in the navigation component and the position information of each display area in the target page, so that when the options are operated, the target page is positioned to the position of the corresponding display area for display.
An electronic device, the electronic device comprising:
a processor;
the processor is used for reading and executing the program and executing the operation of loading a target page, wherein the target page comprises a plurality of display areas and a navigation component for quickly positioning the target display areas, and before loading the data content in the display areas, the identification information of each display area and the position information in the target page are determined according to the configuration data of the target page; generating display contents in the navigation assembly according to the identification information of each display area, and adding the display contents to corresponding options in the navigation assembly; and constructing the occupied content of each display area, and establishing the corresponding relation between each option in the navigation assembly and the position information of each display area in the target page, so that when the option is operated, the target page is positioned to the position of the corresponding display area for display.
An apparatus for providing page information, applied to a server, includes:
the system comprises a loading request receiving unit, a navigation module and a display module, wherein the loading request receiving unit is used for receiving a request for loading a target page sent by a client, and the target page comprises a plurality of display areas and the navigation module is used for quickly positioning the target display areas;
the configuration data providing unit is used for providing the configuration data of the target page before providing the data content in the display area for the client, so that the client determines the identification information of each display area and the position information in the target page according to the configuration data of the target page, generates the display content in the navigation assembly according to the identification information of each display area, adds the display content into the corresponding option in the navigation assembly, constructs the occupied content of each display area, and establishes the corresponding relation between each option in the navigation assembly and the position information of each display area in the target page, so that the target page is positioned to the position of the corresponding display area for display when the option is operated.
According to the specific embodiments provided herein, the present application discloses the following technical effects:
through the embodiment of the application, when the target page is loaded, information such as the identification and the position of the display area can be determined according to the page configuration data, so that the construction of the display content of the navigation component can be realized, the construction of specific occupied content in the display area can be realized, the height of the constructed page and the actual page is consistent with the actual position of each display area in the page, and thus, the navigation component can normally exert the effect of quickly positioning the position of a certain display area for display by combining the corresponding relation between each option in the navigation component and the position information of each display area in the target page. That is, at this time, each option in the navigation component is in a state that can be clicked, and when a certain option is clicked, the position where the corresponding display area is located can be positioned for display. That is to say, according to the embodiment of the present application, in the case that there are multiple display areas and navigation components in a page, before the display areas are actually loaded, the navigation components can normally function, so that it is possible to avoid an operation of performing all loading on data contents of each display area, which is performed to make the navigation components effective, and thus reduce access pressure on a backend interface.
In addition, when the data content is loaded in detail subsequently, the loading as required can be realized, that is, the data content in the corresponding display area can be loaded according to the actual operation condition of the user, so that the data content in all the display areas does not need to be added completely, and the system resource is saved.
Of course, it is not necessary for any product to achieve all of the above-described advantages at the same time for the practice of the present application.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings needed to be used in the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings without creative efforts.
FIG. 1 is a schematic diagram of a system architecture provided by an embodiment of the present application;
FIG. 2 is a flow chart of a first method provided by an embodiment of the present application;
FIG. 3 is a flow chart of a second method provided by embodiments of the present application;
FIG. 4 is a schematic diagram of a first apparatus provided by an embodiment of the present application;
FIG. 5 is a schematic diagram of an electronic device provided by an embodiment of the application;
fig. 6 is a schematic diagram of a second apparatus provided in an embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments that can be derived from the embodiments given herein by a person of ordinary skill in the art are intended to be within the scope of the present disclosure.
In the embodiment of the application, in order to enable the assembly to normally function in the presence of the floor navigation assembly and avoid causing excessive pressure on the rear end port, a pre-loading implementation mode is provided. So-called preloading means that when a page is loaded, if a plurality of display areas (so-called "floors") and a navigation component (so-called "floor navigation" component) for quickly locating a target display area are found in the page, identification information of each display area and position information in the page can be firstly determined before data in a specific display area is loaded. In a specific implementation, the information may be determined by means of configuration data of the page and the like (the page configuration data is different from data content specifically required to be displayed in the page, and is a concept), where the identification information of the display area may be a name of the display area, such as "woman dress", "bag", and the like, and the position information of the display area in the page may be specifically described by a range, such as a start point coordinate and an end point coordinate of the display area in the page. After the information is determined, display content in the navigation assembly may be generated by using the identification information of each display area, and added to a corresponding option in the navigation assembly, and the occupancy content of each display area may be constructed according to the area of each display area, specifically, the exhibition location content may be blank, or may be a picture with a preset color, and the like. Therefore, the corresponding relation between each option in the navigation assembly and the position information of each display area in the target page can be established, so that the navigation assembly is in an operable state, a user can quickly position the specific display area through the navigation assembly, and then the actual data content in the specific display area is gradually loaded and the occupied content is replaced according to the actual operation condition of the user.
In specific implementation, from the perspective of system architecture, referring to fig. 1, the system may include a server and a client, where the server may be used to provide specific page data, the client may refer to an App in a mobile terminal device, or may also be a webpage browsed by a browser, and the like, and the client is mainly used to request page data from the server and display the page according to the page data. Of course, in the embodiment of the present application, after receiving the access request from the client, the server may first provide the configuration data of the page, and the like, and there is no need to provide the actual data content in each display area for a while.
Specific implementations are described in detail below.
Example one
First, the embodiment provides a method for providing page information from the perspective of a client, and referring to fig. 2, the method may include the following steps:
s201: a client loads a target page, wherein the target page comprises a plurality of display areas and a navigation component for quickly positioning the target display areas, and before loading data contents in the display areas, identification information of each display area and position information in the target page are determined according to configuration data of the target page;
when receiving a request of a user for accessing a target page, a client may request information about the page from a server, and perform loading of the page. When loading the page, the server may first provide some information describing the nature, such as configuration data of the page, and may not temporarily provide the actual data content in the specific presentation area. The configuration data may be configured by the page developer when the page is published, and may include some description information about the specific layout of the page, for example, how many "floors" are included, the name of each "floor", the location where the "floor" is located, and the like. Therefore, in the embodiment of the present application, when a page is loaded, identification information of each display area and position information in the page may be determined according to the configuration data, and then the page may be constructed using the information.
It should be noted that, in an actual application, when the server receives a request of loading a target page from the client, in addition to providing configuration data of the page, a small portion of actual data content in each presentation area may also be provided, for example, actual data content in the first presentation area or the first several presentation areas may be provided. Therefore, excessive pressure can not be caused on the rear end port, and the front display areas can be displayed on the first screen of the page usually, so that actual data content can be displayed directly, and better experience can be brought to a user.
S202: generating display contents in the navigation assembly according to the identification information of each display area, and adding the display contents to corresponding options in the navigation assembly;
after the identification information of each display area is acquired, display content in the navigation component can be generated and added to corresponding options in the navigation component, so that specific content of the navigation component can be displayed. It should be noted that, in the prior art, the navigation component is usually generated after all the actual data contents of each display area are loaded, and in the embodiment of the present application, before the actual data contents in the display areas are loaded, the identification information of each display area may be determined, and the navigation component may be generated.
S203: and constructing the occupied content of each display area, and establishing the corresponding relation between each option in the navigation assembly and the position information of each display area in the target page, so that when the option is operated, the target page is positioned to the position of the corresponding display area for display.
In addition to generating the navigation component, placeholder content for each presentation area may be constructed. Specifically, the configuration data of the page generally includes position information of each display area, where the position information may include coordinates of an upper left corner and a lower right corner of the display area, and a corresponding rectangular area may be constructed by coordinates of the two points to serve as a position where the corresponding display area is located. Furthermore, the placeholder content in each display area may be constructed, that is, although the actual data content in each display area has not been formally loaded, the placeholder content may be provided first, wherein the placeholder content may be blank content, or may be some pictures with preset colors or preset simple patterns (placeholder is performed with one picture in each display area), and so on. Therefore, the page which is basically consistent with the actual height of the page can be constructed, and the position of each display area is basically consistent with the position of the display area in the page. Furthermore, the corresponding relation between each option in the navigation component and the position information of each display area in the target page is established, so that the navigation component can be in an operable state, and the navigation component can be quickly positioned to a specific position of a certain display area for displaying.
That is to say, in the embodiment of the present application, through the construction of the display content of the navigation component and the construction of the occupied content in the display area, the height of the constructed page and the actual position of each display area in the page can be made to be consistent, and thus, by combining the correspondence between each option in the navigation component and the position information of each display area in the target page, the navigation component can normally exert the effect of quickly positioning the position of a certain display area for display. That is, at this time, each option in the navigation component is in a state that can be clicked, and when a certain option is clicked, the position where the corresponding display area is located can be positioned for display.
In summary, in the embodiment of the present application, after the display content is added to the navigation component and the placeholder content is built in each display area, the target page may be displayed, and at this time, the placeholder content built in each display area is displayed, for example, may be blank content, and the like. Of course, after the target page is displayed, the actual data content in the display area may also be loaded, and in this embodiment of the application, the actual data content in the target display area related to the operation information in the page may be loaded according to the operation information of the user, and the occupied content in the target display area may be replaced by using the loaded actual data content. That is to say, in the embodiment of the present application, "loading on demand" of specific data content in a page display area may be implemented, or may also be referred to as "lazy loading", so that, for a display area that a user does not need to browse, the data content may not be loaded, and therefore, system resources may be further saved.
For example, in one case, if the operation information of the user is not received after the target page is displayed, the data contents of a preset number of display areas in the front of the page may be loaded in an order from top to bottom. That is, after the page is displayed, if the user has not performed any operation, the actual data content in each display area may be loaded from top to bottom by default, and the corresponding placeholder content is replaced.
Or, in another case, if a page scrolling operation performed by a user is received after the target page is displayed, it may be determined that the first target display area within the visible range of the screen is about to be entered. And if the actual data content in the first target display area is not loaded, loading the actual data content in the first target display area. That is, if the user performs a scrolling operation on the page by sliding on the screen or dragging a scroll bar of the page, the first target display area to be within the visible range of the screen may be determined according to the scrolling direction of the page. In a specific implementation, the first target display area may be one or more, and may be specifically determined according to a page scrolling speed and other factors. For example, if the page scrolling speed is relatively slow, data loading may be performed on a first target display area that is about to enter the screen visible range, and if the page scrolling speed is relatively fast, several consecutive display areas that are about to enter the screen visible range may be determined as the first target display area, so as to avoid the situation that the display area is already scrolled to, but the data content of the display area is not yet loaded.
In addition, the user may also browse the page directly through the navigation component, that is, if after the target page is displayed, a trigger operation executed by the user on a target option in the navigation component is received, a second target display area corresponding to the target option may be determined, and if actual data content in the second target display area is not loaded, actual data content in the second target display area may be loaded. For example, assuming that a user clicks a "suit-dress" option in the navigation component, the display area in which the page visible area is to be displayed is the "suit-dress" display area, at this time, it may be determined whether data content in the display area is loaded, and if not, a specific loading operation may be performed, so that the "suit-dress" display area may display actual data content, for example, a plurality of resource bits (colloquially referred to as "pit bits") may be included, and information such as a data object picture and a name of a suit-dress category is displayed in each resource bit.
In addition, when a display area is quickly located through the navigation component, at least one third target display area adjacent to the second target display area, for example, a previous display area and a next display area, may also be determined, and if the actual data content in the third target display area is not loaded yet, the actual data content in the third target display area may also be loaded. Thus, if the user needs to browse near a certain second display area by scrolling a page or the like after quickly positioning the second display area, the data content in the specific display area can be provided more quickly.
Example two
The second embodiment corresponds to the first embodiment, and provides a method for providing page information from the perspective of a server, referring to fig. 3, the method may include the following steps:
s301: the method comprises the steps that a server receives a request for loading a target page sent by a client, wherein the target page comprises a plurality of display areas and a navigation component for quickly positioning the target display areas;
s302: before providing the data content in the display area to the client, providing the configuration data of the target page, so that the client determines the identification information of each display area and the position information in the target page according to the configuration data of the target page, generates the display content in the navigation assembly according to the identification information of each display area, adds the display content into corresponding options in the navigation assembly, constructs the placeholder content of each display area, and establishes the corresponding relationship between each option in the navigation assembly and the position information of each display area in the target page, so that when the options are operated, the target page is positioned to the position where the corresponding display area is located for display.
During specific implementation, the server can also receive a request for loading actual data content in a target display area, wherein the target display area is determined according to operation information of a user; and providing actual data content in the target display area so that the client replaces the placeholder content in the target display area by using the actual data content.
For specific implementation of each step in the second embodiment, reference may be made to the description in the first embodiment, and details are not described here.
Corresponding to the first embodiment, an embodiment of the present application further provides an apparatus for providing page information, referring to fig. 4, where the apparatus is applied to a client, and includes:
a display area information determining unit 401, configured to load a target page, where the target page includes multiple display areas and a navigation component for quickly locating the target display area, and determine, before loading data content in the display areas, identification information of each display area and position information in the target page according to configuration data of the target page;
a navigation component information generating unit 402, configured to generate display content in the navigation component according to the identifier information of each display area, and add the display content to a corresponding option in the navigation component;
a display area placeholder content constructing unit 403, configured to construct placeholder content of each display area, and establish a correspondence between each option in the navigation component and position information of each display area in the target page, so that when the option is operated, the target page is positioned to a position where the corresponding display area is located for display.
In specific implementation, the occupied content of each display area is blank content.
After the placeholder content of each display area is constructed, the method further comprises the following steps:
the display unit is used for displaying the target page according to the navigation component added with the display content and the occupied content of each display area;
and the data loading unit is used for loading the actual data content of the target display area related to the operation information in the page according to the operation information of the user after the target page is displayed, and replacing the occupied content of the target display area by using the loaded actual data content.
In particular, the data loading unit may be specifically configured to
And if the operation information of the user is not received after the target page is displayed, loading the data contents of the display areas with the preset number in the front in the page according to the sequence from top to bottom.
In another case, the data loading unit may specifically include:
the first target display area determining subunit is configured to determine that the first target display area within the visible range of the screen is to be entered if a page scrolling operation performed by a user is received after the target page is displayed;
and the first loading subunit is configured to load the actual data content in the first target display area if the actual data content in the first target display area is not loaded yet.
Specifically, the first target display area determining subunit may be specifically configured to:
one or more first target presentation areas that are to be brought into the visible range of the screen are determined.
Wherein the number of the first target display areas can be determined according to the speed of the page scrolling operation.
In another case, the data loading unit may specifically include:
a second target display area determining subunit, configured to determine, if a trigger operation performed by a user on a target option in the navigation assembly is received after the target page is displayed, a second target display area corresponding to the target option;
and the second loading subunit is configured to load the actual data content in the second target display area if the actual data content in the second target display area is not loaded yet.
Furthermore, the data loading unit may further include:
a third target display area determining subunit, configured to determine at least one third target display area adjacent to the second target display area;
and the third loading subunit is configured to load the actual data content in the third target display area if the actual data content in the third target display area is not loaded yet.
Corresponding to the foregoing apparatus, an embodiment of the present application further provides an electronic device, and referring to fig. 5, the electronic device may specifically include:
a processor 501;
a memory 502 for providing a processing program of page information, which when read and executed by the processor, performs the following operations of loading a target page, wherein the target page comprises a plurality of display areas and a navigation component for quickly positioning the target display areas, and before loading data content in the display areas, determining identification information of each display area and position information in the target page according to configuration data of the target page; generating display contents in the navigation assembly according to the identification information of each display area, and adding the display contents to corresponding options in the navigation assembly; and constructing the occupied content of each display area, and establishing the corresponding relation between each option in the navigation assembly and the position information of each display area in the target page, so that when the option is operated, the target page is positioned to the position of the corresponding display area for display.
Corresponding to the second embodiment, an embodiment of the present application further provides an apparatus for providing page information, referring to fig. 6, where the apparatus is applied to a server, and includes:
a load request receiving unit 601, configured to receive a request for loading a target page sent by a client, where the target page includes multiple display areas and a navigation component for quickly positioning the target display area;
a configuration data providing unit 602, configured to provide configuration data of the target page before providing the data content in the display area to the client, so that the client determines, according to the configuration data of the target page, identification information of each display area and position information in the target page, generates, according to the identification information of each display area, display content in the navigation assembly, adds the display content to a corresponding option in the navigation assembly, constructs placeholder content of each display area, and establishes a corresponding relationship between each option in the navigation assembly and the position information of each display area in the target page, so that when the option is operated, the target page is positioned to a position where the corresponding display area is located for display.
Through the embodiment of the application, when the target page is loaded, information such as the identification and the position of the display area can be determined according to the page configuration data, so that the construction of the display content of the navigation component can be realized, the construction of specific occupied content in the display area can be realized, the height of the constructed page and the actual page is consistent with the actual position of each display area in the page, and thus, the navigation component can normally exert the effect of quickly positioning the position of a certain display area for display by combining the corresponding relation between each option in the navigation component and the position information of each display area in the target page. That is, at this time, each option in the navigation component is in a state that can be clicked, and when a certain option is clicked, the position where the corresponding display area is located can be positioned for display. That is to say, according to the embodiment of the present application, in the case that there are multiple display areas and navigation components in a page, before the display areas are actually loaded, the navigation components can normally function, so that it is possible to avoid an operation of performing all loading on data contents of each display area, which is performed to make the navigation components effective, and thus reduce access pressure on a backend interface.
In addition, when the data content is loaded in detail subsequently, the loading as required can be realized, that is, the data content in the corresponding display area can be loaded according to the actual operation condition of the user, so that the data content in all the display areas does not need to be added completely, and the system resource is saved.
From the above description of the embodiments, it is clear to those skilled in the art that the present application can be implemented by software plus necessary general hardware platform. Based on such understanding, the technical solutions of the present application may be essentially or partially implemented in the form of a software product, which may be stored in a storage medium, such as a ROM/RAM, a magnetic disk, an optical disk, etc., and includes several instructions for enabling a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the method according to the embodiments or some parts of the embodiments of the present application.
The embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments are referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, the system or system embodiments are substantially similar to the method embodiments and therefore are described in a relatively simple manner, and reference may be made to some of the descriptions of the method embodiments for related points. The above-described system and system embodiments are only illustrative, wherein the units described as separate parts may or may not be physically separate, and the parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment. One of ordinary skill in the art can understand and implement it without inventive effort.
The method and the device for providing page information provided by the present application are introduced in detail, and a specific example is applied in the text to explain the principle and the implementation of the present application, and the description of the above embodiment is only used to help understand the method and the core idea of the present application; meanwhile, for a person skilled in the art, according to the idea of the present application, the specific embodiments and the application range may be changed. In view of the above, the description should not be taken as limiting the application.
Claims (14)
1. A method for providing page information, comprising:
a client loads a target page, wherein the target page comprises a plurality of display areas and a navigation component for quickly positioning the target display areas, and before loading data contents in the display areas, identification information of each display area and position information in the target page are determined according to configuration data of the target page;
generating display contents in the navigation assembly according to the identification information of each display area, and adding the display contents to corresponding options in the navigation assembly;
and constructing the occupied content of each display area, establishing the corresponding relation between each option in the navigation component and the position information of each display area in the target page, so that when the option is operated, the target page is positioned to the position of the corresponding display area to be displayed, and loading the actual data content of the target display area related to the operation information according to the operation information of the user.
2. The method of claim 1, wherein the placeholder content of each display area is blank content.
3. The method of claim 1, after constructing the placeholder content for each display area, further comprising:
displaying the target page according to the navigation component added with the display content and the occupied content of each display area;
after the target page is displayed, loading actual data content of a target display area related to the operation information in the page according to the operation information of a user, and replacing the occupied content of the target display area by using the loaded actual data content.
4. The method according to claim 3, wherein the loading the actual data content of the target display area related to the operation information in the page according to the operation information of the user comprises:
and if the operation information of the user is not received after the target page is displayed, loading the data contents of the display areas with the preset number in the front in the page according to the sequence from top to bottom.
5. The method according to claim 3, wherein the loading the actual data content of the target display area related to the operation information in the page according to the operation information of the user comprises:
if page scrolling operation executed by a user is received after the target page is displayed, determining that the user is about to enter a first target display area within a screen visible range;
and if the actual data content in the first target display area is not loaded, loading the actual data content in the first target display area.
6. The method of claim 5, wherein determining that the first target presentation area within the screen visibility range is to be entered comprises:
one or more first target presentation areas that are to be brought into the visible range of the screen are determined.
7. The method of claim 6, wherein the number of the first target display areas is determined according to a speed of a page scrolling operation.
8. The method according to claim 3, wherein the loading the actual data content of the target display area related to the operation information in the page according to the operation information of the user comprises:
if the triggering operation executed by a user on a target option in the navigation assembly is received after the target page is displayed, determining a second target display area corresponding to the target option;
and if the actual data content in the second target display area is not loaded, loading the actual data content in the second target display area.
9. The method of claim 8, further comprising:
determining at least one third target display area adjacent to the second target display area;
and if the actual data content in the third target display area is not loaded, loading the actual data content in the third target display area.
10. A method for providing page information, comprising:
the method comprises the steps that a server receives a request for loading a target page sent by a client, wherein the target page comprises a plurality of display areas and a navigation component for quickly positioning the target display areas;
providing configuration data of the target page prior to providing data content within the presentation area to the client, so that the client determines the identification information of each display area and the position information in the target page according to the configuration data of the target page, generating display contents in the navigation assembly according to the identification information of each display area, adding the display contents into corresponding options in the navigation assembly to construct occupation contents of each display area, and establishes a corresponding relationship between each option in the navigation component and the position information of each display area in the target page, so as to position the target page to the position of the corresponding display area for displaying when the option is operated, and loading the actual data content of the target display area related to the operation information according to the operation information of the user.
11. The method of claim 10, further comprising:
receiving a request for loading actual data content in a target display area, wherein the target display area is determined according to operation information of a user;
and providing actual data content in the target display area so that the client replaces the placeholder content in the target display area by using the actual data content.
12. An apparatus for providing page information, applied to a client, includes:
the display area information determining unit is used for loading a target page, the target page comprises a plurality of display areas and a navigation component for quickly positioning the target display areas, and before loading data contents in the display areas, identification information of each display area and position information in the target page are determined according to configuration data of the target page;
the navigation component information generating unit is used for generating display contents in the navigation component according to the identification information of each display area and adding the display contents into corresponding options in the navigation component;
and the display area occupied content construction unit is used for constructing occupied content of each display area, establishing a corresponding relation between each option in the navigation component and the position information of each display area in the target page, so that when the options are operated, the target page is positioned to the position of the corresponding display area for display, and actual data content of the target display area related to the operation information is loaded according to the operation information of a user.
13. An electronic device, characterized in that the electronic device comprises:
a processor;
the processor is used for reading and executing the program and executing the operation of loading a target page, wherein the target page comprises a plurality of display areas and a navigation component for quickly positioning the target display areas, and before loading the data content in the display areas, the identification information of each display area and the position information in the target page are determined according to the configuration data of the target page; generating display contents in the navigation assembly according to the identification information of each display area, and adding the display contents to corresponding options in the navigation assembly; and constructing the occupied content of each display area, establishing the corresponding relation between each option in the navigation component and the position information of each display area in the target page, so that when the option is operated, the target page is positioned to the position of the corresponding display area to be displayed, and loading the actual data content of the target display area related to the operation information according to the operation information of the user.
14. An apparatus for providing page information, applied to a server, comprising:
the system comprises a loading request receiving unit, a navigation module and a display module, wherein the loading request receiving unit is used for receiving a request for loading a target page sent by a client, and the target page comprises a plurality of display areas and the navigation module is used for quickly positioning the target display areas;
a configuration data providing unit for providing the configuration data of the target page before providing the data content in the presentation area to the client, so that the client determines the identification information of each display area and the position information in the target page according to the configuration data of the target page, generating display contents in the navigation assembly according to the identification information of each display area, adding the display contents into corresponding options in the navigation assembly to construct occupation contents of each display area, and establishes a corresponding relationship between each option in the navigation component and the position information of each display area in the target page, so as to position the target page to the position of the corresponding display area for displaying when the option is operated, and loading the actual data content of the target display area related to the operation information according to the operation information of the user.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611109757.XA CN108153565B (en) | 2016-12-02 | 2016-12-02 | Method and device for providing page information |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611109757.XA CN108153565B (en) | 2016-12-02 | 2016-12-02 | Method and device for providing page information |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN108153565A CN108153565A (en) | 2018-06-12 |
| CN108153565B true CN108153565B (en) | 2021-07-20 |
Family
ID=62467879
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201611109757.XA Active CN108153565B (en) | 2016-12-02 | 2016-12-02 | Method and device for providing page information |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108153565B (en) |
Families Citing this family (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110908680A (en) * | 2018-09-17 | 2020-03-24 | 阿里巴巴集团控股有限公司 | Information processing method, device and equipment |
| CN109460525B (en) * | 2018-11-07 | 2021-01-05 | 网易（杭州）网络有限公司 | Method, device, medium and computing equipment for displaying news-letter articles |
| CN109492183A (en) * | 2018-11-12 | 2019-03-19 | 郑州云海信息技术有限公司 | A kind of data processing method and device |
| CN109918602B (en) * | 2019-02-26 | 2021-04-30 | 南威软件股份有限公司 | Web data preloading method and system |
| CN111625739A (en) * | 2019-02-28 | 2020-09-04 | 北京京东尚科信息技术有限公司 | Positioning method and device and storage medium |
| CN113535307A (en) * | 2021-07-23 | 2021-10-22 | 深圳小湃科技有限公司 | Interface loading method and device and storage medium |
| CN113760438A (en) * | 2021-09-22 | 2021-12-07 | 京东科技信息技术有限公司 | Page display method and device for webpage application |
| CN114296852A (en) * | 2021-12-28 | 2022-04-08 | 挂号网（杭州）科技有限公司 | Method and device for displaying target page, electronic equipment and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102831148A (en) * | 2012-06-19 | 2012-12-19 | 北京奇虎科技有限公司 | Method and device for loading recommended data based on browser |
| CN104067276A (en) * | 2012-01-19 | 2014-09-24 | 微软公司 | Client-side minimal download and simulated page navigation features |
| CN105094542A (en) * | 2015-07-08 | 2015-11-25 | 上海修源网络科技有限公司 | Method and apparatus for browsing interface and terminal device |
| CN105677658A (en) * | 2014-11-19 | 2016-06-15 | 阿里巴巴集团控股有限公司 | Page display method and device |
| CN105981014A (en) * | 2014-02-14 | 2016-09-28 | 三星电子株式会社 | Webpage navigation method, mobile terminal using the same, and a web navigation computer program |
Family Cites Families (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8327440B2 (en) * | 2004-11-08 | 2012-12-04 | Bt Web Solutions, Llc | Method and apparatus for enhanced browsing with security scanning |
| CN102866993B (en) * | 2011-07-04 | 2016-08-17 | 联想(北京)有限公司 | Page data loading method and electronic equipment |
| US8881000B1 (en) * | 2011-08-26 | 2014-11-04 | Google Inc. | System and method for informing users of an action to be performed by a web component |
| CN103810193A (en) * | 2012-11-08 | 2014-05-21 | 北京金山安全软件有限公司 | Webpage element shielding method and device |
| CN103853729B (en) * | 2012-11-29 | 2019-03-26 | 腾讯科技（深圳）有限公司 | Page loading method and its system |
| CN104050184B (en) * | 2013-03-13 | 2017-08-22 | 阿里巴巴集团控股有限公司 | Show the method and device of content of pages |
| CN106156095B (en) * | 2015-04-01 | 2019-12-20 | 优视科技有限公司 | Method and device for loading plug-ins in page |
| CN104484235B (en) * | 2014-11-24 | 2017-12-05 | 北京奇安信科技有限公司 | A kind of Memory Optimize Method and device based on waterfall Flow Technique |
| CN105700800B (en) * | 2014-11-27 | 2019-01-25 | 阿里巴巴集团控股有限公司 | A kind of operating method of page info, device and electronic equipment |
| CN105404647A (en) * | 2015-10-28 | 2016-03-16 | 百度在线网络技术（北京）有限公司 | Page content positioning method and apparatus |
-
2016
- 2016-12-02 CN CN201611109757.XA patent/CN108153565B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104067276A (en) * | 2012-01-19 | 2014-09-24 | 微软公司 | Client-side minimal download and simulated page navigation features |
| CN102831148A (en) * | 2012-06-19 | 2012-12-19 | 北京奇虎科技有限公司 | Method and device for loading recommended data based on browser |
| CN105981014A (en) * | 2014-02-14 | 2016-09-28 | 三星电子株式会社 | Webpage navigation method, mobile terminal using the same, and a web navigation computer program |
| CN105677658A (en) * | 2014-11-19 | 2016-06-15 | 阿里巴巴集团控股有限公司 | Page display method and device |
| CN105094542A (en) * | 2015-07-08 | 2015-11-25 | 上海修源网络科技有限公司 | Method and apparatus for browsing interface and terminal device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN108153565A (en) | 2018-06-12 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108153565B (en) | Method and device for providing page information | |
| US8887085B1 (en) | Dynamic content navigation | |
| US8935620B1 (en) | Dynamic content management | |
| CN108469970B (en) | Page tab information processing method and device | |
| CN106610785B (en) | commodity object list information processing method and device | |
| US8166390B2 (en) | Figure sizing and positioning on dynamic pages | |
| US20120297324A1 (en) | Navigation Control Availability | |
| RU2600546C2 (en) | Visualisation of incompatible content in user interface | |
| CN110109670B (en) | Method and device for processing view list data, electronic equipment and storage medium | |
| CN110007829B (en) | Content display method, device, terminal and storage medium | |
| EP2840802A1 (en) | Method and apparatus for sharing media content and method and apparatus for displaying media content | |
| US20160217143A1 (en) | Method and device for displaying browser resources and computer readable storage medium | |
| US9766860B2 (en) | Dynamic source code formatting | |
| CN114357345A (en) | Picture processing method and device, electronic equipment and computer readable storage medium | |
| CN110858378B (en) | Evaluation information display method, order creation method, purchasing method and device | |
| CN112256363A (en) | Application page rendering method and device and electronic equipment | |
| CN111897607A (en) | Application interface loading and interaction method, device and storage medium | |
| CN109992580A (en) | Processing method and processing device, storage medium, the computer equipment of table data | |
| CN113515717A (en) | Navigation page updating method and device, electronic equipment and storage medium | |
| CN107562324A (en) | The method and terminal of data display control | |
| CN113722630B (en) | Method and equipment for presenting resource data in web page based on client rendering | |
| CN113721814B (en) | Electronic book page display method, computing equipment and computer storage medium | |
| US20150293889A1 (en) | Perception of page download time by optimized resource scheduling | |
| CN110955473B (en) | Method and device for displaying loading prompt information | |
| CN107436841B (en) | Page preview method and device |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |