Information display method and device, storage medium and electronic device
By displaying horizontally distributed tabs on the target page, the problem of cumbersome operation caused by too much page information is solved, and the efficiency of users quickly obtaining information about the same object is improved.
Patent Information
- Application Number
- CN202310179879.X
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2023-02-16
- Publication Date
- 2025-11-21
- Estimated Expiration
- 2043-02-16
AI Technical Summary
When there is too much information on a page, the top-to-bottom arrangement in existing technologies makes browsing cumbersome and inefficient for users.
The target page displays target cards, which include multiple horizontally distributed tabs. Each tab displays object information for the main object or its sub-objects, and displays the corresponding information when selected. Users can quickly view the information they need by switching between tabs.
By using a horizontally distributed tab design, users can intuitively obtain information about the same object, simplifying the operation process and improving the efficiency of information retrieval.
Smart Images

Figure CN115994011B_ABST
Abstract
Description
TECHNICAL FIELD
[0001] The present disclosure relates to the technical field of computer, in particular, to an information display method and device, a storage medium and an electronic device. BACKGROUND
[0002] Generally, in a page, all information of the page is displayed in a top-to-bottom arrangement, and the user adjusts the displayed content of the page by swiping up and down on the page. However, in the top-to-bottom arrangement, when the information to be displayed in the page increases, the page tends to be very long, which results in that the user's operation is cumbersome and the efficiency is very low in the process of browsing information. SUMMARY
[0003] This summary is provided to introduce a selection of concepts that are further described below in the detailed description. This summary is not intended to identify key or essential features of the claimed subject matter, nor is it used to limit the scope of the claimed subject matter.
[0004] In a first aspect, the present disclosure provides an information display method, comprising:
[0005] displaying a target page;
[0006] in response to an adding request of adding a target object to the target page, displaying a target card in a target area of the target page, wherein the target object comprises a main object and a sub-object, the target card comprises a plurality of horizontally distributed tabs, each of the tabs is used to display object information corresponding to the main object or the sub-object, and the tab displays the object information corresponding to the tab in the target card when the tab is in a selected state.
[0007] In a second aspect, the present disclosure provides an information display device, comprising:
[0008] a first display module configured to display a target page;
[0009] a second display module configured to, in response to an adding request of adding a target object to the target page, display a target card in a target area of the target page, wherein the target object comprises a main object and a sub-object, the target card comprises a plurality of horizontally distributed tabs, each of the tabs is used to display object information corresponding to the main object or the sub-object, and the tab displays the object information corresponding to the tab in the target card when the tab is in a selected state.
[0010] In a third aspect, the present disclosure provides a computer readable storage medium having stored thereon a computer program which, when executed by a processing apparatus, implements the steps of the method of the first aspect.
[0011] In a fourth aspect, the present disclosure provides an electronic device comprising:
[0012] a storage device having stored thereon a computer program;
[0013] a processing apparatus configured to execute the computer program stored in the storage device to implement the steps of the method of the first aspect.
[0014] According to the above technical solution, by displaying the target card in the target page, and the target card comprising a plurality of horizontally distributed tabs, each tab being configured to display object information corresponding to a main object or a sub-object, and the tab being configured to display object information corresponding to the tab in the target card when the tab is in a selected state, the user can intuitively obtain information belonging to the same object in the target page when the target page needs to display a large amount of information. Furthermore, the object information of the target object to be viewed can be quickly switched in the target card based on the switching operation of the user on the tab, simplifying the operation process of the user, thereby improving the efficiency of the user.
[0015] Other features and advantages of the present disclosure will be described in detail in the following detailed description. BRIEF DESCRIPTION OF DRAWINGS
[0016] The above and other features, advantages, and aspects of embodiments of the present disclosure will become more apparent by describing in detail exemplary embodiments thereof with reference to the attached drawings in which:
[0017] Figure 1 is a flowchart of an information display method according to an exemplary embodiment.
[0018] Figure 2 is a schematic diagram of a target page according to an exemplary embodiment.
[0019] Figure 3 is a schematic diagram of a commodity selection page according to an exemplary embodiment.
[0020] Figure 4 is a schematic diagram of a target card according to an exemplary embodiment.
[0021] Figure 5 is a schematic diagram of a target card according to another exemplary embodiment.
[0022] Figure 6 is a flowchart of an information display method according to another exemplary embodiment.
[0023] Figure 7 is a schematic diagram of a first information filling box according to an exemplary embodiment.
[0024] Figure 8 is a flowchart of an information display method according to yet another exemplary embodiment.
[0025] Figure 9 is a schematic diagram of a target pop-up window according to an exemplary embodiment.
[0026] Figure 10 is a flowchart of an information display method according to another exemplary embodiment.
[0027] Figure 11 is a schematic diagram of a second information filling box according to an exemplary embodiment.
[0028] Figure 12 is a schematic diagram of a first identifier and a second identifier according to an exemplary embodiment.
[0029] Figure 13 is a schematic diagram of a switching button according to an exemplary embodiment.
[0030] Figure 14 is a schematic diagram of a floating control according to an exemplary embodiment.
[0031] Figure 15 is a schematic diagram of a module connection of an information display device according to an exemplary embodiment.
[0032] Figure 16 is a schematic diagram of a structure of an electronic device according to an exemplary embodiment. DETAILED DESCRIPTION
[0033] Embodiments of the present disclosure will be described more fully hereinafter with reference to the accompanying drawings, in which some, but not all embodiments of the present disclosure are shown. Understanding that these drawings depict only some embodiments of the present disclosure and are not therefore to be considered to be limiting the scope of the present disclosure, the embodiments will be described and explained with additional specificity and detail through the use of the accompanying drawings in which:
[0034] It should be understood that each of the steps of the method embodiments of the present disclosure can be performed in a different order, and / or in parallel. Furthermore, the method embodiments can include additional steps and / or omit performing the steps shown. The scope of the present disclosure is not limited in this respect.
[0035] As used herein, the term "includes" and its variants are to be read to be analogous to "comprises," or "comprising." The term "based on" is to be read as "based, at least in part, on." The term "one embodiment" means "at least one embodiment." The term "another embodiment" means "at least one additional embodiment." The term "some embodiments" means "at least some embodiments." Related definitions are given in the description below.
[0036] It should be noted that the terms "first", "second", etc. mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not intended to limit the order or interdependence of the functions performed by these devices, modules or units.
[0037] It should be noted that the modification of "one" or "multiple" mentioned in the present disclosure is illustrative rather than limiting, and those skilled in the art should understand that unless the context clearly indicates otherwise, it should be understood as "one or more".
[0038] The names of the messages or information exchanged between the plurality of devices in the embodiments of the present disclosure are only for illustrative purposes, and are not intended to limit the scope of the messages or information.
[0039] It can be understood that before using the technical solutions disclosed in the embodiments of the present disclosure, the type, use range, use scenario, etc. of the personal information involved in the present disclosure should be informed to the user and the authorization of the user should be obtained through appropriate means in accordance with relevant laws and regulations.
[0040] For example, in response to receiving the active request of the user, the user is sent prompt information to explicitly prompt the user that the operation requested to be performed will require obtaining and using the personal information of the user. Thus, the user can voluntarily choose whether to provide personal information to the software or hardware such as electronic device, application program, server or storage medium, etc. that performs the operation of the technical solutions of the present disclosure according to the prompt information.
[0041] As an optional but non-limiting implementation manner, in response to receiving the active request of the user, the manner of sending prompt information to the user may, for example, be a pop-up window manner, and the prompt information may be presented in the form of text in the pop-up window. In addition, the pop-up window may also carry selection controls for the user to select "agree" or "disagree" to provide personal information to the electronic device.
[0042] It can be understood that the above notification and user authorization process is only illustrative and does not limit the implementation of the present disclosure, and other ways that meet the relevant laws and regulations can also be applied to the implementation of the present disclosure.
[0043] Meanwhile, it can be understood that the data involved in the technical solution (including but not limited to the data itself, acquisition or use of the data) should comply with the requirements of relevant laws, regulations and provisions.
[0044] Figure 1 is a flowchart of an information display method according to an exemplary embodiment. As shown in Figure 1 , the present disclosure provides an information display method, which can be executed by an electronic device, specifically, by an information display apparatus, which can be implemented in software and / or hardware, and configured in the electronic device. As shown in Figure 1 , the method can include the following steps.
[0045] In step 110, a target page is displayed.
[0046] Here, the target page can be an activity form page for displaying product information. For example, when a user needs to create a sales activity in an application, the electronic device displays the target page in response to a creation request.
[0047] Figure 2 is a schematic diagram of a target page according to an exemplary embodiment. As shown in Figure 2 , the electronic device can display a target page as shown in Figure 2 , which is used to create a target sales activity.
[0048] It should be noted that in Figure 2 , the character "X" is only used to represent that there is a character at the position of the character "X", but the character is irrelevant to the understanding of the technical solution of the present disclosure, and therefore represented by the character "X".
[0049] In step 120, in response to an addition request of adding a target object to the target page, a target card is displayed in a target area of the target page, wherein the target object includes a main object and a sub-object, the target card includes a plurality of horizontally distributed tabs, each of the tabs is used to display object information corresponding to the main object or the sub-object, and the tab displays the object information corresponding to the tab in the target card when the tab is in a selected state.
[0050] Here, the addition request of adding a target object to the target page can be triggered by clicking the "add product" button in the target page. For example, the user triggers the addition request by clicking the "add product" button of the target page as shown in Figure 2 , and the electronic device displays a product selection card in response to the addition request. The electronic device displays a target card in a target area of the target page in response to a selection operation of a target product on the product selection card.
[0051] Figure 3 This is a schematic diagram of a product selection page provided according to an exemplary embodiment. For example... Figure 3 As shown, when the user clicks Figure 2 When the "Add Product" button is displayed on the target page, a message such as "Add Product" can be shown on the side of the target page. Figure 3 The product selection card shown allows users to choose from pre-created main products and other channel products. Users can also create new main products and / or channel products within this selection card.
[0052] It is worth noting that the product selection card can be displayed as a card on the side of the target page, or it can be displayed as a separate page.
[0053] The target object may include a main object and sub-objects, with a master-slave relationship between them. For example, the main object may be a main product, and the sub-objects may be channel products. It should be understood that the number of main objects and sub-objects is not limited in this embodiment. In specific implementations, the target object may include one main object and multiple sub-objects, or it may include multiple sub-objects and multiple sub-sub-objects.
[0054] The target card may include multiple tabs, each tab is used to display object information corresponding to the main object or the sub-object.
[0055] For example, when the target object is a product, the object information can be product information, which may include the product's image information, name information, type information, and specification information (SKU), etc. It should be understood that the same product can have multiple different specification information entries. For example, for clothing, it can have different sizes, colors, and other specifications.
[0056] It's worth noting that a target card is a card used to display information about a target object. This target object can be a group that includes a main object and its sub-objects. When multiple target objects exist on a target page, multiple target cards will be displayed on the target page.
[0057] Figure 4 This is a schematic diagram of a target card provided according to an exemplary embodiment. For example... Figure 4As shown, the target card includes six tabs: "Main Product," "Channel Product 1," "Channel Product 2," "Channel Product 3," "Channel Product 4," and "Channel Product 5." The "Main Product" tab displays information about the main product, while the "Channel Product 1," "Channel Product 2," "Channel Product 3," "Channel Product 4," and "Channel Product 5" tabs display information about products from different channels. It should be understood that the name of each tab can be determined based on the information it displays. For example, if the tab displays product information, the tab name can be determined by the first N characters of the product name. Alternatively, the name of each tab can be determined based on the type of the target object it corresponds to. For example, if the target object includes a main object and sub-objects, the tab name can be determined based on the types of the main object and sub-objects.
[0058] Multiple tabs can be arranged horizontally within the target card, and when each tab is selected, the corresponding object information is displayed in the target card. For example... Figure 4 As shown, the "Main Product" tab, "Channel Product 1" tab, "Channel Product 2" tab, "Channel Product 3" tab, "Channel Product 4" tab, and "Channel Product 5" tab are horizontally distributed in the target card. When the "Main Product" tab is selected, the product information corresponding to the main product is displayed in the target card. Additionally, users can click to select other tabs to switch between them. For example, a user can click the "Channel Product 1" tab; if the "Channel Product 1" tab is selected, the product information corresponding to that tab will be displayed in the target card.
[0059] It is worth noting that multiple tabs are horizontally distributed in the target card. When the target object includes a main object and sub-objects, the object information of the main object or sub-object can be displayed separately through multiple tabs, so that users can easily obtain or fill in information in the target card.
[0060] Additionally, the target card can include a tab container for setting multiple tabs. If the tab container cannot display all tabs, different tabs can be switched by swiping the container. For example, the tab container can be configured with left / right toggle buttons; users can click these buttons and swipe the container to display different tabs.
[0061] Thus, by displaying the target card in the target page, and the target card including a plurality of horizontally distributed tabs, each tab being used to display object information corresponding to a main object or a sub-object, and the tab displaying the object information corresponding to the tab in the target card in the case that the tab is in a selected state, in the case that the target page needs to display more information, the user can intuitively obtain information belonging to the same object in the target page. Moreover, the object information of the target object to be viewed can be quickly switched in the target card based on the switching operation of the user on the tab, simplifying the operation process of the user, thereby improving the efficiency of the user.
[0062] In some other embodiments, if the target object includes one object, the object information of the target object can be directly displayed in the target card.
[0063] Here, the target object including one object can refer to the target object including one main object or including one sub-object.
[0064] Figure 5 is a schematic diagram of a target card according to another exemplary embodiment. As Figure 5 shown, in the case that the target object includes one main commodity, the target card directly displays the commodity information of the main commodity, without displaying the commodity information of the main commodity through the tab.
[0065] Thus, in the case that the target object includes one object, by directly displaying the object information of the target object in the target card, the information of the target object can be intuitively displayed.
[0066] In yet some other embodiments, the electronic device can occupy the full screen with the target card in response to a zoom-in operation on the target card.
[0067] Here, the "zoom-in" button can be included in the target card, and the user triggers the zoom-in operation on the target card by clicking the "zoom-in" button. The electronic device occupies the full screen with the target card when detecting the zoom-in operation on the target card, so that the user can view or fill in information in the target card displayed in full screen.
[0068] It is worth noting that the target card can include an information display container, which is used to display the object information of the target object. When the information display container occupies the full screen, it is equivalent to performing an equal ratio zoom-in on the content included in the information display container, so that the zoomed-in content can be easily viewed or filled in by the user.
[0069] In some implementable embodiments, the object information of the target object can include a form item to be filled in.
[0070] Exemplarily, in the case that the target object is a commodity, the form items to be filled in can be specification information of the commodity. For example, the specification information can be the "one-off price" form item, the "active inventory" form item, and the "limit per person" form item as shown in FIG. 7. Figure 4 It should be understood that the form items to be filled in can be customized for different target objects, and the disclosure embodiments only exemplify the form items to be filled in for commodities, which does not mean that the form items can only be the above-mentioned example form items.
[0071] Figure 6 is a flowchart of an information display method according to another exemplary embodiment. As shown in FIG. 8, in some implementable embodiments, the information display method can further include the following steps. Figure 6
[0072] In step 610, a first information fill-in box is displayed in response to a first batch fill-in operation for all the tabs.
[0073] Here, the first batch fill-in operation is an operation for batch filling all the form items corresponding to all the tabs included in the target card, and the electronic device can display the first information fill-in box in the target card in response to the first batch fill-in operation. The first information fill-in box can be generated according to the form items to be filled in. For example, the form items to be filled in can be the "one-off price" form item, the "active inventory" form item, and the "limit per person" form item as shown in FIG. 7, and the first information fill-in box can include the "one-off price", "active inventory", and "limit per person" form items to be filled in. Figure 4
[0074] Figure 7 is a schematic diagram of a first information fill-in box according to an exemplary embodiment. As shown in FIG. 9, when the user clicks the "batch set commodity 1" button 901 in the target card, a first information fill-in box 902 is displayed below the "batch set commodity 1" button 901 in the target card. Figure 7
[0075] In step 620, all the form items of all the tabs included in the target card are filled in according to first fill-in information for the first information fill-in box.
[0076] Here, the first fill-in information for the first information fill-in box can be information input by the user. The electronic device obtains the first fill-in information input by the user through the first information fill-in box, and fills in all the form items of all the tabs included in the target card according to the first fill-in information.
[0077] It is worth mentioning that the first fill-in information input by the user in the first information fill-in box is filled in all form items of all tabs included in the target card in batches. For example, Figure 7 As shown in FIG. 7A, the first fill-in information input by the user in the first information fill-in box 702 is filled in the form items to be filled in corresponding to the “main product” tab, the “channel product one” tab, the “channel product two” tab, the “channel product three” tab, the “channel product four” tab, and the “channel product five” tab in batches.
[0078] Therefore, through the first batch fill-in operation, the user can fill in all form items of all tabs included in the target card in batches, thereby improving the efficiency of the user filling in the object information.
[0079] Figure 8 FIG. 8 is a flowchart of an information display method according to another exemplary embodiment. As shown in FIG. 8, in some implementable embodiments, the information display method can further include the following steps. Figure 8
[0080] In step 810, in response to a first batch fill-in operation for all the tabs, a target pop-up window is displayed, wherein the target pop-up window is used to display the first information fill-in box and to display target objects corresponding to all the tabs included in the target card.
[0081] Here, the first batch fill-in operation is an operation for filling in all form items corresponding to all tabs included in the target card in batches, and the electronic device can display a target pop-up window in the target card in response to the first batch fill-in operation, wherein the target pop-up window is used to display the first information fill-in box and target objects corresponding to all tabs included in the target card.
[0082] Figure 9 FIG. 9 is a schematic diagram of a target pop-up window according to an exemplary embodiment. As shown in FIG. 9, in the target pop-up window, the first information fill-in box 901 and the goods corresponding to all tabs included in the target card are included. For example, as shown in FIG. 9, the target card can include the “main product” tab, the “channel product one” tab, the “channel product two” tab, the “channel product three” tab, the “channel product four” tab, and the “channel product five” tab, and in the target pop-up window, the goods corresponding to the “main product” tab, the “channel product one” tab, the “channel product two” tab, the “channel product three” tab, the “channel product four” tab, and the “channel product five” tab are displayed for the user to select the tab of which the form item needs to be filled in. Figure 9 Figure 4 Figure 4
[0083] In step 820, a first target tab is determined in response to a selection operation on a target object corresponding to the tab of the target pop-up window.
[0084] Here, the selection operation on the target object corresponding to the tab of the target pop-up window can refer to a selection operation triggered by the user by checking the goods to be filled in. The user determines the first target tab by selecting the target object of the target pop-up window.
[0085] It is worth noting that the number of first target tabs can be one or more.
[0086] In step 830, all form items included in the first target tab are filled in according to first fill-in information for the first information fill-in box.
[0087] Here, the first fill-in information for the first information fill-in box can be user input information. The electronic device obtains the first fill-in information input by the user through the first information fill-in box, and fills in all form items of the first target tab in the target card according to the first fill-in information.
[0088] It is worth noting that the first fill-in information input by the user in the first information fill-in box will be batch filled into all form items of all tabs included in the target card. As shown in Figure 9 If the first target tab includes the "main goods" tab, the "channel product three" tab and the "channel product four" tab, the first fill-in information input by the user in the first information fill-in box 901 will be batch filled into the form items to be filled in corresponding to the "main goods" tab, the "channel product three" tab and the "channel product four" tab.
[0089] Therefore, through the first batch fill-in operation, the target pop-up window is displayed, the user can select the target object corresponding to all tabs included in the target pop-up window, thereby customizing the batch fill-in operation on the selected first target tab, thereby improving the efficiency of the user filling in the object information.
[0090] Figure 10 The flowchart of the information display method according to another exemplary embodiment is shown in FIG. 10. As shown in Figure 10 The information display method can further include the following steps in some implementable embodiments.
[0091] In step 1010, a second information fill-in box is displayed in response to a second batch fill-in operation on a second target tab.
[0092] Here, the second target tab can refer to a tab selected by the user from a plurality of tabs included in the target card. The second batch filling operation for the second target tab is an operation for batch filling all form items of the second target tab in the target card, and the electronic device can display the second information filling box in response to the second batch filling operation. It should be understood that the concept of the second information filling box is consistent with that of the first information filling box, and the second information filling box can be generated according to the form items to be filled in the second target tab.
[0093] Figure 11 is a schematic diagram of the second information filling box provided according to an exemplary embodiment. As Figure 11 shown, when the user clicks the "batch setting" button 1101 in the "main commodity" tab, the second information filling box 1102 is displayed below the "batch setting" button 1101 in the "main commodity" tab.
[0094] In step 1020, the form items included in the second target tab are filled in according to the second filling information for the second information filling box.
[0095] Here, the second filling information for the second information filling box can be information input by the user. The electronic device obtains the second filling information input by the user through the second information filling box, and fills all form items of the second target tab in the target card according to the second filling information.
[0096] It should be noted that the second filling information input by the user in the second information filling box is batch filled into all form items of the second target tab in the target card. As Figure 11 shown, the second filling information input by the user in the second information filling box 1102 is batch filled into the form items to be filled in the "main commodity" tab, and is not filled into other tabs.
[0097] Therefore, through the second batch filling operation, the user can batch fill all form items of the second target tab in the target card, thereby improving the efficiency of the user filling the object information.
[0098] In some implementable embodiments, in the case that the form item included in the tab is in an unfilled state or the filling information for the form item is incorrect, a first identifier is displayed in the tab, wherein the first identifier is used to indicate that there is an unfilled or incorrectly filled form item in the tab.
[0099] In some implementable embodiments, a second identifier is displayed in the tab in a case where all the form items included in the tab have been correctly filled in, wherein the second identifier is used to indicate that the form items of the tab have been filled in.
[0100] Here, each tab can carry the first identifier or the second identifier described above. In a case where the form items included in the tab are in an unfilled state or the filled-in information for the form items is incorrect, the first identifier is displayed in the tab to prompt the user to fill in the tab carrying the first identifier. The form items being in an unfilled state can mean that the form items are in a blank state. The filled-in information for the form items being incorrect can mean that the information filled in the form items does not conform to the filling rules of the form items. For example, the filling rule corresponding to the “one-off price” form item is an integer less than 200. If 300 is filled in the “one-off price” form item, the filled-in information for the form items is incorrect.
[0101] In a case where all the form items included in the tab have been correctly filled in, the second identifier is displayed in the tab to indicate that all the form items included in the tab have been correctly filled in and there is no need to fill in the form items of the tab.
[0102] Exemplarily, the first identifier and the second identifier can be any one of a text identifier, a picture identifier, a symbol identifier, and a color identifier.
[0103] Figure 12 is a schematic diagram of the first identifier and the second identifier provided according to an exemplary embodiment. As shown in Figure 12 In the tabs of the target card, the second identifier in the “√ has been set” style can be displayed to indicate that all the form items included in the “main product” tab and the “channel product one” tab have been correctly filled in. The first identifier in the “to be set” style can be displayed to indicate that there are form items that have not been filled in or have been filled in incorrectly in the “channel product two” tab, the “channel product three” tab, the “channel product four” tab, the “channel product five” tab, the “channel product six” tab, the “channel product seven” tab, the “channel product eight” tab, and the “channel product nine” tab.
[0104] Therefore, through the first identifier and the second identifier described above, the user can quickly find the tabs with form items that have not been filled in or have been filled in incorrectly in the target card, thereby assisting the user to quickly fill in all the form items of the tabs and providing the user with information filling efficiency.
[0105] It is worth noting that Figure 9 In the target pop-up window shown in the filling states of all the tabs displayed in the target pop-up window can also be identified through the first identifier and the second identifier.
[0106] In some implementable embodiments, the electronic device can switch to display a third target tab in the target card in response to a triggering operation on a switching button arranged in the tab, wherein the third target tab comprises a tab with a form item in an uncompleted state.
[0107] Here, in each tab of the target card, a switching button can be arranged, and the user can switch to display a third target tab in the target card by clicking the switching button.
[0108] Figure 13 is a schematic diagram of a switching button according to an exemplary embodiment. As Figure 13 shown, the target card currently displays the "main commodity" tab, which has a plurality of form items arranged in a vertical manner and to be filled in. When the user fills in the last form item in the "main commodity" tab, the user can switch to display a third target tab in the target card by clicking the switching button 1301 arranged below the "main commodity" tab, which is "fill in the next channel product".
[0109] The third target tab can be a tab with a form item in an uncompleted state. When the target card comprises one tab with a form item in an uncompleted state, the tab is the third target tab. When the target card comprises a plurality of tabs with form items in an uncompleted state, the third target tab can be determined according to the arrangement order of the plurality of tabs with form items in an uncompleted state. For example, as Figure 13 shown, the "channel product one" tab, the "channel product two" tab, the "channel product three" tab, the "channel product four" tab, the "channel product five" tab, the "channel product six" tab, the "channel product seven" tab, and the "channel product eight" tab all carry the first identifier, and the "channel product one" tab can be determined as the third target tab. That is, when the user clicks the switching button 1301 of "fill in the next channel product", the target card switches from displaying the "main commodity" tab to displaying the "channel product one" tab.
[0110] Therefore, by switching to display a third target tab in the target card in response to a triggering operation on a switching button arranged in the tab, the tab with a form item in an uncompleted state can be quickly displayed after the user completes filling in the form item of the currently displayed tab, thereby improving the information filling efficiency of the user.
[0111] In some implementable embodiments, the electronic device can further display a floating control in a vicinity of the fourth target tab in response to a viewing operation on the fourth target tab, wherein the floating control is configured to display description information of a target object corresponding to the fourth target tab, and the description information includes at least one of image information, name information, and type information of the target object.
[0112] Here, the fourth target tab can be a tab that the user wants to view, for example, the user can point to any tab in the target card by using a mouse, and the tab pointed to by the mouse is the fourth target tab. The viewing operation on the fourth target tab can mean that the mouse points to the fourth target tab and maintains for a preset time length. When the electronic device detects the viewing operation, the floating control is displayed in a vicinity of the fourth target tab. The floating control is configured to display description information of a target object corresponding to the fourth target tab.
[0113] It should be understood that the tab is configured to display object information of a corresponding target object, and the floating control is configured to display description information describing the object information. The object information is complete information, and the description information is thumbnail information obtained from the object information, so that the user can quickly understand the general content of the object information included in the fourth target tab through the floating control.
[0114] It should be noted that the description information includes at least one of image information, name information, and type information of the target object. The image information of the target object can be a product image of a product, the name information can be the name of the product, and the type information can be the type of the sales channel of the product.
[0115] Figure 14 is a schematic diagram of a floating control according to an example embodiment. As Figure 14 shown, when the user points the mouse to the "Channel Product 2" tab, a floating control 1401 can be displayed in a vicinity of the "Channel Product 2" tab.
[0116] Therefore, by displaying the floating control, the user can quickly understand the general content of the object information included in the fourth target tab, thereby assisting the user to quickly view the information of the tab.
[0117] In some implementable embodiments, in a case where all the form items in the tab have been filled, if a pull-down operation on the tab is detected, the fifth target tab is displayed in the target card, wherein the fifth target tab includes a tab in which the form item is in an unfilled state.
[0118] Here, the dropdown action for the tabs refers to swiping down on the tab. Users can swipe down to view the hidden form items within the tab and fill in all the form items.
[0119] If all form fields in a tab have been filled out, and a dropdown action for that tab is detected, it indicates that the user needs to fill out the next tab. In this case, the target card will switch to display the fifth target tab.
[0120] The fifth target tab can be a tab where a form field is not filled. If a target card includes one tab with an empty form field, that tab is the fifth target tab. If a target card includes multiple tabs with empty form fields, the fifth target tab can be determined based on the order in which these tabs are listed. For example, ... Figure 13 As shown, the "Channel Product 1," "Channel Product 2," "Channel Product 3," "Channel Product 4," "Channel Product 5," "Channel Product 6," "Channel Product 7," and "Channel Product 8" tabs all carry the first identifier, so the "Channel Product 1" tab can be identified as the fifth target tab. That is, when the user completes the form fields included in the "Main Product" tab, if a dropdown operation targeting the "Main Product" tab is detected, the target card switches from displaying the "Main Product" tab to displaying the "Channel Product 1" tab.
[0121] Therefore, by responding to the drop-down operation and switching the display of the fifth target tab in the target card, the system can quickly switch the display of the tab with unfilled form items after the user has completed filling in the form items of the currently displayed tab, thereby improving the efficiency of the user's information filling.
[0122] Figure 15 This is a schematic diagram of the module connections of an information display device according to an exemplary embodiment. Figure 15 As shown, this disclosure provides an information display device, which 1500 may include:
[0123] The first display module 1501 is configured to display the target page;
[0124] The second display module 1502 is configured to display a target card in a target area of the target page in response to an adding request of adding a target object to the target page, wherein the target object comprises a main object and a sub-object, the target card comprises a plurality of tabs distributed horizontally, each of the tabs is used to display object information corresponding to the main object or the sub-object, and the tab displays the object information corresponding to the tab in the target card when the tab is in a selected state.
[0125] Optionally, the object information comprises form items to be filled in, and the apparatus 1500 further comprises:
[0126] The third display module is configured to display a first information filling box in response to a first batch filling operation on all the tabs.
[0127] The first filling module is configured to fill in all the form items of all the tabs included in the target card according to first filling information of the first information filling box.
[0128] Optionally, the third display module is specifically configured to:
[0129] display a target pop-up window in response to a first batch filling operation on all the tabs, wherein the target pop-up window is used to display the first information filling box and display target objects corresponding to all the tabs included in the target card.
[0130] The first filling module is specifically configured to:
[0131] determine a first target tab in response to a selection operation on a target object corresponding to the tab displayed by the target pop-up window.
[0132] fill in all the form items included in the first target tab according to the first filling information of the first information filling box.
[0133] Optionally, the object information comprises form items to be filled in, and the apparatus 1500 further comprises:
[0134] The fourth display module is configured to display a second information filling box in response to a second batch filling operation on a second target tab.
[0135] The second filling module is configured to fill in the form items included in the second target tab according to second filling information of the second information filling box.
[0136] Optionally, the apparatus 1500 further comprises an identification module configured to:
[0137] In a case where the form item included in the tab is in an uncompleted state or the filled information for the form item is incorrect, a first identifier is displayed in the tab, where the first identifier is used to indicate that the tab has an uncompleted or incorrect form item;
[0138] In a case where all the form items included in the tab are completed correctly, a second identifier is displayed in the tab, where the second identifier is used to indicate that the form items of the tab are completed.
[0139] Optionally, the object information includes the form item to be filled, and the apparatus 1500 further includes:
[0140] The switching module is configured to switch to display a third target tab in the target card in response to a triggering operation on a switching button arranged in the tab, where the third target tab includes a tab in which the form item is in an uncompleted state.
[0141] Optionally, the apparatus 1500 further includes:
[0142] The fifth display module is configured to display a floating control in a neighboring area of the fourth target tab in response to a viewing operation on the fourth target tab, where the floating control is used to display description information of a target object corresponding to the fourth target tab, and the description information includes at least one of image information, name information and type information of the target object.
[0143] As to the apparatus 1500 in the above embodiments, the method logic executed by each functional module has been described in detail in the section about the method, and thus will not be repeated here.
[0144] The following refers to Figure 16 which shows a structural schematic diagram of an electronic device 1600 suitable for being used to implement the embodiments of the present disclosure. The terminal device in the embodiments of the present disclosure can include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (Personal Digital Assistant), a PAD (Tablet Personal Computer), a PMP (Portable Multimedia Player), a vehicle terminal (such as a vehicle navigation terminal), and the like, and a fixed terminal such as a digital TV, a desktop computer, and the like. Figure 16 The electronic device shown is merely an example, and should not bring any limitation to the functions and use range of the embodiments of the present disclosure.
[0145] As Figure 16As shown, the electronic device 1600 can include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 1601 that can perform various appropriate actions and processes according to programs stored in a read-only memory (ROM) 1602 or loaded into a random access memory (RAM) 1603 from a storage device 1608. Various programs and data required for the operation of the electronic device 1600 are also stored in the RAM 1603. The processing device 1601, the ROM 1602, and the RAM 1603 are connected to each other through a bus 1604. An input / output (I / O) interface 1605 is also connected to the bus 1604.
[0146] In general, the following devices can be connected to the I / O interface 1605: input devices 1606 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; output devices 1607 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; storage devices 1608 including, for example, a magnetic tape, a hard disk, etc.; and communication devices 1609. The communication devices 1609 can allow the electronic device 1600 to communicate wirelessly or wired with other devices to exchange data. Although Figure 16 The electronic device 1600 is shown with various devices, but it should be understood that all of the illustrated devices are not required, and more or fewer devices can alternatively be implemented.
[0147] In particular, the processes described above with reference to the flowcharts can be implemented as a computer software program according to embodiments of the present disclosure. For example, embodiments of the present disclosure 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 illustrated by the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network through the communication devices 1609, or installed from the storage devices 1608, or installed from the ROM 1602. When the computer program is executed by the processing device 1601, the above-described functions defined in the methods of embodiments of the present disclosure are performed.
[0148] It is noted that the aforementioned computer-readable medium of the present disclosure can be a computer-readable signal medium or a computer-readable storage medium or any combination thereof. The computer-readable storage medium can be, for example and without limitation, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of the computer-readable storage medium can include, but are not limited to, an electrical connection having one or more wires, a portable computer diskette, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or Flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, the computer-readable storage medium can be any tangible medium that contains or stores a program used by or in connection with an instruction execution system, apparatus, or device. In the present disclosure, the computer-readable signal medium can include a computer-readable program code transmitted by a computer-readable storage medium or carried by a carrier wave in a baseband or as part of a carrier wave. Such a propagated computer-readable signal medium can take various forms, including but not limited to electro-magnetic, optical, or any suitable combination thereof. The computer-readable signal medium can also be any computer-readable medium that can be used to carry or store a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained in the computer-readable medium can be transmitted by any suitable medium, including but not limited to wire, cable, RF (radio frequency), or the like, or any suitable combination of the foregoing.
[0149] In some embodiments, the electronic device can communicate using any currently known or future developed network protocol, such as HTTP (HyperText Transfer Protocol), and can be interconnected with digital data communications of any form or medium (e.g., a communications network). Examples of communications networks include local area networks ("LAN"), wide area networks ("WAN"), internetworks (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any currently known or future developed networks.
[0150] The aforementioned computer-readable medium can be contained in the aforementioned electronic device; or can exist separately without being assembled into the electronic device.
[0151] The computer readable medium described above carries one or more programs, when the one or more programs are executed by the electronic device, the electronic device is caused to: display a target page; in response to an adding request of adding a target object in the target page, display a target card in a target area of the target page, wherein the target object comprises a main object and a sub-object, the target card comprises a plurality of tabs distributed horizontally, each of the tabs is used to display object information corresponding to the main object or the sub-object, and the tabs display the object information corresponding to the tabs in the target card when the tabs are in a selected state.
[0152] Computer program code for carrying out operations of the present disclosure can be written in any one or more of a number of programming languages or combinations of languages including an object oriented programming language such as Java, Smalltalk, C++ or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code can execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the latter scenario, the remote computer can be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or the connection can be made to an external computer (for example, through the Internet using an Internet Service Provider).
[0153] The flow diagrams and the block diagrams in the drawings are illustrations of architectures, functionalities, and operations of possible implementations of systems, methods, and computer program products according to various embodiments of present disclosure. In this regard, each block in the flow diagrams or block diagrams can represent a module, a segment, or a portion of code, which comprises one or more executable instructions for implementing the specified logical functions. It should also be noted that in some alternative implementations, the functions noted in the blocks can occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently or the blocks may
[0154] The modules involved in the embodiments of the present disclosure can be implemented in the manner of software or in the manner of hardware. In some cases, the name of the module does not constitute a limitation on the module itself.
[0155] The functionality described above in this document can be performed, at least in part, by one or more hardware logic components. For example, and without limitation, non- transitory machine-readable media can include RAM, ROM, programmable ROM (EPROM, EEPROM or flash memory), or any other storage device(s) through which program instructions can be stored and executed by a processing unit. The above described functionality can be performed by one or more hardware logic components, for example, and without limitation, specifically: field programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), system-on-a-chip (SOCs), complex programmable logic devices (CPLDs), etc.
[0156] In the context of the present disclosure, a machine-readable medium can be a tangible medium that contains or stores a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of the machine-readable storage medium will include one or more lines of a computer program code, a portable computer diskette, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or Flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
[0157] The above description merely describes preferred embodiments of the present disclosure and the best technical principles used. Those skilled in the art should understand that the scope of the disclosure involved in the disclosure is not limited to the technical solutions formed by the specific combinations of the above technical features, and also covers other technical solutions formed by any combination of the above technical features or equivalent features without departing from the above disclosed concept. For example, the technical solutions formed by replacing the above features with the technical features disclosed in the disclosure (but not limited to) having similar functions.
[0158] Furthermore, while operations are depicted in a particular, chronological sequence, this should not be understood as requiring such order unless specifically specified that an operation is performed after another operation in text. In some circumstances, multitasking and parallel processing can be advantageous. Likewise, while specific implementations are discussed, these should not be understood to impose limitations as to the scope of the present disclosure. Certain features that are described in the context of separate embodiments can also be implemented together in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented separately or in any suitable sub-combination.
[0159] Although the subject matter has been described in language specific to structural features and / or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are disclosed as example forms of implementing the claims. With respect to the devices in the above-described embodiments, in which various modules perform operations, the specific manner in which the various modules perform the operations has been described in detail in the embodiments relating to the method, and will not be described in detail here.
Claims
1. An information presentation method, characterized by, The method comprises: displaying a target page; in response to an adding request of adding a target object to the target page, displaying a target card in a target area of the target page, wherein the target object comprises a main object and a sub-object, the main object and the sub-object are in a master-slave relationship, the target card comprises a plurality of horizontally distributed tabs, each of the tabs is used to display object information corresponding to the main object or the sub-object, and the target card displays the object information corresponding to the tab in the selected state; the object information comprises a form item to be filled in, and the method further comprises: in response to a first batch filling operation for all the tabs, displaying a first information filling box; the first information filling box is generated according to the form item to be filled in; filling in all the form items of all the tabs included in the target card according to the first filling information of the first information filling box.
2. The method of claim 1, wherein, The method further comprises: in response to a first batch filling operation for all the tabs, displaying a target pop-up window, wherein the target pop-up window is used to display the first information filling box and the target object corresponding to all the tabs included in the target card; The method further comprises: in response to a selection operation of the target object corresponding to the tab displayed in the target pop-up window, determining a first target tab; filling in all the form items included in the first target tab according to the first filling information of the first information filling box.
3. The method of claim 1, wherein, The object information comprises a form item to be filled in, and the method further comprises: in response to a second batch filling operation for a second target tab, displaying a second information filling box; filling in the form items included in the second target tab according to the second filling information of the second information filling box.
4. The method according to any one of claims 1 to 3, characterized in that, The method further comprises: in a case where the form item included in the tab is not filled in or the filling information of the form item is incorrect, displaying a first identifier in the tab, wherein the first identifier is used to indicate that the tab has a form item that is not filled in or has incorrect filling information; in a case where all the form items included in the tab are correctly filled in, displaying a second identifier in the tab, wherein the second identifier is used to indicate that the form item of the tab has been filled in.
5. The method of claim 1, wherein, The object information comprises a form item to be filled in, and the method further comprises: in response to a triggering operation of a switching button arranged in the tab, switching to display a third target tab in the target card, wherein the third target tab comprises a tab with an unfilled form item.
6. The method of claim 1, wherein, The method further comprises: In response to a viewing operation on the fourth target tab, a floating control is displayed in a vicinity of the fourth target tab, wherein the floating control is used to display description information of a target object corresponding to the fourth target tab, and the description information includes at least one of image information, name information and type information of the target object.
7. An information display device, characterized by comprising: The method comprises: a first display module configured to display a target page; a second display module configured to, in response to an adding request of adding a target object to the target page, display a target card in a target area of the target page, wherein the target object comprises a main object and a sub-object, the main object and the sub-object are in a master-slave relationship, the target card comprises a plurality of horizontally distributed tabs, each tab is used to display object information corresponding to the main object or the sub-object, and the tab displays the object information corresponding to the tab in the target card when the tab is in a selected state; the object information comprises a form item to be filled in, and the device further comprises: a third display module configured to, in response to a first batch filling operation on all the tabs, display a first information filling box; the first information filling box is generated according to the form item to be filled in; a first filling module configured to fill in all the form items of all the tabs included in the target card according to first filling information of the first information filling box.
8. A computer-readable storage medium having stored thereon a computer program, characterized in that, The program is executed by the processing device to realize the steps of the method of any one of claims 1-6.
9. An electronic device, comprising: The method comprises: a storage device having a computer program stored thereon; a processing device for executing the computer program in the storage device to realize the steps of the method of any one of claims 1-6.
Citation Information
Patent Citations
Activity thematic page creating method and related device and equipment
CN109766095A
Batch parameter configuration and verification method and device
CN114281427A
Information display method and device, terminal equipment and storage medium
CN115146146A