CN107066524B - Method and device for displaying product items - Google Patents
Method and device for displaying product items Download PDFInfo
- Publication number
- CN107066524B CN107066524B CN201710091362.XA CN201710091362A CN107066524B CN 107066524 B CN107066524 B CN 107066524B CN 201710091362 A CN201710091362 A CN 201710091362A CN 107066524 B CN107066524 B CN 107066524B
- Authority
- CN
- China
- Prior art keywords
- product item
- data content
- product
- preset
- storage space
- 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
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
Abstract
The invention discloses a method for displaying a product item, which comprises the following steps: when a display instruction of a product item is detected, judging whether data content of a first product item to be displayed is cached in a preset storage space, wherein the data content comprises a first product item identifier and has a preset display mode; if the data content of the first product item to be displayed is cached in the preset storage space, extracting the data content of the first product item; and filling the extracted data content into an area where the vacant nodes are located in the display interface to display the first product item, wherein the nodes are circularly shifted in the display interface. The invention also discloses a display device of the product item. According to the invention, when the displayed product item is displayed again next time, the cached data content is directly extracted for display, so that the processing pressure of a terminal system is reduced, and the using fluency of the terminal is improved.
Description
Technical Field
The invention relates to the technical field of internet, in particular to a method and a device for displaying product items.
Background
With the rapid development of internet technology, people make purchases through the internet more and more frequently, and when people make purchases through the internet, people need to scroll a product list in a terminal to check products.
At present, most products are displayed generally in a scrolling process, nodes and data in a list are dynamically added and deleted, that is, when a product item scrolls out of a display interface, the data and the nodes of the product item are deleted together, if the product item needs to be displayed again next time, new nodes are added again, the newly acquired data are added into a new template, and finally the new template is filled into the new nodes for display.
Disclosure of Invention
The invention mainly aims to provide a method and a device for displaying a product item, and aims to solve the technical problem that the use smoothness of a terminal is poor easily caused by the existing product item display mode.
In order to achieve the above object, the present invention provides a method for displaying a product list, including:
when a display instruction of a product item is detected, judging whether data content of a first product item to be displayed is cached in a preset storage space, wherein the data content comprises a first product item identifier and has a preset display mode;
if the data content of the first product item to be displayed is cached in the preset storage space, extracting the data content of the first product item;
and filling the extracted data content into an area where the vacant nodes are located in the display interface to display the first product item, wherein the nodes are circularly shifted in the display interface.
Preferably, after the step of determining whether to cache the data content of the first product item to be displayed in the preset storage space, the method for displaying the product item further includes:
if the data content of the first product item to be displayed is not cached in the preset storage space, extracting the data content of the first product item from a database;
and adding the extracted data content to a preset template, and adding the data content added to the preset template to an area where vacant nodes are located in a display interface for displaying.
Preferably, after the step of adding the extracted data content to a preset template and adding the data content added to the preset template to an area where a vacant node is located in a display interface for displaying, the method for displaying the product item further includes:
upon detecting that the first product item scrolls out of the current display interface, adding a first product item identifier to data content of the first product item;
caching the data content added with the first product item identifier into the preset storage space as data content with a preset display mode.
Preferably, the step of filling the extracted data content into the area where the vacant node is located in the display interface to display the first product item is executed simultaneously with the step of:
determining a second product item and a third product item which are positioned in the hidden area and are within a preset range from the boundary product item of the current display interface in the current product list;
judging whether data contents corresponding to the second product item and the third product item are cached in the preset storage space;
if the data contents corresponding to the second product item and the third product item are not cached in the preset storage space, adding the data contents corresponding to the second product item and the third product item to a preset template respectively, and adding a product item identifier respectively to obtain data contents with a preset display mode;
and caching the obtained data content to the preset storage space so as to directly extract the data content corresponding to the second product item or the third product item and fill the data content to the region where the vacant node is located in the display interface for displaying when the second product item or the third product item is subsequently displayed.
Preferably, the method of displaying the product item further comprises:
when detecting that the page of the current product list is closed, deleting each data content which contains the product item identifier and is cached in the preset storage space by the current product list;
or, when it is detected that the time length for closing the page of the current product list reaches a preset time length, deleting each data content containing the product item identifier cached in the preset storage space by the current product list.
Further, to achieve the above object, the present invention also provides a display device of a product item, comprising:
the device comprises a judging module, a display module and a display module, wherein the judging module is used for judging whether the data content of a first product item to be displayed is cached in a preset storage space when a display instruction of the product item is detected, wherein the data content comprises a first product item identifier and has a preset display mode;
the extraction module is used for extracting the data content of the first product item to be displayed if the data content of the first product item to be displayed is cached in the preset storage space;
and the filling module is used for filling the extracted data content into an area where the vacant nodes are located in the display interface so as to display the first product item, wherein the nodes are circularly shifted in the display interface.
Preferably, the extracting module is further configured to extract the data content of the first product item from a database if the data content of the first product item to be displayed is not cached in the preset storage space;
the display device of the product item further includes:
and the first adding module is used for adding the extracted data content to a preset template and adding the data content added to the preset template to an area where vacant nodes are located in a display interface for displaying.
Preferably, the first adding module is further configured to add a first product item identifier to the data content of the first product item when it is detected that the first product item scrolls out of the current display interface;
the display device of the product item further includes:
and the first cache module is used for caching the data content added with the first product item identifier into the preset storage space as the data content with a preset display mode.
Preferably, the display device of the product item further includes:
the determining module is used for determining a second product item and a third product item which are positioned in the hidden area and are within a preset range from the boundary product item of the current display interface in the current product list;
the judging module is further configured to judge whether data contents corresponding to the second product item and the third product item are cached in the preset storage space;
a second adding module, configured to add, if data contents corresponding to the second product item and the third product item are not cached in the preset storage space, the data contents corresponding to the second product item and the third product item to a preset template, and add a product item identifier to obtain data contents with a preset display mode;
and the second cache module is used for caching the obtained data content to the preset storage space so as to directly extract the data content corresponding to the second product item or the third product item and fill the data content to the region where the vacant node is located in the display interface for displaying when the second product item or the third product item is subsequently displayed.
Preferably, the display device of the product item further includes:
the deleting module is used for deleting each data content which contains the product item identifier and is cached in the preset storage space by the current product list when the page of the current product list is detected to be closed;
or, when it is detected that the time length for closing the page of the current product list reaches a preset time length, deleting each data content containing the product item identifier cached in the preset storage space by the current product list.
According to the method and the device for displaying the product items, when a display instruction of the product items is detected, whether the data content of a first product item to be displayed is cached in a preset storage space is judged, if the data content of the first product item to be displayed is cached in the preset storage space, the data content of the first product item is extracted, and the extracted data content is filled in an area where a vacant node is located in a display interface so as to display the first product item. According to the scheme, when the displayed product items are rolled to the current display interface, the cached data content is directly extracted and filled into the vacant nodes for display, the data do not need to be obtained from the database again and added into the template, and finally the data are added into the newly added nodes for display, so that the processing pressure of a terminal system is reduced, and the smoothness of the use of the terminal is improved.
Drawings
FIG. 1 is a schematic flow chart diagram illustrating a first embodiment of a method for displaying a product item according to the present invention;
FIG. 2 is a flowchart illustrating a second embodiment of a method for displaying a product item according to the present invention;
FIG. 3 is a flowchart illustrating a third embodiment of a method for displaying a product item according to the present invention;
FIG. 4 is a functional block diagram of a first embodiment of a display device according to an item of the present invention;
FIG. 5 is a functional block diagram of a second embodiment of a display device according to an item of the present invention;
FIG. 6 is a functional block diagram of a display device according to a third embodiment of the present invention.
The implementation, functional features and advantages of the objects of the present invention will be further explained with reference to the accompanying drawings.
Detailed Description
It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.
The solution of the embodiment of the invention is mainly as follows: when a display instruction of a product item is detected, judging whether data content of a first product item to be displayed is cached in a preset storage space, if so, extracting the data content of the first product item, and filling the extracted data content into an area where a vacant node in a display interface is located so as to display the first product item. The method and the device solve the problem that when the product list is rolled back and forth, data needs to be obtained from the database again and added to the template, and finally added to a newly added node for display, so that the processing pressure of a terminal system is too large, and the use smoothness of the terminal is poor.
The invention provides a display method of a product item.
Referring to fig. 1, fig. 1 is a flow chart illustrating a first embodiment of a method for displaying a product item according to the present invention.
In this embodiment, the method for displaying the product item includes:
when a display instruction of a product item is detected, judging whether data content of a first product item to be displayed is cached in a preset storage space, wherein the data content comprises a first product item identifier and has a preset display mode; if the data content of the first product item to be displayed is cached in the preset storage space, extracting the data content of the first product item; and filling the extracted data content into an area where the vacant nodes are located in the display interface to display the first product item, wherein the nodes are circularly shifted in the display interface.
The following are specific steps of gradually implementing the display of the product items in this embodiment:
step S10, when a display instruction of a product item is detected, determining whether to cache data content of a first product item to be displayed in a preset storage space, where the data content includes a first product item identifier and has a preset display mode;
in this embodiment, when a user opens a corresponding page in a display interface of the terminal, the terminal displays a product list of the page on a current display interface, and in a process of scrolling the product list, if it is detected that a product item scrolls from a hidden area to the current display interface, it is equivalent to receiving a display instruction of the product item.
When detecting a display instruction of a product item, a terminal determines a first product item to be displayed in a current product list, and then judges whether to cache data content of the first product item to be displayed in a preset storage space. In this embodiment, the preset storage space is actually a buffer, and the data content of the first product item includes a first product item identifier and has a preset display mode.
Judging whether to cache the data content of the first product item to be displayed in the preset storage space, and actually inquiring whether to store a first product identifier in the cache region, specifically: the method comprises the steps of obtaining an identifier of a first product item to be displayed according to a display instruction of the product item, comparing the obtained identifier with identifiers of all prestored product items in a cache region to determine whether the identifier of the first product item to be displayed is cached in a preset storage space, and determining that data content of the first product item is cached in the preset storage space if the identifier of the first product item is detected to exist.
Step S20, if the data content of the first product item to be displayed is cached in the preset storage space, extracting the data content of the first product item;
and step S30, filling the extracted data content into the area where the node of the current display interface is located, so as to display the first product item, wherein the node is circularly shifted in the display interface.
In this embodiment, if the data content of the first product item is cached in the preset storage space, it is indicated that the first product item has been loaded before, the data content is also cached in advance, and at this time, operations such as reloading the data content of the first product item, adding the data content to the template, adding a new node, and the like do not need to be performed, the cached data content is directly extracted, and the extracted data content is filled in an area where an empty node of the current display interface is located to be displayed, so that the first product item is quickly displayed in the current display interface.
In this embodiment, the node is preferably a DOM (Document Object Model) node, the node is a Model for displaying data content of the product item in the current display interface, and the number of the nodes is related to the number of the product items displayed in the display interface, and if the number of the product items displayed in the display interface is more, the number of the nodes is more, and otherwise, the number of the nodes is less.
In this embodiment, the positions of the nodes in the display interface are scrolled along with the product items, when a product item is to be scrolled out of the current display interface, according to a conventional method, the node is scrolled out of the current display interface to delete the node, and when a product item to be scrolled out of the current display interface is displayed in the hidden area, a new node is newly generated to add the product item to be scrolled into the current display interface to the new node to realize display, so that a series of tedious operations are inevitably generated. In this embodiment, the nodes are not randomly added or deleted, but are consistent with the number of the product items displayed in the display interface, when a product item scrolls out of the current display interface, the node corresponding to the product item is shifted, for example, the product item in the first row in the current display interface needs to scroll out of the display interface, and inevitably, a new product item will be displayed in the last row, at this time, the nodes of the product items in the first row are emptied and shifted into the last row, and the data content of the product item in the last row is filled into the shifted nodes, so as to complete the display of the product item. Similarly, to scroll the last row of product items out of the display interface in the current display interface, the nodes of the last row of product items are emptied and shifted into the first row to be filled in by the data content of the first row of product items to complete the display of the product items. In this embodiment, in the process of scrolling the product list, each node in the current display interface is shifted one by one, and all nodes are shifted cyclically.
In this embodiment, the number of the first product items is not limited, and the first product items may be one product item or several product items, and are specifically set according to actual situations. For example, when a page is scrolled once, three product items are scrolled, which is equivalent to scrolling three product items for display, and the other three product items are scrolled for hiding, and correspondingly, the number of free nodes in the display interface is also three, so that the data contents of the three product items to be displayed are filled for display.
In the method for displaying a product item, when a display instruction of the product item is detected, it is determined whether data content of a first product item to be displayed is cached in a preset storage space, and if the data content of the first product item to be displayed is cached in the preset storage space, the data content of the first product item is extracted, and the extracted data content is filled in an area where a vacant node is located in a display interface to display the first product item. According to the scheme, when the displayed product items are rolled to the current display interface, the cached data content is directly extracted and filled into the vacant nodes for display, the data do not need to be obtained from the database again and added into the template, and finally the data are added into the newly added nodes for display, so that the processing pressure of a terminal system is reduced, and the smoothness of the use of the terminal is improved.
Further, existing nodes are repeatedly utilized, the nodes rolled out of the current display interface are shifted and filled to the positions where rolling is about to occur, the data content is replaced by new data content, new nodes do not need to be generated again, the existing nodes are reused, and the terminal is enabled to roll more smoothly.
Further, a second embodiment of the display method of a product item of the present invention is proposed based on the first embodiment, and in this embodiment, referring to fig. 2, after the step S10, the display method of a product item further includes:
step S40, if the data content of the first product item to be displayed is not cached in the preset storage space, extracting the data content of the first product item from a database;
and step S50, adding the extracted data content to a preset template, and adding the data content added to the preset template to the area where the vacant nodes are located in the display interface for displaying.
In this embodiment, if the terminal determines that the data content of the first product item is not cached in the preset storage space, which indicates that the first product item is displayed for the first time, the terminal first extracts the data content of the first product item from the database, then adds the extracted data content to a preset template to obtain the data content with the standard display mode, and finally adds the data content with the standard display mode to an area where an empty node in a display interface is located for display.
That is, if the first product item is displayed for the first time, the data content needs to be loaded, and after the loaded data content is added to the preset display template to obtain the data content with the standard display mode, the data content is added to the area where the vacant node in the display interface is located to complete the display.
Further, a third embodiment of the display method of the product item of the present invention is proposed based on the second embodiment, and in this embodiment, referring to fig. 3, after the step S50, the display method of the product item further includes:
step S60, adding a first product item identifier to the data content of the first product item upon detecting that the first product item has scrolled out of the current display interface;
step S70, the data content added with the first product item identifier is cached as the data content with the preset display mode to the preset storage space.
In this embodiment, when it is detected that a first product item is scrolled out of the current display interface, because the first product item is displayed for the first time, a first product item identifier is added to the data content of the first product item, and then the data content to which the first product item identifier is added is cached in the preset storage space as the data content with the preset display mode. Subsequently, when the first product item is scrolled to the current display interface again for display, the data content of the first product item can be directly acquired for display, so that the product item display efficiency is improved, and the processing pressure of a terminal system is reduced.
In this embodiment, a fourth embodiment of the display method of the product item of the present invention is proposed based on the first to third embodiments, and in this embodiment, the step S30 is executed while the following steps are executed:
determining a second product item and a third product item which are positioned in the hidden area and are within a preset range from the boundary product item of the current display interface in the current product list;
judging whether data contents corresponding to the second product item and the third product item are cached in the preset storage space;
if the data contents corresponding to the second product item and the third product item are not cached in the preset storage space, adding the data contents corresponding to the second product item and the third product item to a preset template respectively, and adding a product item identifier respectively to obtain data contents with a preset display mode;
and caching the obtained data content to the preset storage space so as to directly extract the data content corresponding to the second product item or the third product item and fill the data content to the region where the vacant node is located in the display interface for displaying when the second product item or the third product item is subsequently displayed.
That is, when the extracted data content is filled in the area where the vacant node in the display interface is located to display the first product item, the terminal may determine the second product item and the third product item which are located in the hidden area and are within a preset range from the boundary product item of the current display interface in the current product list, wherein a specific numerical value of the preset range is set according to an actual situation, and is not limited herein. It should be understood that the second product item and the third product item are product items which are located in the hidden areas and within a preset range from two boundary product items in the current display interface, that is, the second product item and the third product item are located in different hidden areas of the display interface, one is located in a top hidden area of the current display interface, and one is located in a lower hidden area of the current display interface.
After a second product item and a third product item are determined, whether data contents corresponding to the second product item and the third product item are cached in the preset storage space is judged, if the data contents corresponding to the second product item and the third product item are not cached in the preset storage space, the data contents corresponding to the second product item and the third product item are respectively added to a preset template, product item identifiers are respectively added to obtain data contents with a preset display mode, that is, the data contents of the second product item are added to the preset template, the data contents of the third product item are also added to the preset template, and then the second product item identifier and the third product item identifier are respectively added to obtain the data contents with the preset display mode.
And finally, caching the obtained data content to the preset storage space so as to directly extract the data content corresponding to the second product item or the third product item and fill the data content into an area where the vacant node is located in the display interface for displaying when the second product item or the third product item is subsequently displayed, and wirelessly re-executing the operations of obtaining the data content, adding the template to the node and the like.
It should be noted that, in the first embodiment, the specific number of the first product items is not limited, and the numbers of the second product items and the third product items are also not limited, and are set according to actual situations.
In the embodiment, when the product items are displayed in the current display interface, the product items which are close to the boundary product items in the hidden area are loaded in advance, and then, even if the product items are displayed for the first time, the product items can be displayed according to the data content of the direct extraction cache, so that the intelligence and the efficiency of displaying the product items are improved.
In this embodiment, a fifth embodiment of a display method of a product item of the present invention is proposed based on the first to fourth embodiments, and in this embodiment, the display method of a product item further includes:
when detecting that the page of the current product list is closed, deleting each data content which contains the product item identifier and is cached in the preset storage space by the current product list;
or, when it is detected that the time length for closing the page of the current product list reaches a preset time length, deleting each data content containing the product item identifier cached in the preset storage space by the current product list.
In this embodiment, when it is detected that the page of the current product list is closed, the data content cached in the preset storage space by the current product list may be selected to be directly deleted.
Further, in order to prevent the user from mistakenly touching and closing the page of the current product list, a waiting time length may be set in advance, when the time length for closing the page of the current product list reaches the preset time length, each data content cached in the preset storage space by the current product list is deleted, and if the waiting time length does not reach the preset time length yet, each data content cached in the preset storage space by the current product list is continuously cached, and is not deleted until the waiting time length reaches the preset time length. The preset time length may be set according to specific situations, and is not limited herein.
In this embodiment, the deletion mode of each data content cached in the preset storage space by the current product list is limited in two ways, so that the flexibility of deleting the data content in the product item is improved.
The present invention further provides a display device of a product item.
Referring to fig. 4, fig. 4 is a functional block diagram of a display device 100 according to a first embodiment of the present invention.
It should be emphasized that the functional block diagram of fig. 4 is merely an exemplary diagram of a preferred embodiment, and those skilled in the art can easily add new functional blocks around the functional blocks of the display device 100 of the product item shown in fig. 4; the names of the function modules are self-defined names, which are only used to assist understanding of the program function blocks of the display device 100 of the product item, and are not used to limit the technical solution of the present invention.
In the present embodiment, the display device 100 of the product item includes:
the system comprises a judging module 10, a display module and a display module, wherein the judging module is used for judging whether data content of a first product item to be displayed is cached in a preset storage space when a display instruction of the product item is detected, wherein the data content comprises a first product item identifier and has a preset display mode;
in this embodiment, when a user opens a corresponding page in a display interface of a terminal, a product list of the page is displayed on a current display interface, and in a process of scrolling the product list, if it is detected that a product item scrolls from a hidden area to the current display interface, it is equivalent to receiving a display instruction of the product item.
When a display instruction of a product item is detected, a first product item to be displayed in a current product list is determined, and then the judgment module 10 judges whether to cache data content of the first product item to be displayed in a preset storage space. In this embodiment, the preset storage space is actually a buffer, and the data content of the first product item includes a first product item identifier and has a preset display mode.
The determining module 10 determines whether to cache the data content of the first product item to be displayed in the preset storage space, and in fact, queries whether to store a first product identifier in the cache region, specifically: the method comprises the steps of obtaining an identifier of a first product item to be displayed according to a display instruction of the product item, comparing the obtained identifier with identifiers of all prestored product items in a cache region to determine whether the identifier of the first product item to be displayed is cached in a preset storage space, and determining that data content of the first product item is cached in the preset storage space if the identifier of the first product item is detected to exist.
The extracting module 20 is configured to extract the data content of the first product item if the data content of the first product item to be displayed is cached in the preset storage space;
and a filling module 30, configured to fill the extracted data content into an area where a vacant node is located in the display interface, so as to display the first product item, where the node is cyclically shifted in the display interface.
In this embodiment, if the data content of the first product item is cached in the preset storage space, it is indicated that the first product item has been loaded before, the data content is also cached in advance, at this time, operations such as reloading the data content of the first product item, adding the data content to the template, adding a new node, and the like do not need to be performed, the extraction module 20 directly extracts the cached data content, and the filling module 30 fills the extracted data content into an area where an empty node of the current display interface is located to display, so that the first product item is quickly displayed on the current display interface.
In this embodiment, the node is preferably a DOM (Document Object Model) node, the node is a Model for displaying data content of the product item in the current display interface, and the number of the nodes is related to the number of the product items displayed in the display interface, and if the number of the product items displayed in the display interface is more, the number of the nodes is more, and otherwise, the number of the nodes is less.
In this embodiment, the positions of the nodes in the display interface are scrolled along with the product items, when a product item is to be scrolled out of the current display interface, according to a conventional method, the node is scrolled out of the current display interface to delete the node, and when a product item to be scrolled out of the current display interface is displayed in the hidden area, a new node is newly generated to add the product item to be scrolled into the current display interface to the new node to realize display, so that a series of tedious operations are inevitably generated. In this embodiment, the nodes are not randomly added or deleted, but are consistent with the number of the product items displayed in the display interface, when a product item scrolls out of the current display interface, the node corresponding to the product item is shifted, for example, the product item in the first row in the current display interface needs to scroll out of the display interface, and inevitably, a new product item will be displayed in the last row, at this time, the nodes of the product items in the first row are emptied and shifted into the last row, and the data content of the product item in the last row is filled into the shifted nodes, so as to complete the display of the product item. Similarly, to scroll the last row of product items out of the display interface in the current display interface, the nodes of the last row of product items are emptied and shifted into the first row to be filled in by the data content of the first row of product items to complete the display of the product items. In this embodiment, in the process of scrolling the product list, each node in the current display interface is shifted one by one, and all nodes are shifted cyclically.
In this embodiment, the number of the first product items is not limited, and the first product items may be one product item or several product items, and are specifically set according to actual situations. For example, when a page is scrolled once, three product items are scrolled, which is equivalent to scrolling three product items for display, and the other three product items are scrolled for hiding, and correspondingly, the number of free nodes in the display interface is also three, so that the data contents of the three product items to be displayed are filled for display.
The product item display device provided in this embodiment, when a display instruction of a product item is detected, determines whether to cache data content of a first product item to be displayed in a preset storage space, and if the data content of the first product item to be displayed is cached in the preset storage space, extracts the data content of the first product item, and fills the extracted data content in an area where a vacant node is located in a display interface to display the first product item. According to the scheme, when the displayed product items are rolled to the current display interface, the cached data content is directly extracted and filled into the vacant nodes for display, the data do not need to be obtained from the database again and added into the template, and finally the data are added into the newly added nodes for display, so that the processing pressure of a terminal system is reduced, and the smoothness of the use of the terminal is improved.
Further, existing nodes are repeatedly utilized, the nodes rolled out of the current display interface are shifted and filled to the positions where rolling is about to occur, the data content is replaced by new data content, new nodes do not need to be generated again, the existing nodes are reused, and the terminal is enabled to roll more smoothly.
In this embodiment, a second embodiment of the display device of the product item of the present invention is proposed based on the first embodiment, and in this embodiment, referring to fig. 5, the display device of the product item further includes a first adding module 40:
the extracting module 20 is further configured to extract the data content of the first product item from a database if the data content of the first product item to be displayed is not cached in the preset storage space;
the first adding module 40 is configured to add the extracted data content to a preset template, and add the data content added to the preset template to an area where a vacant node in a display interface is located, so as to display the data content.
In this embodiment, if the determining module 10 determines that the data content of the first product item is not cached in the preset storage space, which indicates that the first product item is displayed for the first time, the extracting module 20 first extracts the data content of the first product item from the database, then the first adding module 40 adds the extracted data content to a preset template to obtain the data content with the standard display mode, and finally adds the data content with the standard display mode to an area where an empty node is located in the display interface for displaying.
That is, if the first product item is displayed for the first time, the data content needs to be loaded, and after the loaded data content is added to the preset display template to obtain the data content with the standard display mode, the data content is added to the area where the vacant node in the display interface is located to complete the display.
In this embodiment, a third embodiment of the display device of the product item according to the present invention is provided based on the second embodiment, and in this embodiment, referring to fig. 6, the display device of the product item further includes a first cache module 50:
the first adding module 40 is further configured to add a first product item identifier to the data content of the first product item when it is detected that the first product item scrolls out of the current display interface;
the first caching module 50 is configured to cache the data content to which the first product item identifier is added as data content with a preset display mode in the preset storage space.
In this embodiment, if it is detected that a first product item is scrolled out of the current display interface, because the first product item is displayed for the first time, the first adding module 40 adds a first product item identifier to the data content of the first product item, and then the first caching module 50 caches the data content to which the first product item identifier is added as the data content with a preset display mode in the preset storage space. Subsequently, when the first product item is scrolled to the current display interface again for display, the data content of the first product item can be directly acquired for display, so that the product item display efficiency is improved, and the processing pressure of a terminal system is reduced.
In this embodiment, a fourth embodiment of the display device of the product item of the present invention is proposed based on the first to third embodiments, and in this embodiment, the display device of the product item further includes:
the determining module is used for determining a second product item and a third product item which are positioned in the hidden area and are within a preset range from the boundary product item of the current display interface in the current product list;
the determining module 10 is further configured to determine whether data contents corresponding to the second product item and the third product item are cached in the preset storage space;
a second adding module, configured to add, if data contents corresponding to the second product item and the third product item are not cached in the preset storage space, the data contents corresponding to the second product item and the third product item to a preset template, and add a product item identifier to obtain data contents with a preset display mode;
and the second cache module is used for caching the obtained data content to the preset storage space so as to directly extract the data content corresponding to the second product item or the third product item and fill the data content to the region where the vacant node is located in the display interface for displaying when the second product item or the third product item is subsequently displayed.
That is, when the filling module 30 fills the extracted data content into the area where the vacant node in the display interface is located to display the first product item, the determining module may determine the second product item and the third product item which are located in the hidden area and are within a preset range from the boundary product item of the current display interface in the current product list, wherein a specific numerical value of the preset range is set according to an actual situation, and is not limited herein. It should be understood that the second product item and the third product item are product items which are located in the hidden areas and within a preset range from two boundary product items in the current display interface, that is, the second product item and the third product item are located in different hidden areas of the display interface, one is located in a top hidden area of the current display interface, and one is located in a lower hidden area of the current display interface.
After the determination module determines the second product item and the third product item, the judgment module 10 judges that the product is in the preset storage space, whether the data content corresponding to the second product item and the third product item is cached, if the data content corresponding to the second product item and the third product item is not cached in the preset storage space, the second adding module respectively adds the data contents corresponding to the second product item and the third product item to a preset template, and respectively adds product item identifiers to obtain data contents with a preset display mode, namely, the data content of the second product item is added into the preset template, the data content of the third product item is also added into the preset template, then, the second product item identifier and the third product item identifier are respectively added to obtain the data content with the preset display mode.
Finally, the second cache module caches the obtained data content to the preset storage space, so that when the second product item or the third product item is subsequently displayed, the data content corresponding to the second product item or the third product item is directly extracted and filled into an area where an empty node is located in a display interface for displaying, and the operations of obtaining the data content, adding a template, adding the template to the node and the like are wirelessly and again executed.
It should be noted that, in the first embodiment, the specific number of the first product items is not limited, and the numbers of the second product items and the third product items are also not limited, and are set according to actual situations.
In the embodiment, when the product items are displayed in the current display interface, the product items which are close to the boundary product items in the hidden area are loaded in advance, and then, even if the product items are displayed for the first time, the product items can be displayed according to the data content of the direct extraction cache, so that the intelligence and the efficiency of displaying the product items are improved.
In this embodiment, a fifth embodiment of the display device of the product item of the present invention is proposed based on the first to fourth embodiments, and in this embodiment, the display device of the product item further includes:
the deleting module is used for deleting each data content which contains the product item identifier and is cached in the preset storage space by the current product list when the page of the current product list is detected to be closed;
or, when it is detected that the time length for closing the page of the current product list reaches a preset time length, deleting each data content containing the product item identifier cached in the preset storage space by the current product list.
In this embodiment, when it is detected that the page of the current product list is closed, the deleting module may select to directly delete each data content cached in the preset storage space by the current product list.
Further, in order to prevent the user from mistakenly touching and closing the page of the current product list, a waiting time length may be set in advance, when the time length for closing the page of the current product list reaches the preset time length, the deletion module deletes each data content cached in the preset storage space by the current product list, if the waiting time length does not reach the preset time length, each data content cached in the preset storage space by the current product list continues to be cached, and the deletion is not performed until the waiting time length reaches the preset time length. The preset time length may be set according to specific situations, and is not limited herein.
In this embodiment, the deletion mode of each data content cached in the preset storage space by the current product list is limited in two ways, so that the flexibility of deleting the data content in the product item is improved.
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.
The above-mentioned serial numbers of the embodiments of the present invention are merely for description and do not represent the merits of the embodiments.
Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner. Based on such understanding, the technical solutions of the present invention may be embodied in the form of a software product, which is stored in a storage medium (such as ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal device (such as a mobile phone, a computer, a server, an air conditioner, or a network device) to execute the method according to the embodiments of the present invention.
The above description is only a preferred embodiment of the present invention, and not intended to limit the scope of the present invention, and all modifications of equivalent structures and equivalent processes, which are made by using the contents of the present specification and the accompanying drawings, or directly or indirectly applied to other related technical fields, are included in the scope of the present invention.
Claims (6)
1. A method of displaying a product item, the method comprising:
displaying a product list, and in the process of scrolling the product list, if detecting that a product item scrolls from a hidden area to a current display interface, judging whether data content of a first product item to be displayed is cached in a preset storage space, wherein the data content comprises a first product item identifier and has a preset display mode;
if the data content of the first product item to be displayed is cached in the preset storage space, extracting the data content of the first product item;
filling the extracted data content into an area where vacant nodes are located in a display interface to display the first product item, wherein each node in the current display interface is shifted one by one, and all nodes are shifted circularly;
if the data content of the first product item to be displayed is not cached in the preset storage space, extracting the data content of the first product item from a database;
adding the extracted data content to a preset template, and adding the data content added to the preset template to an area where vacant nodes are located in a display interface for displaying;
upon detecting that the first product item scrolls out of the current display interface, adding a first product item identifier to data content of the first product item;
caching the data content added with the first product item identifier into the preset storage space as data content with a preset display mode.
2. The method for displaying a product item according to claim 1, wherein the step of filling the extracted data content into an area where a vacant node is located in a display interface to display the first product item is performed while performing the steps of:
determining a second product item and a third product item which are positioned in the hidden area and are within a preset range from the boundary product item of the current display interface in the current product list;
judging whether data contents corresponding to the second product item and the third product item are cached in the preset storage space;
if the data contents corresponding to the second product item and the third product item are not cached in the preset storage space, adding the data contents corresponding to the second product item and the third product item to a preset template respectively, and adding a product item identifier respectively to obtain data contents with a preset display mode;
and caching the obtained data content to the preset storage space so as to directly extract the data content corresponding to the second product item or the third product item and fill the data content to the region where the vacant node is located in the display interface for displaying when the second product item or the third product item is subsequently displayed.
3. The method of displaying a product item of any of claims 1-2, further comprising:
when detecting that the page of the current product list is closed, deleting each data content which contains the product item identifier and is cached in the preset storage space by the current product list;
or, when it is detected that the time length for closing the page of the current product list reaches a preset time length, deleting each data content containing the product item identifier cached in the preset storage space by the current product list.
4. A display device for a product item, the display device comprising:
the device comprises a judging module, a display module and a display module, wherein the judging module is used for displaying a product list and judging whether to cache the data content of a first product item to be displayed in a preset storage space or not if detecting that a product item rolls from a hidden area to a current display interface in the process of rolling the product list, wherein the data content comprises a first product item identifier and has a preset display mode;
the extraction module is used for extracting the data content of the first product item to be displayed if the data content of the first product item to be displayed is cached in the preset storage space;
the filling module is used for filling the extracted data content into an area where vacant nodes are located in a display interface so as to display the first product item, wherein all the nodes in the current display interface are shifted one by one, and all the nodes are shifted circularly;
the extracting module is further configured to extract the data content of the first product item from a database if the data content of the first product item to be displayed is not cached in the preset storage space;
the display device of the product item further includes:
the first adding module is used for adding the extracted data content to a preset template and adding the data content added to the preset template to an area where vacant nodes are located in a display interface for displaying;
the first adding module is further used for adding a first product item identifier to the data content of the first product item when the first product item is detected to be scrolled out of the current display interface;
the display device of the product item further includes:
and the first cache module is used for caching the data content added with the first product item identifier into the preset storage space as the data content with a preset display mode.
5. The display device of a product item of claim 4, further comprising:
the determining module is used for determining a second product item and a third product item which are positioned in the hidden area and are within a preset range from the boundary product item of the current display interface in the current product list;
the judging module is further configured to judge whether data contents corresponding to the second product item and the third product item are cached in the preset storage space;
a second adding module, configured to add, if data contents corresponding to the second product item and the third product item are not cached in the preset storage space, the data contents corresponding to the second product item and the third product item to a preset template, and add a product item identifier to obtain data contents with a preset display mode;
and the second cache module is used for caching the obtained data content to the preset storage space so as to directly extract the data content corresponding to the second product item or the third product item and fill the data content to the region where the vacant node is located in the display interface for displaying when the second product item or the third product item is subsequently displayed.
6. The display device of a product item of any one of claims 4-5, further comprising:
the deleting module is used for deleting each data content which contains the product item identifier and is cached in the preset storage space by the current product list when the page of the current product list is detected to be closed;
or, when it is detected that the time length for closing the page of the current product list reaches a preset time length, deleting each data content containing the product item identifier cached in the preset storage space by the current product list.
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710091362.XA CN107066524B (en) | 2017-02-20 | 2017-02-20 | Method and device for displaying product items |
| PCT/CN2017/089472 WO2018149071A1 (en) | 2017-02-20 | 2017-06-22 | Method, apparatus and device for displaying product item, and computer readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710091362.XA CN107066524B (en) | 2017-02-20 | 2017-02-20 | Method and device for displaying product items |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107066524A CN107066524A (en) | 2017-08-18 |
| CN107066524B true CN107066524B (en) | 2020-01-07 |
Family
ID=59622419
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710091362.XA Active CN107066524B (en) | 2017-02-20 | 2017-02-20 | Method and device for displaying product items |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN107066524B (en) |
| WO (1) | WO2018149071A1 (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107562339A (en) * | 2017-08-25 | 2018-01-09 | 郑州云海信息技术有限公司 | The display methods and device of a kind of component information |
Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2016135677A1 (en) * | 2015-02-26 | 2016-09-01 | Realitygate (Pty) Ltd | Navigating a set of selectable items in a user interface |
Family Cites Families (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100017702A1 (en) * | 2008-07-16 | 2010-01-21 | International Business Machines Corporation | Asynchronous Partial Page Updates Based On Dynamic Dependency Calculation |
| CN103970770B (en) * | 2013-01-29 | 2018-10-09 | 腾讯科技（深圳）有限公司 | A kind of front page optimization processing method, device and client |
| CN104035921B (en) * | 2013-03-04 | 2017-08-29 | 联想(北京)有限公司 | A kind of information processing method and electronic equipment |
| CN104216909B (en) * | 2013-06-04 | 2018-10-02 | 腾讯科技（深圳）有限公司 | Web data processing method and processing unit |
| CN103678486A (en) * | 2013-10-31 | 2014-03-26 | 北京优视网络有限公司 | Method and system for page type setting |
-
2017
- 2017-02-20 CN CN201710091362.XA patent/CN107066524B/en active Active
- 2017-06-22 WO PCT/CN2017/089472 patent/WO2018149071A1/en active Application Filing
Patent Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2016135677A1 (en) * | 2015-02-26 | 2016-09-01 | Realitygate (Pty) Ltd | Navigating a set of selectable items in a user interface |
Also Published As
| Publication number | Publication date |
|---|---|
| WO2018149071A1 (en) | 2018-08-23 |
| CN107066524A (en) | 2017-08-18 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10460001B2 (en) | Window switching method and device and storage medium thereof | |
| KR101472397B1 (en) | Mobile terminal and method for processing notification information | |
| EP2854372A1 (en) | Method and device for displaying pushed information | |
| CN105975576B (en) | Terminal content adaptive display method and device and terminal | |
| CN110309461B (en) | Page display method and device | |
| CN104571813B (en) | A kind of display methods and device of information | |
| CN104978180B (en) | Unprocessed event prompting method and device and mobile terminal | |
| CN104965914A (en) | Page display method and apparatus | |
| KR20100028056A (en) | Automatic contact information entry via location sensing | |
| CN112631591B (en) | Method, apparatus, device and computer readable storage medium for table element linkage | |
| CN104679824B (en) | The webpage generating method and system of the network platform | |
| CN105224167A (en) | A kind of windows switching method and device | |
| WO2016015531A1 (en) | Information processing method and apparatus | |
| CN104484482A (en) | Webpage information updating method and system of network platform | |
| CN107193880A (en) | A kind of method for page jump and device | |
| CN104254849A (en) | User terminal apparatus supporting fast web scroll of web documents and method therefor | |
| CN107066524B (en) | Method and device for displaying product items | |
| CN106844526B (en) | document processing method and device | |
| CN107102855A (en) | A kind of content loading method and device | |
| CN105677678A (en) | Determination method for first screen positions of pages, webpage information display method and system | |
| CN111428167B (en) | Page display method and device | |
| CN107341234B (en) | Page display method and device and computer readable storage medium | |
| CN103577476A (en) | Method for processing browsing record of web page and web page browsing device | |
| CN106570003B (en) | Data pushing method and device | |
| CN104571898A (en) | Page display control 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 |