Page display method and device, electronic equipment, storage medium and program product
By linking the first and second modules in the online shopping mall, the problem of users having to frequently switch modules to find items is solved, resulting in a convenient item browsing experience.
Patent Information
- Application Number
- CN202511248014.X
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-09-02
- Publication Date
- 2025-12-12
Smart Images
Figure CN121120204A_ABST
Abstract
Description
TECHNICAL FIELD
[0001] The present application relates to the technical field of Internet and electronic commerce, and particularly relates to a page display method and device, electronic equipment, a storage medium and a program product. BACKGROUND
[0002] Some special areas and / or some channels in an online shopping mall (such as a shopping app) involve a first module (such as a selected module, which integrates and displays items recommended by an e-commerce platform) and a plurality of second modules (such as convenience store, medicine purchase, fresh food, home appliance and home furnishing industry modules, which integrate and display items under the same industry category).
[0003] Currently, pages can be displayed for each module to expose corresponding items under the corresponding module, so that users can browse these items through the displayed pages. However, this requires users to frequently switch between industry modules to find various items, which makes it inconvenient for users to browse the items they need. SUMMARY
[0004] The embodiments of the present application provide a page display method and device, electronic equipment, a storage medium and a program product, which solve the problem that users cannot conveniently browse the items they need.
[0005] According to an aspect of the present application, a page display method can include:
[0006] displaying a first item collection page under a first module, wherein each first item represented by the first item collection page corresponds to a corresponding second module;
[0007] in response to an item selection operation on the first item collection page, switching the currently displayed page from the first item collection page to a second item collection page under a target module, wherein the target module is a second module corresponding to a target item, and the target item is the selected first item.
[0008] According to another aspect of the present application, a page display device can include:
[0009] a first item collection page display module configured to display a first item collection page under a first module, wherein each first item represented by the first item collection page corresponds to a corresponding second module;
[0010] a second item collection page display module configured to, in response to an item selection operation on the first item collection page, switch the currently displayed page from the first item collection page to a second item collection page under a target module, wherein the target module is a second module corresponding to a target item, and the target item is the selected first item.
[0011] According to another aspect of the present application, an electronic device can include:
[0012] at least one processor; and
[0013] a memory communicatively connected with the at least one processor; wherein
[0014] the memory stores a computer program executable by the at least one processor, and the computer program is executed by the at least one processor to cause the at least one processor to implement the page display method provided by any of the embodiments of the present application.
[0015] According to another aspect of the present application, a computer readable storage medium is provided, and the computer readable storage medium stores computer instructions for causing a processor to implement the page display method provided by any of the embodiments of the present application.
[0016] According to another aspect of the present application, a computer program product is provided, and the computer program product stores a computer program, and the computer program is executed by a processor to implement the page display method provided by any of the embodiments of the present application.
[0017] The technical solution of the embodiments of the present application displays a first item collection page under a first module, and then switches the currently displayed page from the first item collection page to a second item collection page under a target module corresponding to a target item selected from the first item collection page when an item selection operation is detected for the first item collection page. The above technical solution links the first module and the second module together to display a page, thereby greatly reducing the interactive path for a user to find the second item, and enabling the user to conveniently browse the second item.
[0018] It should be understood that the content described in this section is not intended to identify key or important features of the embodiments of the present application, nor is it used to limit the scope of the present application. Other features of the present application will become apparent from the following description. BRIEF DESCRIPTION OF DRAWINGS
[0019] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed in the embodiment description will be briefly introduced below. Obviously, the drawings in the following description are only some embodiments of the present application, and other drawings can be obtained by those skilled in the art without creative effort.
[0020] Figure 1 is a flowchart of a page display method provided by an embodiment of the present application;
[0021] Figure 2is a flow chart of another page display method according to an embodiment of the present application;
[0022] Figure 3 is a flow chart of yet another page display method according to an embodiment of the present application;
[0023] Figure 4 is a flow chart of still another page display method according to an embodiment of the present application;
[0024] Figure 5 is a flow chart of an optional example of still another page display method according to an embodiment of the present application;
[0025] Figure 6 is a schematic diagram of an optional example of still another page display method according to an embodiment of the present application;
[0026] Figure 7 is a structural block diagram of a page display apparatus according to an embodiment of the present application;
[0027] Figure 8 is a structural schematic diagram of an electronic device implementing a page display method according to an embodiment of the present application. DETAILED DESCRIPTION
[0028] In order to make the personnel in the art better understand the present application, the technical solutions in the embodiments of the present application will be described clearly and completely below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are only a part of the embodiments of the present application, but not all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those skilled in the art without creative work should belong to the scope of protection of the present application.
[0029] It should be noted that the terms "first", "second", and the like in the specification and claims of the present application and the above-described drawings are used to distinguish similar objects, and do not necessarily have to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged under appropriate circumstances, so that the embodiments of the present application described herein can be implemented in an order other than those illustrated or described herein. The case of "target", "original" and the like is similar, and will not be described here. In addition, the terms "include" and "have" and any variations thereof are intended to cover non-exclusive inclusion, for example, a process, method, system, product or device including a series of steps or units does not have to be limited to those steps or units clearly listed, but can include other steps or units not clearly listed or inherent to these processes, methods, products or devices.
[0030] It should be noted that in the technical solutions of the present application, the collection, collection, updating, analysis, processing, use, transmission, storage and other aspects of the user's personal information involved comply with the relevant laws and regulations, are used for legal purposes, and do not violate public order and good customs. Necessary measures are taken on user personal information to prevent illegal access to user personal information data and maintain user personal information security and network security.
[0031] Figure 1 is a flowchart of a page display method provided by an embodiment of the present application. The present embodiment can be applied to the case of displaying an item collection page, especially to the case of displaying a first item collection page under a first module and switching to display a second item collection page under an associated second module after a user selects a certain item in the first item collection page. The method can be executed by a page display device provided by an embodiment of the present application, which can be realized by software and / or hardware. The device can be integrated on an electronic device, which can be a terminal device or a server, especially a terminal device.
[0032] Referring to Figure 1 The method of the present embodiment specifically includes the following steps:
[0033] S110, display a first item collection page under a first module, wherein each first item represented by the first item collection page corresponds to a corresponding second module.
[0034] The first module and the second module can be understood as modules that can supply items in an application (app), and on this basis, in combination with the application scenarios that the present embodiment can involve, they can be further understood as modules that can supply goods in the online shopping mall (i.e., shopping app) described above. The number of first modules can be one or more, especially one; the number of second modules can be one or more, especially multiple; this is related to the actual situation and is not specifically limited here.
[0035] Under normal circumstances, the traffic flowing into the first module in the app is higher than the traffic flowing into the second module, that is, compared with the second items under the second module, the first items under the first module are more likely to be browsed by users and thus obtained. For example, the first module can be a selected module, a recommended module or a blockbuster module, etc., which is a module that is more likely to obtain traffic and is preferentially displayed to users, while the second module can be a format module that is not preferentially displayed to users and is divided according to industry forms (such as convenience stores, medicine and home appliances, etc.). In fact, the first items under the first module come from a certain second module, and in combination with the above example, these first items can be considered as second items that are filtered from each second module and that users are likely to be interested in and / or expect users to be interested in.
[0036] Each module corresponds to a corresponding item collection page, which can record the description information 1 of the items under the corresponding module. It can be understood that, compared with the description information 2 recorded in the item detail page, the description information 1 is more concise. In the embodiment of the application, optionally, the description information 1 of a single item can be presented in at least one of the forms of text, picture, audio and video; and further optionally, the description information 1 of multiple items can be presented in at least one of the forms of card, list and waterfall flow; all of the above can be set according to actual needs, and are not specifically limited here.
[0037] The first item collection page under the first module is displayed, for example, for the special area and / or channel to which the first module belongs, the first item collection page can be displayed when the user enters the special area and / or channel through the app. On this basis, in combination with the above description, each first item represented by the first item collection page corresponds to a corresponding second module, i.e., is derived from a corresponding second module.
[0038] S120, in response to the item selection operation on the first item collection page, the currently displayed page is switched from the first item collection page to the second item collection page under the target module, wherein the target module is the second module corresponding to the target item, and the target item is the selected first item.
[0039] The item selection operation can be understood as an operation input for the first item collection page, indicating the selection of a certain first item among the first items represented by the first item collection page. On this basis, optionally, the operation type of the operation can be a click operation, a press operation, a sliding operation or a check operation, etc., which is related to the actual setting and is not specifically limited here. For the sake of description, the selected first item is referred to as the target item, and the second module from which the target item is derived is referred to as the target module, i.e., the second item detail page under the target module can represent the target item.
[0040] In response to the item selection operation, the currently displayed page is switched from the first item set page to the second item set page under the target module, for example, directly from the first item set page to the second item set page, or first from the first item set page to the item detail page of the target item, and then from the item detail page to the second item set page, that is, the switching path from the first item set page to the second item set page can be set according to actual needs, which is not limited here. On this basis, for the implementation scheme of the switching path from the first item set page to the second item set page, when detecting the item selection operation indicating selection of the target item represented by the second item set page input through the second item set page, the currently displayed page can be switched from the second item set page to the item detail page, so that the user can further understand the target item through the item detail page, and then the user can obtain the target item.
[0041] It should be noted that because the target item and the second items represented by the second item set page correspond to the same second module, these second items are all items related to the target item, that is, items that the user may have a browsing demand for, for example, items that are the same category but different manufacturers as the target item, or items that can be used with the target item, etc., so that after browsing the target item, the user can conveniently browse these second items, and has a better browsing experience.
[0042] On this basis, optionally, the second item set page records description information of at least two second items, each second item including the target item; the description information of the target item on the second item set page is displayed based on a preset third display mode, and the description information of the second items other than the target item on the second item set page is displayed based on a preset fourth display mode; wherein the third display mode has a greater degree of prominence in display effect than the fourth display mode.
[0043] In other words, for the description information corresponding to each second item recorded on the second item set page, specifically for the description information of the target item and the description information of the second items other than the target item, the former can be prominently displayed compared to the latter, for example, at least one of the top, highlighting, and bolding can be used for prominent display, so that the user can quickly confirm the target item previously selected by himself.
[0044] It should be noted that in the related page display scheme, the first module and the second module exist in isolation, and when it is detected that the user selects an item in the first item collection page under the first module, only the first module is displayed, for example, the corresponding item detail page is displayed under the first module, and when it is detected that the user exits the item detail page, the first item collection page is displayed again, that is, it fails to automatically introduce traffic into the second module, so that the second item under the second module cannot be automatically displayed to the user, which leads to the user needing to manually exit the first module and jump to the second module to display the second item collection page under the second module, so that the user can browse the second item through the displayed second item collection page. Obviously, the page display scheme needs the user to perform a tedious operation to browse the item (i.e., the second item) that the user needs to browse, and the browsing experience is poor.
[0045] Correspondingly, in the embodiment of the application, when it is detected that the user selects an item in the first item collection page under the first module, the first item collection page is switched to display the second item collection page under the second module, so as to link the first module and the second module together, thereby automatically introducing traffic of the first module into the second module, that is, making full use of the advantage of the first module as a traffic highland to drive the second module which is relatively weak in traffic, and enabling efficient intercommunication of traffic between the first module and the second module.
[0046] In this way, the interactive operation of the user in the first module can naturally and smoothly guide the user to discover and explore the items (i.e., the second items under the second module) under the other module (i.e., the second module), thereby greatly shortening the interactive path of the user to find the second item, so that the user can browse the second item that the user needs to browse without performing a tedious operation, that is, enabling the user to conveniently (or quickly) browse the second item that the user needs to browse, thereby improving the browsing experience of the user.
[0047] The technical scheme of the embodiment of the application displays the first item collection page under the first module, and then switches the currently displayed page from the first item collection page to the second item collection page under the target module when it is detected that the item selection operation is performed on the first item collection page, for the target item selected from the first items represented by the first item collection page and the target module corresponding to the target item in the second module. The above technical scheme links the first module and the second module together to display the page, thereby greatly shortening the interactive path of the user to find the second item, so that the user can conveniently browse the second item.
[0048] Figure 2is a flowchart of another page display method provided in the embodiments of the present application. The present embodiment is optimized on the basis of the above technical solutions. In the present embodiment, optionally, the currently displayed page is switched from the first item collection page to the second item collection page under the target module, including: for the item detail page of the target item, switching the currently displayed page from the first item collection page to the item detail page; in response to a triggering operation on the target control on the item detail page, switching the currently displayed page from the item detail page to the second item collection page under the target module. Wherein, the same or corresponding terms as in the above embodiments are not repeated here.
[0049] Referring to Figure 2 The method of the present embodiment can specifically include the following steps:
[0050] S210, display a first item collection page under a first module, wherein each first item represented by the first item collection page corresponds to a corresponding second module.
[0051] S220, in response to an item selection operation on the first item collection page, for the item detail page of a target item selected from the first items, switching the currently displayed page from the first item collection page to the item detail page.
[0052] Wherein, the item detail page records the description information of the target item, and it can be understood that the item detail page records more detailed description information than the description information of the target item recorded in the first item collection page. On the basis of displaying the first item collection page, in response to the item selection operation, the currently displayed page can be switched from the first item collection page to the item detail page, so that the user can learn more about the target item through the item detail page, and then the user can obtain the target item.
[0053] S230, in response to a triggering operation on a target control on the item detail page, for a target module corresponding to the target item in the second modules, switching the currently displayed page from the item detail page to the second item collection page under the target module.
[0054] Wherein, the target control can be understood as at least a control on the item detail page for indicating to stop displaying the item detail page, on the basis of which, in combination with the application scenarios that can be involved in the embodiments of the present application, optionally, the control can be a page closing control to stop displaying the item detail page by closing the item detail page; the control can be an add-to-cart control to synchronously complete adding an item to a shopping cart and stopping displaying the item detail page through a single operation; the control can also be a collection control to synchronously complete item collection and stopping displaying the item detail page through a single operation; and the like, which can be set according to actual needs, and is not specifically limited here.
[0055] In response to the triggering operation, the currently displayed page is switched from the item detail page to the second item collection page under the target module, so that the user continues to understand the related items related to the target item.
[0056] On this basis, for S220 and S230 described above, optionally, the item detail page can be displayed on the first item collection page in the form of a pop-up layer, that is, the item detail page is displayed under the first module; the item detail page can be displayed separately on a new page; in particular, the item detail page can be displayed on the second item collection page in the form of a pop-up layer, that is, the item detail page is displayed under the target module. The advantage of this setting is that by exiting the item detail page, the currently displayed page is directly switched from the item detail page to the second item collection page under the target module, thereby improving the page switching efficiency. Further optionally, for the implementation scheme of displaying the item detail page in the form of a pop-up layer on a certain item collection page, the item detail page can be displayed in the form of a semi-pop-up layer, that is, the item detail page only covers part of the content in the item collection page, which enables the user to not only browse the item detail page but also browse the content in the item collection page that is not covered; of course, the item detail page can also be displayed in the form of a full pop-up layer, that is, the item detail page completely covers the item collection page, which enables more content in the item detail page to be displayed on the display screen at the same time; and the like, which is not limited herein.
[0057] The technical scheme of the embodiment of the present application switches the currently displayed page from the first item collection page to the item detail page and then to the second item collection page under the target module, which enables the user to first understand the target item that the user initially desires to understand and then understand the related items related to the target item, thereby improving the overall exposure rate of the items under each module and better meeting the user demand.
[0058] Figure 3 is a flowchart of another page display method provided in the embodiment of the present application. The present embodiment is optimized on the basis of the above technical schemes. In the present embodiment, optionally, at least one item category is pre-configured under the target module, and the currently displayed page is switched from the first item collection page to the second item collection page under the target module, comprising: for the target category to which the target item belongs, in the case that the target category exists in all item categories, the currently displayed page is switched from the first item collection page to the second item collection page under the target category of the target module. Wherein, the same or corresponding terms as in the above embodiments are not repeated here.
[0059] Referring to Figure 3 The method of the present embodiment can specifically include the following steps:
[0060] S310, display a first item collection page under the first module, wherein each first item represented by the first item collection page corresponds to a corresponding second module.
[0061] S320, in response to an item selection operation on the first item collection page, for a target category to which a target item selected from the first items belongs and a target module, if the target category exists in each item category pre-configured for the target module, switch the currently displayed page from the first item collection page to a second item collection page under the target category of the target module, wherein each second module includes the target module.
[0062] The second module is divided according to the item category to realize the classified display of each second item. On this basis, for the target category to which the target item belongs, if the target category exists in each item category pre-configured for the target module, it means that the target item exists under the target module, that is, the target item exists under the target module for supply, so the currently displayed page can be switched from the first item collection page to the second item collection page under the target module, especially the second item collection page under the target category of the target module, which makes the user can browse the target item in the second item collection page, avoids guiding the user to the page that cannot meet the initial expectation (i.e. understanding and obtaining the target item) of the user, and affects the user experience; secondly, the user can browse the items closely related to the target item, that is, the items under the same item category in the same second module, so as to facilitate the user to obtain the item.
[0063] It should be noted that in the case of applying the above page display method on the terminal device (i.e. front end), the implementation process of determining whether the target category exists in each item category can be performed by the front end or the server (i.e. back end), which can be set according to actual needs, and is not limited here.
[0064] On this basis, optionally, the number of item categories is at least two, and the above page display method can further include: for the first information representing the target category and the second information representing the item categories other than the target category, displaying the first information based on a preset first display mode and displaying the second information based on a preset second display mode, wherein the highlight degree of the first display mode on the display effect is greater than that of the second display mode.
[0065] The first information can be understood as information representing the target category, and the second information can be understood as information representing the item categories other than the target category. Based on this, and considering the application scenarios that may be involved in the embodiments of this invention, optionally, this information can be represented by text and / or icons, etc., which can be set according to actual needs and is not specifically limited here.
[0066] The system displays the first information using a first display method and the second information using a second display method, highlighting the first information in contrast to the second information. This highlighting can be achieved through techniques such as highlighting and / or bolding, allowing users to quickly identify the category of their previously selected item. Optionally, the first and second information can be displayed on or outside the second item collection page, depending on actual needs; no specific limitations are specified here.
[0067] The technical solution of this invention determines whether the target module can supply the target item by judging whether there is a target category to which the target item belongs among the item categories pre-configured for the target module. If it can supply the target item, the first item collection page is switched to the second item collection page under the target category of the target module. This allows the user to browse the target item on the second item collection page, avoiding guiding the user to a page that cannot meet their initial expectations (i.e., to understand and obtain the target item), thus affecting the user experience. Secondly, it allows the user to browse items closely related to the target item, that is, items under the same item category in the same second module, thereby prompting the user to obtain the item.
[0068] Based on this, an optional technical solution, when a target category exists among all item categories, is to switch the currently displayed page from the first item collection page to the second item collection page under the target category of the target module, including:
[0069] If the target category exists in all item categories and the first store exists in all second stores, the currently displayed page will be switched from the first item collection page to the second item collection page under the target category of the target module.
[0070] Among them, for the triggering object of the item selection operation, the first distance condition corresponding to the first module and the second distance condition corresponding to the target module, the first store is a store that can provide the target item and whose first distance from the triggering object meets the first distance condition, and the second store is a store whose second distance from the triggering object meets the second distance condition.
[0071] The triggering object can be understood as the object that triggers the item selection operation, namely the user mentioned above.
[0072] The first distance condition can be understood as a pre-configured condition related to distance for the first module, used to characterize the coverage area of the first module. For example, it could be the first distance between the module and the user within a certain range, or the first distance ranked in the top N when sorting distances from nearest to farthest. This can be set according to actual needs and is not specifically limited here. The first store can be understood as a store that can provide the target item (i.e., has non-zero inventory) and meets the first distance condition. The second distance condition is similar and will not be elaborated further. The second store can be understood as a store that meets the second distance condition.
[0073] It should be noted that the two distance conditions mentioned above can be the same or different, especially different. In this case, the first distance condition is usually more lenient than the second distance condition, that is, the radiation range of the first module is usually larger than that of the target module. This means that the target items that can be provided under the first module may not be provided under the target module. Therefore, in addition to the item category, the supply can also be judged in conjunction with the store.
[0074] If the target category to which the target item belongs is configured under the target module and the store that can provide the target item is configured under the target module (i.e., the first store exists among all the second stores), it means that there is supply. In this case, the currently displayed page will be switched from the first item collection page to the second item collection page under the target category.
[0075] For example, suppose the five stores closest to the user are, in order, store A, store B, store C, store D, and store E, where stores C and D provide the target item. Given that the first distance condition is the distance between the top 5 stores and the second distance condition is the distance between the top 3 stores, then the second stores are stores A, B, and C, and the first stores are stores C and D. This means that the first stores exist within all the second stores. If the target category is pre-configured under the target module, it indicates supply, and the second item collection page under the target category can be displayed. Based on this, it can be understood that the second items represented by this second item collection page can originate from stores A, B, and C with non-zero inventory, and are not limited to store C.
[0076] The above technical solution, based on product categories, refines the supply judgment process and improves the accuracy of supply judgment by combining it with the joint supply judgment of stores.
[0077] Another alternative technical solution, the above page display method, also includes:
[0078] If the target category does not exist in any of the item categories, the currently displayed page will be switched from the first item collection page to the item details page of the target item.
[0079] If the target category is not pre-configured under the target module, it means that the target item is not available under the target module. In this case, it cannot be associated with the target module. The currently displayed page can be switched from the first item collection page to the item details page, instead of switching to the second item collection page under the target module. This avoids guiding users to a page that does not meet their initial expectations and affecting the user experience.
[0080] Optionally, the item details page can be displayed on the first item collection page. The above page display method also includes: in response to a trigger operation on a target control on the item details page, exiting the item details page to switch the currently displayed page from the item details page to the first item collection page.
[0081] The above technical solution displays the item details page on the first item collection page, that is, it displays the item details page under the first module. Therefore, by exiting the item details page, the currently displayed page can be directly switched from the item details page to the first item collection page, thereby improving the page switching efficiency.
[0082] Figure 4 This is a flowchart of another page display method provided in this embodiment of the invention. This embodiment is based on and optimized from the above-described technical solutions. This embodiment is implemented through a front-end (i.e., client) deployed in a terminal device. The explanations of terms that are the same as or corresponding to those in the above embodiments will not be repeated here.
[0083] See Figure 4 , Figure 5 and Figure 6 The method in this embodiment may specifically include the following steps:
[0084] S410. In response to an access request for a target channel in a target zone, display the first item collection page under the first module, the first control of the first module, and the second control of each second module.
[0085] For example, a user clicks on a target area (such as...) Figure 6 The target channel in section 3) of the special zone (e.g. Figure 6 Channel 1) Triggers an access request. After detecting the access request, the frontend can query the backend for module information of each module under the target channel and description information of the first item under the first module. Then, based on the information returned by the backend, it renders and displays the information to the user. For example... Figure 6 As shown, module floor 10 and the first item collection page 20 are displayed. Module floor 10 displays module control 101 of the first module and multiple module controls of the second module (such as...). Figure 6The second module 1 (module control 102) and the second module 2 (module control 103) can be presented through icons and / or text; the first item collection page 20 displays multiple item cards (such as... Figure 6 The four item cards (201-204) contain descriptions of the corresponding first item.
[0086] S420. In response to the item selection operation for the first item collection page, for the selected target item in each first item and the target module corresponding to the target item in each second module, if the target item is supplied under the target module, execute S430-S440; otherwise, execute S450.
[0087] For example, a user clicks on an item card (such as...) Figure 6 Clicking on the item card 201 of the first item 1 (as shown in the image) triggers an item selection operation. After detecting the item selection operation, the front end transmits the item information of the selected target item (i.e., the first item 1) (such as the store identifier 1 of the first store that can supply the target item under the first module, the stock keeping unit (SKU) of the target item, and the category identifier 1 of the target category to which the target item belongs, etc.) and the module identifier of the target module corresponding to the target item to the back end. This allows the back end to query and return the product details based on the received SKU, and to determine whether the target item is supplied under the target module based on the received store identifier 1, category identifier 1, module identifier, and the category identifier 2 of the item category pre-configured for the target module and the store identifier 2 of the second store corresponding to the target module (supply exists when all category identifiers 2 include category identifier 1 and all store identifiers 2 include store identifier 1, otherwise no supply exists). Then, if there is a supply, the front end queries the description information of the second item under the target category of the target module and returns the queried description information to the front end.
[0088] S430. Highlight the item cards representing the target items in the target category under the target module and the second item collection page under the target category, and display the item details page of the target item under the target category.
[0089] For example, see Figure 6 Assuming the target module is the second module 1 and the target category is item category 1, then the corresponding target item (i.e., the item in the second item collection page 50 under item category 1) will be selected. Figure 6The item card 501 of the first item 1 (or second item 1) is placed on top and highlighted, and the category control 401 of item category 1 in category floor 40 is highlighted. The item details page 30 is displayed under the second module 1, especially under item category 1, for example, through a pop-up layer. It is understood that because the item details page 30 is displayed above the second item collection page 50, the aforementioned top placement and / or highlighting effects may be obscured and not be visible.
[0090] S440. In response to a trigger operation on a target control on the item details page, exit the item details page to display a second item collection page.
[0091] For example, the target control can be Figure 6 The target control 1301 that has the function of adding items to the cart can also be Figure 6 The target control 2302 has a page exit function.
[0092] Based on this, when the front end detects a trigger operation on target control 1 301, it indicates that the user needs to add the target item to the shopping cart. The target item can then be added to the shopping cart, and the pop-up layer will be exited to display the second item collection page 50. At this time, the category control 401 of item category 1 and the item card 501 of the target item will both be highlighted.
[0093] When the front end detects a trigger operation on target control 2 302, it means that the user will exit the pop-up layer without adding to the purchase. The pop-up layer will then exit to display the second item collection page 50. At this time, the category control 401 of item category 1 and the item card 501 of the target item will both be highlighted.
[0094] S450. Display the item details page of the target item under the first module.
[0095] For example, if the target item is not available in the target module, the item details page 30 can be displayed directly in the first module, for example, by displaying the item details page 30 in the form of a pop-up layer.
[0096] The technical solution of this invention allows for intelligent association of a corresponding second module when a user triggers a first item under a first module. This breaks down the information silos between the second and first modules, enabling users to quickly browse the second item under the second module and improving the user's browsing experience.
[0097] Figure 7This is a structural block diagram of a page display device provided in an embodiment of the present invention. This device is used to execute the page display method provided in any of the above embodiments. This device and the page display methods of the above embodiments belong to the same inventive concept. Details not described in detail in the embodiments of the page display device can be found in the embodiments of the above page display methods. See also... Figure 7 The device may specifically include: a first item collection page display module 510 and a second item collection page display module 520. Among them,
[0098] The first item collection page display module 510 is used to display the first item collection page under the first module, wherein each first item represented by the first item collection page corresponds to a corresponding second module;
[0099] The second item collection page display module 520 is used to switch the currently displayed page from the first item collection page to the second item collection page under the target module in response to the item selection operation of the first item collection page. The target module is the second module corresponding to the target item, and the target item is the selected first item.
[0100] Optionally, the second item collection page display module 520 may include:
[0101] The Item Details Page Display submodule is used to switch the currently displayed page from the first item collection page to the item details page for the target item.
[0102] The first display submodule of the second item collection page is used to switch the currently displayed page from the item details page to the second item collection page under the target module in response to the trigger operation of the target control on the item details page.
[0103] Optionally, the item details page can be displayed on the second item collection page. The second item collection page display sub-modules may include:
[0104] The second item collection page display unit is used to exit the item details page and switch the currently displayed page from the item details page to the second item collection page under the target module.
[0105] Optionally, the target module may have at least one item category pre-configured, and the second item collection page display module 520 may include:
[0106] The second item collection page is a second display submodule. It is used to switch the currently displayed page from the first item collection page to the second item collection page under the target category of the target module, if the target category exists in all item categories.
[0107] Based on this, optionally, the number of item categories is at least two, and the aforementioned page display device also includes:
[0108] The information display module is used to display the first information, which represents the target category, and the second information, which represents the item category other than the target category, based on a preset first display method and a preset second display method. The first display method has a greater degree of prominence in display effect than the second display method.
[0109] Alternatively, the second display submodule of the second item collection page may include:
[0110] The second item collection page display unit is used to switch the currently displayed page from the first item collection page to the second item collection page under the target category of the target module when the target category exists in all item categories and the first store exists in all second stores.
[0111] Among them, for the triggering object of the item selection operation, the first distance condition corresponding to the first module and the second distance condition corresponding to the target module, the first store is a store that can provide the target item and whose first distance from the triggering object meets the first distance condition, and the second store is a store whose second distance from the triggering object meets the second distance condition.
[0112] Alternatively, the aforementioned page display device may also include:
[0113] The item details page display module is used to switch the currently displayed page from the first item collection page to the item details page of the target item when the target item does not exist in all item categories.
[0114] Optionally, the item details page is displayed as a pop-up on the first item collection page. The aforementioned page display device also includes:
[0115] The page switching module is used to respond to the trigger operation of the target control on the item details page, exit the item details page, and switch the currently displayed page from the item details page to the first item collection page.
[0116] Optionally, the second item collection page contains descriptions of at least two second items, each of which includes the target item;
[0117] The description information of the target item on the second item collection page is displayed based on the preset third display method, and the description information of the second items other than the target item on the second item collection page is displayed based on the preset fourth display method. Among them, the third display method is more prominent in terms of display effect than the fourth display method.
[0118] The page display device provided in this embodiment of the invention displays a first item collection page under a first module through a first item collection page display module, and then, through a second item collection page display module, when an item selection operation is detected on the first item collection page, the currently displayed page is switched from the first item collection page to the second item collection page under the target module for the selected target item among the first items represented by the first item collection page and the target module corresponding to the target item in each second module. This device, by linking the first and second modules for page display, significantly reduces the interaction path for users to find the second item, allowing users to easily browse the second item.
[0119] The page display device provided in the embodiments of the present invention can execute the page display method provided in any embodiment of the present invention, and has the corresponding functional modules and beneficial effects of the method execution.
[0120] It is worth noting that in the embodiments of the above-mentioned page display device, the various units and modules included are only divided according to functional logic, but are not limited to the above division, as long as the corresponding functions can be achieved; in addition, the specific names of each functional unit are only for easy differentiation and are not used to limit the scope of protection of the present invention.
[0121] Figure 8 A schematic diagram of an electronic device 10 that can be used to implement embodiments of the present invention is shown. The electronic device is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processors, cellular phones, smartphones, wearable devices (e.g., helmets, glasses, watches, etc.), and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely illustrative and are not intended to limit the implementation of the invention described and / or claimed herein.
[0122] like Figure 8As shown, the electronic device 10 includes at least one processor 11 and a memory, such as a read-only memory (ROM) 12 or a random access memory (RAM) 13, communicatively connected to the at least one processor 11. The memory stores computer programs executable by the at least one processor. The processor 11 can perform various appropriate actions and processes based on the computer program stored in the ROM 12 or loaded into the RAM 13 from storage unit 18. The RAM 13 can also store various programs and data required for the operation of the electronic device 10. The processor 11, ROM 12, and RAM 13 are interconnected via a bus 14. An input / output (I / O) interface 15 is also connected to the bus 14.
[0123] Multiple components in electronic device 10 are connected to I / O interface 15, including: input unit 16, such as keyboard, mouse, etc.; output unit 17, such as various types of displays, speakers, etc.; storage unit 18, such as disk, optical disk, etc.; and communication unit 19, such as network card, modem, wireless transceiver, etc. Communication unit 19 allows electronic device 10 to exchange information / data with other devices through computer networks such as the Internet and / or various telecommunications networks.
[0124] Processor 11 can be a variety of general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of processor 11 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special-purpose artificial intelligence (AI) computing chips, various processors running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. Processor 11 performs the various methods and processes described above, such as page display methods.
[0125] In some embodiments, the page display method may be implemented as a computer program tangibly contained in a computer-readable storage medium, such as storage unit 18. In some embodiments, part or all of the computer program may be loaded and / or installed on electronic device 10 via ROM 12 and / or communication unit 19. When the computer program is loaded into RAM 13 and executed by processor 11, one or more steps of the page display method described above may be performed. Alternatively, in other embodiments, processor 11 may be configured to perform the page display method by any other suitable means (e.g., by means of firmware).
[0126] Various embodiments of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), systems-on-chip (SoCs), complex programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various embodiments may include implementations in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which may be a dedicated or general-purpose programmable processor, capable of receiving data and instructions from a storage system, at least one input device, and at least one output device, and transmitting data and instructions to the storage system, the at least one input device, and the at least one output device.
[0127] Computer programs used to implement the methods of the present invention can be written in any combination of one or more programming languages. These computer programs can be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing device, such that when executed by the processor, the computer programs cause the functions / operations specified in the flowcharts and / or block diagrams to be implemented. The computer programs can be executed entirely on a machine, partially on a machine, as a standalone software package partially on a machine and partially on a remote machine, or entirely on a remote machine or server.
[0128] In the context of this invention, a computer-readable storage medium can be a tangible medium that may contain or store a computer program for use by or in conjunction with an instruction execution system, apparatus, or device. A computer-readable storage medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination thereof. Alternatively, a computer-readable storage medium may be a machine-readable signal medium. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.
[0129] To provide interaction with a user, the systems and techniques described herein can be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and pointing device (e.g., a mouse or trackball) through which the user provides input to the electronic device. Other types of devices can also be used to provide interaction with the user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including sound input, voice input, or tactile input).
[0130] The systems and technologies described herein can be implemented in computing systems that include backend components (e.g., as data servers), or computing systems that include middleware components (e.g., application servers), or computing systems that include frontend components (e.g., user computers with graphical user interfaces or web browsers through which users can interact with implementations of the systems and technologies described herein), or any combination of such backend, middleware, or frontend components. The components of the system can be interconnected via digital data communication of any form or medium (e.g., communication networks). Examples of communication networks include local area networks (LANs), wide area networks (WANs), blockchain networks, and the Internet.
[0131] A computing system can include clients and servers. Clients and servers are generally located far apart and typically interact through communication networks. The client-server relationship is created by computer programs running on the respective computers and having a client-server relationship with each other. The server can be a cloud server, also known as a cloud computing server or cloud host, which is a hosting product within the cloud computing service system to address the shortcomings of traditional physical hosts and VPS services, such as high management difficulty and weak business scalability.
[0132] In particular, according to embodiments of the present invention, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments of the present invention include a computer program product comprising a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for performing the methods shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via communication unit 19, or installed from storage unit 18, or installed from ROM 12. When the computer program is executed by processor 11, it performs the functions defined in the methods of the embodiments of the present invention.
[0133] It should be understood that the various forms of processes shown above can be used, with steps reordered, added, or deleted. For example, the steps described in this invention can be executed in parallel, sequentially, or in different orders, as long as the desired result of the technical solution of this invention can be achieved, and this is not limited herein.
[0134] The specific embodiments described above do not constitute a limitation on the scope of protection of this invention. Those skilled in the art should understand that various modifications, combinations, sub-combinations, and substitutions can be made according to design requirements and other factors. Any modifications, equivalent substitutions, and improvements made within the spirit and principles of this invention should be included within the scope of protection of this invention.
Claims
1. A page display method, characterized in that, include: Display the first item collection page under the first module, wherein each first item represented by the first item collection page corresponds to a corresponding second module; In response to an item selection operation on the first item collection page, the currently displayed page is switched from the first item collection page to the second item collection page under the target module, wherein the target module is the second module corresponding to the target item, and the target item is the selected first item.
2. The method according to claim 1, characterized in that, Switching the currently displayed page from the first item collection page to the second item collection page under the target module includes: For the item details page of the target item, the currently displayed page is switched from the first item collection page to the item details page; In response to a trigger operation on a target control on the item details page, the currently displayed page is switched from the item details page to the second item collection page under the target module.
3. The method according to claim 2, characterized in that, The item details page is displayed as a pop-up on the second item collection page. Switching the currently displayed page from the item details page to the second item collection page under the target module includes: Exit the item details page to switch the currently displayed page from the item details page to the second item collection page under the target module.
4. The method according to claim 1, characterized in that, At least one item category is pre-configured under the target module. Switching the currently displayed page from the first item collection page to the second item collection page under the target module includes: If the target category exists in all the item categories, the currently displayed page will be switched from the first item collection page to the second item collection page under the target category of the target module.
5. The method according to claim 4, characterized in that, The number of item categories is at least two, and the method further includes: For the first information used to represent the target category and the second information used to represent the item category other than the target category, the first information is displayed based on a preset first display method and the second information is displayed based on a preset second display method. Among them, the first display method is more prominent in terms of display effect than the second display method.
6. The method according to claim 4, characterized in that, When the target category exists in all the item categories, switching the currently displayed page from the first item collection page to the second item collection page under the target category of the target module includes: If the target category exists in all the item categories and the first store exists in all the second stores, the currently displayed page will be switched from the first item collection page to the second item collection page under the target category of the target module. Specifically, regarding the triggering object for the item selection operation, the first distance condition corresponding to the first module, and the second distance condition corresponding to the target module, the first store is a store that can provide the target item and whose first distance from the triggering object satisfies the first distance condition, and the second store is a store whose second distance from the triggering object satisfies the second distance condition.
7. The method according to claim 4, characterized in that, Also includes: If the target category does not exist in any of the item categories, the currently displayed page will be switched from the first item collection page to the item details page of the target item.
8. The method according to claim 7, characterized in that, The item details page is displayed on the first item collection page, and the method further includes: In response to a trigger operation on a target control on the item details page, exit the item details page to switch the currently displayed page from the item details page to the first item collection page.
9. The method according to claim 1, characterized in that, The second item collection page contains descriptions of at least two second items, each of which includes the target item; The description information of the target item on the second item collection page is displayed based on a preset third display method, and the description information of the second items other than the target item on the second item collection page is displayed based on a preset fourth display method. Among them, the third display method is more prominent in terms of display effect than the fourth display method.
10. A page display device, characterized in that, include: The first item collection page display module is used to display the first item collection page under the first module, wherein each first item represented by the first item collection page corresponds to a corresponding second module; The second item collection page display module is used to switch the currently displayed page from the first item collection page to the second item collection page under the target module in response to the item selection operation of the first item collection page. The target module is the second module corresponding to the target item, and the target item is the selected first item.
11. An electronic device, characterized in that, include: At least one processor; as well as A memory communicatively connected to the at least one processor; wherein, The memory stores a computer program that can be executed by the at least one processor, the computer program being executed by the at least one processor to cause the at least one processor to perform the page display method as described in any one of claims 1-9.
12. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores computer instructions that cause a processor to execute the page display method as described in any one of claims 1-9.
13. A computer program product, characterized in that, The computer program product includes a computer program that, when executed by a processor, implements the page display method as described in any one of claims 1-9.