Page display method and apparatus, and device, storage medium and product

Abstract

The present disclosure relates to the technical field of computers. Provided are a page display method and apparatus, and a device, a storage medium and a product. The method comprises: displaying a first control in a preset page, and displaying a plurality of first-type identifiers and at least one second-type identifier in a first region of the first control, wherein each first-type identifier is an identifier corresponding to a single service function, and each second-type identifier is an entry identifier corresponding to a plurality of service functions; and displaying, in a second region of the first control, a service interface corresponding to a first target identifier, wherein the first target identifier is a first-type identifier or a second-type identifier in a selected state. By means of the technical solution, when a preset page is displayed, identifiers each corresponding to a single service function and an entry identifier corresponding to a plurality of service functions are displayed in a first control of the preset page, so that the interaction convenience and interaction efficiency based on service functions can be improved.

Description

Page display methods, devices, equipment, storage media and products

[0001] This application claims priority to Chinese Patent Application No. 202411048256.X, filed on July 31, 2024, the disclosure of which is incorporated herein by reference in its entirety. Technical Field

[0002] This disclosure relates to page display methods, apparatus, devices, storage media, and products. Background Technology

[0003] With the rapid development of internet and terminal technologies, information interaction between users and between humans and machines is becoming increasingly convenient. Terminals and applications are becoming more feature-rich, such as conversational functions, allowing users or humans and machines to interact based on conversational messages within a conversational page. Summary of the Invention

[0004] This disclosure provides page display methods, apparatus, devices, storage media, and products, which can optimize existing page display solutions.

[0005] In a first aspect, embodiments of this disclosure provide a page display method, including:

[0006] A first control is displayed on a preset page, wherein the first control includes a first area and a second area;

[0007] The first area displays multiple first-type identifiers and at least one second-type identifier, wherein the first-type identifier is an identifier corresponding to a single business function, and the second-type identifier is an entry identifier corresponding to multiple business functions;

[0008] The business interface corresponding to the first target identifier is displayed in the second area, wherein the first target identifier is either the first type identifier or the second type identifier that is in the selected state.

[0009] Secondly, embodiments of this disclosure also provide a page display device, including:

[0010] The first control display module is used to display a first control on a preset page, wherein the first control includes a first area and a second area;

[0011] The identifier display module is used to display multiple first-type identifiers and at least one second-type identifier in the first area, wherein the first-type identifier is an identifier corresponding to a single business function, and the second-type identifier is an entry identifier corresponding to multiple business functions;

[0012] The business interface display module is used to display the business interface corresponding to the first target identifier in the second area, wherein the first target identifier is either the first type identifier or the second type identifier that is in a selected state.

[0013] Thirdly, embodiments of this disclosure also provide an electronic device, the electronic device comprising:

[0014] One or more processors;

[0015] Storage device for storing one or more programs.

[0016] When the one or more programs are executed by the one or more processors, the one or more processors implement the page display method provided in the embodiments of this disclosure.

[0017] Fourthly, embodiments of this disclosure also provide a storage medium containing computer-executable instructions, which, when executed by a computer processor, are used to perform the page display method provided in embodiments of this disclosure.

[0018] Fifthly, this disclosure also provides a computer program product, including a computer program that, when executed by a processor, implements the page display method provided in this disclosure. Attached Figure Description

[0019] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and the originals and elements are not necessarily drawn to scale.

[0020] Figure 1 is a schematic flowchart of a page display method provided in an embodiment of this disclosure;

[0021] Figure 2 is a schematic diagram of an interface provided in an embodiment of this disclosure;

[0022] Figure 3 is a schematic diagram of an interface interaction provided in an embodiment of this disclosure;

[0023] Figure 4 is a flowchart illustrating another page display method provided in an embodiment of this disclosure;

[0024] Figure 5 is a schematic diagram of another interface interaction provided in an embodiment of this disclosure;

[0025] Figure 6 is a schematic diagram of the structure of a page display device provided in an embodiment of this disclosure;

[0026] Figure 7 is a schematic diagram of the structure of an electronic device provided in an embodiment of this disclosure. Detailed Implementation

[0027] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0028] It should be understood that the steps described in the method embodiments of this disclosure may be performed in different orders and / or in parallel. Furthermore, the method embodiments may include additional steps and / or omit the steps shown. The scope of this disclosure is not limited in this respect.

[0029] The term "comprising" and its variations as used herein are open-ended inclusions, meaning "including but not limited to". The term "based on" means "at least partially based 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". Definitions of other terms will be given in the description below.

[0030] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are used only to distinguish different devices, modules or units, and are not used to limit the order of functions performed by these devices, modules or units or their interdependencies.

[0031] It should be noted that the terms "a" and "a plurality of" used in this disclosure are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".

[0032] Figure 1 is a schematic flowchart of a page display method provided in an embodiment of this disclosure. This embodiment is applicable to the situation of displaying a preset page. The method can be executed by a page display device, which can be implemented in the form of software and / or hardware. Optionally, it can be implemented by an electronic device, such as a mobile terminal such as a mobile phone, smartwatch, tablet computer, or personal digital assistant, or a personal computer (PC) or server.

[0033] As shown in Figure 1, the method includes:

[0034] Step 101: Display a first control on a preset page, wherein the first control includes a first area and a second area.

[0035] For example, the page in this embodiment can be an application page or webpage corresponding to a preset client, etc., and is not specifically limited. The preset client can be a preset application or a webpage client. The preset page can be any page type in the preset client. The page type can be divided based on the page content or the function carried by the page. For example, the preset page can include a conversation page, a resource acquisition page (such as a shopping page), a user page (such as a personal page or homepage), or a comment input page, etc. Optionally, the preset page is a conversation page, specifically a page that implements a preset conversation scenario. The specific type of the preset conversation scenario is not limited. For example, it can be a conversation scenario between different users, or a conversation scenario between a user and a robot (such as intelligent customer service). The user can be an ordinary user or a user with a preset identity, such as a merchant user, a customer user, or a human customer service representative, etc. For example, a specific conversation scenario can be a conversation scenario between a merchant user and customer service (human customer service or intelligent customer service). In the conversation page, the conversation messages sent by the conversation participants can be displayed. The specific number of conversation participants is not limited and can be two or more.

[0036] For example, the display format of the first control is not limited; it can be displayed in a designated area of ​​the preset page or as a floating control on top of the preset page. Optionally, the preset page includes a first preset area and a second preset area. The first preset area is used to display preset information, and the second preset area is used to display the first control. The preset information is determined according to the page type of the preset page. For example, for a chat page, the preset information may include chat messages; for a shopping page, the preset information may include product information.

[0037] For example, the first control includes a first area and a second area that are separate from each other, meaning that the first area and the second area do not overlap, so that different control content can be displayed in the first area and the second area respectively. The relative positional relationship between the first area and the second area is not limited; for example, the first area may be located above the second area.

[0038] Step 102: Display multiple first-type identifiers and at least one second-type identifier in the first area, wherein the first-type identifier is an identifier corresponding to a single business function, and the second-type identifier is an entry identifier corresponding to multiple business functions.

[0039] For example, a pre-defined client can integrate multiple business functions, such as conversation functions, QR code scanning functions, content publishing functions (e.g., publishing media content like videos or posting comments), information viewing functions (e.g., viewing emails or online store orders), information search functions (e.g., image search), payment functions, and merchant business functions (e.g., business tools for merchants, such as product management tools). Optionally, the business functions in the pre-defined business function set integrated in the pre-defined client can be divided into two categories, denoted as Category 1 business functions and Category 2 business functions. The specific division method is not limited, and the business functions in the pre-defined business function set can include all or some of the business functions integrated in the pre-defined client. For Category 1 business functions, each Category 1 business function corresponds to an identifier that needs to be displayed in the first area, denoted as Category 1 identifier, and one or more Category 1 identifiers are displayed in the first area. For Category 2 business functions, at least two Category 2 business functions correspond to an entry identifier that needs to be displayed in the first area, denoted as Category 2 identifier, and one or more Category 2 identifiers are displayed in the first area.

[0040] Optionally, the plurality of first type identifiers are determined according to the page type of the preset page. For example, when the page type of the preset page is a first preset page type (e.g., a conversation page), the first type identifier may include at least one of the following: an input identifier (e.g., a text input box or voice input control) and a QR code identifier; as another example, when the page type of the preset page is a second preset page type (e.g., a shopping page), the first type identifier may include at least one of the following: an image search identifier and an input identifier; as yet another example, when the page type of the preset page is a third preset page type (e.g., a user page), the first type identifier may include at least one of the following: a payment code entry identifier and an input identifier.

[0041] Optionally, taking a conversation page as an example, the business functions in the preset business function set can include conversation functions and non-conversation functions. Conversation functions are those related to conversations, such as conversation content (including text, images, voice, video, or files) input functions, call functions (such as voice or video calls), and conversation-based information sharing functions. Non-conversation-related functions can be understood as functions unrelated to conversations or unrelated to conversation participants (excluding the user on this end). Non-conversation-related functions can be set according to actual scenario requirements, such as scanning functions, content publishing functions, information viewing functions, and merchant business functions (such as business tools for merchants, specifically product management tools). Among multiple first-type identifiers, at least one first-type identifier corresponds to a conversation function (such as conversation content input function), and at least one first-type identifier corresponds to a non-conversation function (such as scanning function); among at least one second-type identifier, at least one second-type identifier is an entry identifier corresponding to multiple non-conversation functions.

[0042] For example, the layout of multiple first-type identifiers and at least one second-type identifier in the first area is not limited; for example, it can be arranged in a single row, a single column, or a matrix. The display format of the first-type identifiers is not limited; for example, it can be a business function name, a business function icon, or a business function control. The display format of the second-type identifiers is not limited; for example, it can be an entry name, an entry icon, or an entry control.

[0043] Step 103: Display the business interface corresponding to the first target identifier in the second area, wherein the first target identifier is either the first type identifier or the second type identifier that is in the selected state.

[0044] For example, each of the multiple first-type identifiers and at least one second-type identifier can be configured with a selection state. The selection state can be understood as an attribute of the identifier, including a selected state and a deselected state. For example, when displaying a preset page, one of the multiple first-type identifiers and at least one second-type identifier can enter the selected state upon user triggering, or it can enter the selected state automatically. For instance, when the preset page is first displayed, one of the multiple first-type identifiers and at least one second-type identifier can be in the selected state by default. For the multiple first-type identifiers and at least one second-type identifier, generally one identifier is in the selected state at any given time, while the other identifiers are in the deselected state. The first target identifier is the identifier currently in the selected state among the multiple first-type identifiers and at least one second-type identifier. The first target identifier can be any one of the multiple first-type identifiers and at least one second-type identifier during the display of the preset page; it can be a first-type identifier or a second-type identifier; it can be the identifier that is in the selected state by default when the preset page is first displayed, or it can be the identifier that switches from the deselected state to the selected state upon user triggering.

[0045] For example, when the first target identifier is selected, the business interface corresponding to the first target identifier is displayed in the second area. For the first type of identifier, the corresponding business interface may include functional components. Functional components may be interactive components used by users to implement the corresponding business functions. For the second type of identifier, the corresponding business interface may include a set of entry points for multiple corresponding business functions. By switching between selected identifiers, the second area can be reused, improving page space utilization and the interaction efficiency of different functions.

[0046] Optionally, the business interface corresponding to the input identifier includes an input component. For example, when the input identifier is a text input box, the corresponding input component may include an input panel, such as a virtual keyboard; when the input identifier is a voice input control, the corresponding input component may include a voice input button, such as a "press and hold to speak" button.

[0047] Optionally, the business interface corresponding to the QR code label includes an image scanning component. For example, the image scanning component may include a captured preview image display component. Specifically, the image scanning component may display a real-time captured preview image, an alignment box, and scanning animations, etc.

[0048] Optionally, the business interface corresponding to the image search identifier includes an image acquisition component. For example, the image acquisition component may include a captured preview image display component or an image selection component (such as selecting an image from the album). Specifically, the image acquisition component may display a real-time captured preview image or the selected image.

[0049] Optionally, as in the example above, there may be many types of business functions for merchants, which can be divided into multiple sub-functions. The business interface corresponding to the second type identifier may include a set of sub-function entry points, so that users can trigger the corresponding sub-function entry points according to their actual needs and further use the corresponding sub-functions.

[0050] Figure 2 is a schematic diagram of an interface provided in an embodiment of this disclosure. As shown in Figure 2, a first control 202 is displayed on a preset page 201. The first control 202 includes a first area 203 and a second area 204. In the first area 203, there are multiple first-type identifiers 205. In the figure, two are used as an example, namely identifier a and identifier b. A second-type identifier 206, such as identifier c, is also displayed in the first area 203. Currently, identifier b is in a selected state, that is, identifier b can be regarded as the first target identifier. The business interface corresponding to identifier b (not shown in the figure) is displayed in the second area 204.

[0051] The page display method provided in this embodiment displays a first control on a preset page. In a first area of ​​the first control, multiple first-type identifiers and at least one second-type identifier are displayed. The first-type identifier corresponds to a single business function, and the second-type identifier corresponds to an entry point for multiple business functions. In a second area of ​​the first control, a business interface corresponding to a first target identifier is displayed. The first target identifier is either a selected first-type identifier or a selected second-type identifier. By adopting the above technical solution, when displaying a preset page, displaying identifiers corresponding to single business functions and entry points for multiple business functions in the first control of the preset page improves the convenience and efficiency of interaction based on business functions.

[0052] In some embodiments, the method may further include: in response to a first preset operation on the first control, switching from displaying the first control on the preset page to displaying a second control on the preset page, wherein the second control displays the plurality of first type identifiers and at least one second type identifier. This achieves the effect of hiding a second area in the first control, thereby facilitating the user to view more content on the preset page besides the first control. For example, if the preset page is a conversation page, more conversation messages can be viewed, and the flexibility of control display and interactive operations is improved. Optionally, the first preset operation may be, for example, a swipe operation; for instance, if the first control is displayed at the bottom of the preset page, the first preset operation may be a downward swipe operation.

[0053] Optionally, displaying the first control on a preset page may include: displaying a second control on the preset page, and switching from displaying the second control on the preset page to displaying the first control on the preset page in response to a second preset operation on the second control. Optionally, the second preset operation may be, for example, a swipe operation; for example, the second control is displayed at the bottom of the preset page, and the second preset operation may be, for example, an upward swipe operation.

[0054] In some embodiments, after displaying the business interface corresponding to the first target identifier in the second area, the method further includes: in response to a trigger operation on the second target identifier, switching the first target identifier from a selected state to a deselected state, and switching the second target identifier from a deselected state to a selected state, and switching from displaying the business interface corresponding to the first target identifier in the second area to displaying the business interface corresponding to the second target identifier in the second area, wherein the second target identifier is either the first type identifier or the second type identifier. This allows users to quickly switch the selected identifier by triggering the identifier and perform related interactive operations through the switched business interface in the second area, improving operational efficiency.

[0055] For example, before receiving a trigger operation for the second target identifier, the second target identifier is in an unselected state. The second target identifier can be any unselected first-type identifier or second-type identifier, and the second target identifier is different from the first target identifier. The trigger operation for the second target identifier can be, for example, a click operation or a swipe operation. Specifically, the swipe operation for the second target identifier can be a swipe operation in the opposite direction of a preset direction, where the preset direction is from the display position of the first target identifier to the display position of the second target identifier. After receiving the trigger operation for the second target identifier, the selection state of the first target identifier is switched from selected to unselected, the selection state of the second target identifier is switched from unselected to selected, and the display of the business interface corresponding to the first target identifier in the second area is switched to displaying the business interface corresponding to the second target identifier in the second area.

[0056] Figure 3 is a schematic diagram of an interface interaction provided by an embodiment of this disclosure. As shown in Figure 3, taking a preset page as a session page as an example, a first control is displayed in the preset page 301. The first area of ​​the first control displays multiple first-type identifiers and at least one second-type identifier. Taking two first-type identifiers and one second-type identifier as an example, from left to right, they are a barcode identifier 302, an input identifier 303, and a tool entry 304. Among them, the barcode identifier 302 and the input identifier 303 are first-type identifiers, and the tool entry 304 is a second-type identifier. In the left interface, the input identifier 303 is in a selected state, that is, the input identifier 303 can be regarded as the first target identifier. The display area of ​​the identifier in the selected state is connected to the second area of ​​the first control, so as to facilitate the user to intuitively and quickly locate the currently selected identifier. The second area of ​​the first control displays the business interface corresponding to the input identifier 303. The business interface includes the virtual keyboard component 305 shown in the figure. When a user wants to use the QR code scanning function, they can click on the QR code identifier 302. At this time, the QR code identifier 302 can be regarded as the second target identifier. The input identifier 303 is switched to the unselected state, the QR code identifier 302 is switched to the selected state, and the business interface corresponding to the QR code identifier 302 is displayed in the second area. The business interface includes the image scanning component 306 shown in the figure.

[0057] In some embodiments, displaying a business interface corresponding to a first target identifier in the second area includes: displaying the business interface corresponding to the first target identifier in the second area, and displaying a set of sub-function identifiers in the business interface corresponding to the first target identifier, wherein the first target identifier is a second type identifier, and the set of sub-function identifiers includes multiple sub-function identifiers, each of the sub-function identifiers corresponding to at least one business function; wherein the method further includes: in response to a trigger operation for a target sub-function identifier, switching from displaying the preset page to displaying a target sub-function page corresponding to the target sub-function identifier, wherein the target sub-function identifier is one of the sub-function identifiers in the set of sub-function identifiers. Thus, for a second type identifier, its corresponding business interface can display the corresponding set of sub-function identifiers. By triggering a certain sub-function identifier, rapid page switching can be achieved, thereby facilitating users to perform relevant interactive operations on the switched sub-function page and improving interaction efficiency.

[0058] For example, a sub-function identifier can be understood as the entry point for a sub-function, and the sub-function is the business function corresponding to the second type of identifier. The layout of multiple sub-function identifiers in the second area is not limited; for example, it can be arranged in a single row, a single column, or a matrix. Sub-function identifiers can be sub-function names or sub-function icons, etc. Optionally, for a conversation scenario between a merchant user and customer service, the first target identifier can be the entry point for the merchant's business function. The sub-functions corresponding to each sub-function identifier in the set can include, for example, product management tools, group-buying management tools, video publishing tools, material management tools, product sales details query tools, or tools for viewing all business functions, etc.

[0059] For example, the target sub-function identifier is the sub-function identifier that is triggered, and the target sub-function page is the page used to implement the sub-function corresponding to the target sub-function identifier.

[0060] Optionally, after switching from displaying the preset page to displaying the target sub-function page corresponding to the target sub-function identifier, a page return control can be displayed on the target sub-function page. In response to the triggering operation of the page return control, the display can switch back from the target sub-function page to the preset page. This further improves the flexibility of page switching.

[0061] In some embodiments, to further improve the efficiency of function switching, after switching from displaying the preset page to displaying the target sub-function page corresponding to the target sub-function identifier in response to a trigger operation for the target sub-function identifier, the method may further include: displaying a second control on the target sub-function page; displaying the plurality of first type identifiers and the at least one second type identifier in the second control, wherein the first target identifier is currently in a selected state.

[0062] Figure 4 is a flowchart illustrating another page display method provided in this embodiment. This embodiment optimizes the various optional solutions in the above embodiments. Specifically, the method includes the following steps:

[0063] Step 401: Display the first control on the preset page, wherein the first control includes a first area and a second area.

[0064] Step 402: Display multiple first-type identifiers and at least one second-type identifier in the first area.

[0065] Step 403: Display the business interface corresponding to the first target identifier in the second area, and display a set of sub-function identifiers in the business interface corresponding to the first target identifier. The first target identifier is a second type identifier, and the set of sub-function identifiers includes multiple sub-function identifiers, each of which corresponds to at least one business function.

[0066] Figure 5 is another interface interaction diagram provided by the present disclosure embodiment. Taking the preset page as the conversation page as an example, as shown in Figure 5, the preset page 501 displays a first control and a conversation message. The first area of ​​the first control displays multiple first type identifiers and at least one second type identifier, which are from left to right a scan identifier, an input identifier and a tool entry. The first target identifier is the tool entry, which is currently in the selected state. The second area of ​​the first control displays the sub-function identifier set 502 corresponding to the tool entry.

[0067] Step 404: In response to the trigger operation for the target sub-function identifier, switch from displaying the preset page to displaying the target sub-function page corresponding to the target sub-function identifier, wherein the target sub-function identifier is a sub-function identifier in the set of sub-function identifiers.

[0068] As shown in Figure 5, after the user clicks on the target sub-function identifier 503, the display of the preset page 501 is switched to the display of the target sub-function page 504 corresponding to the target sub-function identifier 503.

[0069] Step 405: Display the second control on the target sub-function page.

[0070] As shown in Figure 5, the second control 505 is displayed on the target sub-function page 504.

[0071] Step 406: Display multiple first-type identifiers and at least one second-type identifier in the second control.

[0072] The first target identifier is currently selected.

[0073] As shown in Figure 5, multiple first-type identifiers and at least one second-type identifier are displayed in the second control 505. These multiple first-type identifiers and at least one second-type identifier are the same as those displayed in the first control, thereby achieving the effect of hiding the second area in the first control.

[0074] Optionally, after displaying multiple first-type identifiers and at least one second-type identifier in the second control, at least one of the following (a)-(c) is also included to further improve interaction efficiency.

[0075] (a) In response to a trigger operation targeting the first target identifier and / or a preset operation targeting the second control, the display of the second control on the target sub-function page is switched to the display of the first control on the target sub-function page, and the business interface corresponding to the first target identifier is displayed in the second area. This allows for a quick return to the display of the sub-function identifier set, facilitating users to reselect the target sub-function identifier to trigger an action and enter other sub-function pages to implement other sub-functions.

[0076] For example, the triggering operation for the first target identifier could be a click operation, and the preset operation for the second control (which can be referred to as the third preset operation for easy distinction) could be a swipe operation. As shown in Figure 5, after the user clicks the tool entry in the second control 505 (or performs an up swipe operation on the second control 505), the display of the second control 505 on the target sub-function page 504 switches to the display of the first control on the target sub-function page 504. The set of sub-function identifiers corresponding to the tool entry is displayed in the second area of ​​the first control, making it convenient for the user to reselect and trigger the sub-function identifiers.

[0077] (b) In response to a trigger operation for the second target identifier, the first target identifier is switched from a selected state to an unselected state, and the second target identifier is switched from an unselected state to a selected state, the second control is switched from being displayed in the target sub-function page to the first control being displayed in the target sub-function page, and the business interface corresponding to the second target identifier is displayed in the second area, wherein the second target identifier is the first type identifier.

[0078] For example, the second target identifier is an identifier different from the first target identifier. Optionally, the business function corresponding to the second target identifier is a non-session function. When the first type of identifier corresponding to the non-session function is triggered, it is not necessary to switch pages. Instead, the first control is displayed, and the business interface of the triggered identifier is displayed in the second area of ​​the first control, so that the user can quickly perform relevant operations based on the business interface.

[0079] For example, as shown in Figure 5, the second target identifier is a QR code identifier. When the user clicks the QR code identifier in the second control 505, the target sub-function page 504 is kept on display. The display of the second control 505 is switched to the display of the first control in the target sub-function page 504. The business interface corresponding to the QR code identifier is displayed in the second area. For example, the business interface includes an image scanning component, which can perform related operations such as QR code verification, thereby improving the QR code scanning efficiency.

[0080] (c) In response to a trigger operation targeting the second target identifier, the first target identifier is switched from a selected state to a deselected state, the second target identifier is switched from a deselected state to a selected state, the second control is switched from being displayed in the target sub-function page to being displayed in the preset page, and the business interface corresponding to the second target identifier is displayed in the second area, wherein the second target identifier is the first type identifier.

[0081] For example, the second target identifier is an identifier different from the first target identifier. Optionally, the business function corresponding to the second target identifier is a session function. If the first type of identifier triggers the session function, it indicates that the user has a need to view a preset page (session page). Therefore, the display of the target sub-function page can be switched to the display of the preset page, and a first control can be displayed on the preset page. The business interface corresponding to the second target identifier can be displayed in the second area of ​​the first control, facilitating the user to quickly implement session-related functions.

[0082] For example, as shown in Figure 5, after the user clicks the text input box (input identifier) ​​in the second control 505, a preset page 501 is displayed, and the first control is displayed in the preset page 501. The user can directly input text through the virtual keyboard in the second area of ​​the first control, thereby realizing the sending of conversational messages and improving the interaction efficiency based on conversational functions.

[0083] The page display method provided in this embodiment displays a first control containing multiple first-type identifiers and at least one second-type identifier on the preset page. The first control displays the business interface corresponding to the first target identifier in a selected state, allowing users to flexibly switch between different functions on the preset page, improving the convenience and efficiency of interaction. Furthermore, when a second-type identifier is selected, a set of sub-function identifiers corresponding to the second-type identifier can be displayed, allowing users to view the corresponding sub-function page by inputting a trigger operation for the sub-function identifier, and then input related interactive operations. After entering the sub-function page, a second control is displayed, allowing users to still view or trigger the first-type identifier or the second-type identifier, enabling rapid switching between different functions and further improving interaction efficiency.

[0084] Figure 6 is a schematic diagram of a page display device provided in an embodiment of this disclosure. As shown in Figure 6, the device includes:

[0085] The first control display module 601 is used to display a first control on a preset page, wherein the first control includes a first area and a second area;

[0086] The identifier display module 602 is used to display multiple first-type identifiers and at least one second-type identifier in the first area, wherein the first-type identifier is an identifier corresponding to a single business function, and the second-type identifier is an entry identifier corresponding to multiple business functions;

[0087] The business interface display module 603 is used to display the business interface corresponding to the first target identifier in the second area, wherein the first target identifier is either the first type identifier or the second type identifier that is in a selected state.

[0088] The page display device provided in this embodiment displays an identifier corresponding to a single business function and an entry identifier corresponding to multiple business functions in the first control of the preset page when displaying a preset page, which can improve the convenience and efficiency of interaction based on business functions.

[0089] Optionally, the device may also include:

[0090] The first switching module is configured to, after displaying the business interface corresponding to the first target identifier in the second area, respond to a trigger operation on the second target identifier by switching the first target identifier from a selected state to an unselected state, and switching the second target identifier from an unselected state to a selected state, and switching from displaying the business interface corresponding to the first target identifier in the second area to displaying the business interface corresponding to the second target identifier in the second area, wherein the second target identifier is either the first type identifier or the second type identifier.

[0091] Optionally, the business interface display module is used to: display the business interface corresponding to the first target identifier in the second area, and display a set of sub-function identifiers in the business interface corresponding to the first target identifier, wherein the first target identifier is the second type identifier, and the set of sub-function identifiers includes multiple sub-function identifiers, each of the sub-function identifiers corresponding to at least one business function;

[0092] The device also includes:

[0093] The second switching module is used to switch from displaying the preset page to displaying the target sub-function page corresponding to the target sub-function identifier in response to a trigger operation targeting the target sub-function identifier, wherein the target sub-function identifier is a sub-function identifier in the set of sub-function identifiers.

[0094] Optionally, the device may also include:

[0095] The second control display module is used to display the second control on the target sub-function page after switching from displaying the preset page to displaying the target sub-function page corresponding to the target sub-function identifier in response to a trigger operation targeting the target sub-function identifier.

[0096] The first entry collection display module is used to display the plurality of first type identifiers and the at least one second type identifier in the second control, wherein the first target identifier is in the selected state.

[0097] Optionally, the device may further include at least one of the following modules:

[0098] The third switching module is used to, after displaying the plurality of first type identifiers and the at least one second type identifier in the second control, switch from displaying the second control in the target sub-function page to displaying the first control in the target sub-function page in response to a trigger operation for the first target identifier and / or in response to a preset operation for the second control, and display the business interface corresponding to the first target identifier in the second area;

[0099] The fourth switching module is configured to, after displaying the plurality of first type identifiers and the at least one second type identifier in the second control, in response to a trigger operation for the second target identifier, switch the first target identifier from a selected state to an unselected state, and switch the second target identifier from an unselected state to a selected state, switch the display of the second control in the target sub-function page to the display of the first control in the target sub-function page, and display the business interface corresponding to the second target identifier in the second area, wherein the second target identifier is the first type identifier;

[0100] The fifth switching module is used to, after displaying the plurality of first type identifiers and the at least one second type identifier in the second control, in response to a trigger operation for the second target identifier, switch the first target identifier from a selected state to an unselected state, switch the second target identifier from an unselected state to a selected state, switch the display of the second control from the target sub-function page to the display of the first control in the preset page, and display the business interface corresponding to the second target identifier in the second area, wherein the second target identifier is the first type identifier.

[0101] Optionally, the plurality of first type identifiers are determined according to the page type of the preset page.

[0102] Optionally, when the preset page type is a first preset page type, the first type identifier includes at least one of the following: an input identifier and a QR code identifier; when the preset page type is a second preset page type, the first type identifier includes at least one of the following: an image search identifier and an input identifier; when the preset page type is a third preset page type, the first type identifier includes at least one of the following: a payment code entry identifier and an input identifier; wherein, the business interface corresponding to the input identifier includes an input component, the business interface corresponding to the QR code identifier includes an image scanning component, the business interface corresponding to the image search identifier includes an image acquisition component, and the business interface corresponding to the payment code entry identifier includes a payment code.

[0103] The page display device provided in this disclosure can execute the page display method provided in any embodiment of this disclosure, and has the corresponding functional modules and beneficial effects of the execution method.

[0104] It is worth noting that the various units and modules included in the above-mentioned device are only divided according to functional logic, but are not limited to the above division, as long as the corresponding functions can be realized; in addition, the specific names of each functional unit are only for easy differentiation and are not used to limit the protection scope of the embodiments of this disclosure.

[0105] Figure 7 is a schematic diagram of the structure of an electronic device provided in an embodiment of this disclosure. Referring to Figure 7 below, a schematic diagram of the structure of an electronic device (e.g., the terminal device or server in Figure 7) 700 suitable for implementing embodiments of this disclosure is shown. The terminal device in embodiments of this disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptops, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital TVs and desktop computers. The electronic device shown in Figure 7 is merely an example and should not impose any limitations on the functionality and scope of use of embodiments of this disclosure.

[0106] As shown in Figure 7, the electronic device 700 may include a processing unit (e.g., a central processing unit, a graphics processing unit, etc.) 701, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 702 or a program loaded from a storage device 708 into a random access memory (RAM) 703. The RAM 703 also stores various programs and data required for the operation of the electronic device 700. The processing unit 701, ROM 702, and RAM 703 are interconnected via a bus 704. An edit / output (I / O) interface 705 is also connected to the bus 704.

[0107] Typically, the following devices can be connected to I / O interface 705: input devices 706 including, for example, touchscreens, touchpads, keyboards, mice, cameras, microphones, accelerometers, gyroscopes, etc.; output devices 707 including, for example, liquid crystal displays (LCDs), speakers, vibrators, etc.; storage devices 708 including, for example, magnetic tapes, hard disks, etc.; and communication devices 709. Communication device 709 allows electronic device 700 to communicate wirelessly or wiredly with other devices to exchange data. Although Figure 7 shows electronic device 700 with various devices, it should be understood that it is not required to implement or possess all of the devices shown. More or fewer devices may be implemented or possessed alternatively.

[0108] In particular, according to embodiments of this disclosure, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments of this 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 shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via communication device 709, or installed from storage device 708, or installed from ROM 702. When the computer program is executed by processing device 701, it performs the functions defined in the methods of embodiments of this disclosure.

[0109] The names of messages or information exchanged between multiple devices in the embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

[0110] The electronic device provided in this embodiment and the page display method provided in the above embodiments belong to the same inventive concept. Technical details not described in detail in this embodiment can be found in the above embodiments, and this embodiment has the same beneficial effects as the above embodiments.

[0111] This disclosure provides a computer storage medium storing a computer program that, when executed by a processor, implements the page display method provided in the above embodiments.

[0112] This disclosure provides a computer program product, including a computer program that, when executed by a processor, implements the page display method provided in the above embodiments.

[0113] It should be noted that the computer-readable medium described in this disclosure can be a computer-readable signal medium or a computer-readable storage medium, or any combination thereof. A computer-readable storage medium can be, for example,—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination thereof. In this disclosure, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in connection with an instruction execution system, apparatus, or device. In this disclosure, a computer-readable signal medium can include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium can be any computer-readable medium other than a computer-readable storage medium, which can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any suitable medium, including but not limited to: wires, optical fibers, RF (radio frequency), etc., or any suitable combination thereof.

[0114] The aforementioned computer-readable medium may be included in the aforementioned electronic device; or it may exist independently and not assembled into the electronic device.

[0115] The aforementioned computer-readable medium carries one or more programs. When the electronic device executes the one or more programs, the electronic device causes the electronic device to: display a first control on a preset page, wherein the first control includes a first area and a second area; display a plurality of first type identifiers and at least one second type identifier in the first area, wherein the first type identifier is an identifier corresponding to a single business function, and the second type identifier is an entry identifier corresponding to multiple business functions; and display a business interface corresponding to a first target identifier in the second area, wherein the first target identifier is either a first type identifier or a second type identifier that is selected.

[0116] Computer program code for performing the operations of this disclosure can be written in one or more programming languages ​​or a combination thereof, including but not limited to object-oriented programming languages ​​such as Java, Smalltalk, and C++, as well as conventional procedural programming languages ​​such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a local area network (LAN) or a wide area network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0117] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented using a dedicated hardware-based system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions.

[0118] The units described in the embodiments of this disclosure can be implemented in software or in hardware. The name of a module does not necessarily limit the module itself; for example, the first control display module can also be described as "a module that displays a first control on a preset page".

[0119] The functions described above in this document can be performed, at least in part, by one or more hardware logic components. For example, exemplary types of hardware logic components that can be used, without limitation, include: Field Programmable Gate Arrays (FPGAs), Application-Specific Integrated Circuits (ASICs), Application Standard Products (ASSPs), System-on-Chip (SoCs), Complex Programmable Logic Devices (CPLDs), and so on.

[0120] In the context of this disclosure, a machine-readable medium can be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can be, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. 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 fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0121] The above description is merely a preferred embodiment of this disclosure and an explanation of the technical principles employed. Those skilled in the art should understand that the scope of this disclosure is not limited to technical solutions formed by specific combinations of the above-described technical features, but should also cover other technical solutions formed by arbitrary combinations of the above-described technical features or their equivalents without departing from the above-described concept. For example, technical solutions formed by substituting the above features with (but not limited to) technical features disclosed in this disclosure that have similar functions.

[0122] Furthermore, while the operations are described in a specific order, this should not be construed as requiring these operations to be performed in the specific order shown or in a sequential order. In certain environments, multitasking and parallel processing may be advantageous. Similarly, while several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of this disclosure. Certain features described in the context of individual embodiments may also be implemented in combination in a single embodiment. Conversely, various features described in the context of a single embodiment may also be implemented individually or in any suitable sub-combination in multiple embodiments.

[0123] Although the subject matter has been described using language specific to structural features and / or methodological logic, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. Rather, the specific features and actions described above are merely illustrative examples of implementing the claims.

Claims

1. A page display method, comprising: displaying a first control in a preset page, wherein the first control comprises a first area and a second area; displaying a plurality of first type identifiers and at least one second type identifier in the first area, wherein the first type identifiers are identifiers corresponding to single service functions, and the second type identifier is an entry identifier corresponding to a plurality of service functions; displaying a service interface corresponding to a first target identifier in the second area, wherein the first target identifier is the first type identifier or the second type identifier in a selected state.

2. The method of claim 1, wherein, After displaying the service interface corresponding to the first target identifier in the second area, the method further comprises: in response to a triggering operation on a second target identifier, switching the first target identifier from the selected state to an unselected state, switching the second target identifier from the unselected state to the selected state, and switching from displaying the service interface corresponding to the first target identifier in the second area to displaying a service interface corresponding to the second target identifier in the second area, wherein the second target identifier is the first type identifier or the second type identifier.

3. The method of claim 1, wherein, Displaying the service interface corresponding to the first target identifier in the second area comprises: displaying the service interface corresponding to the first target identifier in the second area, and displaying a set of sub-function identifiers in the service interface corresponding to the first target identifier, wherein the first target identifier is the second type identifier, the set of sub-function identifiers comprises a plurality of sub-function identifiers, and each sub-function identifier corresponds to at least one service function. The method further comprises: in response to a triggering operation on a target sub-function identifier, switching from displaying the preset page to displaying a target sub-function page corresponding to the target sub-function identifier, wherein the target sub-function identifier is one of the set of sub-function identifiers.

4. The method of claim 3, wherein, After switching from displaying the preset page to displaying the target sub-function page corresponding to the target sub-function identifier in response to the triggering operation on the target sub-function identifier, the method further comprises: displaying a second control in the target sub-function page; displaying the plurality of first type identifiers and the at least one second type identifier in the second control, wherein the first target identifier is in the selected state.

5. The method of claim 3 or 4, wherein, After displaying the plurality of first type identifiers and the at least one second type identifier in the second control, the method further comprises at least one of the following: in response to a triggering operation on the first target identifier and / or in response to a preset operation on the second control, switching from displaying the second control in the target sub-function page to displaying the first control in the target sub-function page, and displaying the service interface corresponding to the first target identifier in the second area; in response to a triggering operation on the second target identifier, switching the first target identifier from the selected state to the unselected state, and switching the second target identifier from the unselected state to the selected state, switching from displaying the second control in the target sub-function page to displaying the first control in the target sub-function page, and displaying a business interface corresponding to the second target identifier in the second region, wherein the second target identifier is of the first type identifier; in response to a triggering operation on the second target identifier, switching the first target identifier from the selected state to the unselected state, and switching the second target identifier from the unselected state to the selected state, switching from displaying the second control in the target sub-function page to displaying the first control in the preset page, and displaying a business interface corresponding to the second target identifier in the second region, wherein the second target identifier is of the first type identifier.

6. The method of claim 5, wherein, The second target identifier is different from the first target identifier.

7. The method of any one of claims 1-6, wherein, The plurality of first type identifiers are determined according to a page type of the preset page.

8. The method of claim 7, wherein, When the page type of the preset page is a first preset page type, the first type identifier includes at least one of an input identifier and a code scanning identifier; when the page type of the preset page is a second preset page type, the first type identifier includes at least one of an image search identifier and an input identifier; when the page type of the preset page is a third preset page type, the first type identifier includes at least one of a payment code entry identifier and an input identifier; wherein the business interface corresponding to the input identifier includes an input component, the business interface corresponding to the code scanning identifier includes an image scanning component, the business interface corresponding to the image search identifier includes an image acquisition component, and the business interface corresponding to the payment code entry identifier includes a payment code.

9. The method of any one of claims 1-8, wherein, The page type of the preset page includes a session page, a resource acquisition page, a user page, and a comment output page.

10. The method of claim 1, further comprising: in response to a first preset operation on the first control, switching from displaying the first control in the preset page to displaying a second control in the preset page, and displaying the plurality of first type identifiers and at least one second type identifier in the second control.

11. The method of claim 1, wherein, Displaying the first control in the preset page includes: in response to a second preset operation on the second control, switching from displaying the second control in the preset page to displaying the first control in the preset page.

12. A page display device, comprising: a first control display module configured to display a first control in a preset page, wherein the first control includes a first region and a second region; an identifier display module configured to display a plurality of first type identifiers and at least one second type identifier in the first region, wherein the first type identifier is an identifier corresponding to a single business function, and the second type identifier is an entry identifier corresponding to a plurality of business functions; The business interface display module is configured to display a business interface corresponding to a first target identifier in the second area, wherein the first target identifier is the first type identifier or the second type identifier in the selected state. 13.An electronic device, comprising: one or more processors; a storage configured to store one or more programs, when the one or more programs are executed by the one or more processors, the one or more processors are caused to implement the page display method according to any one of claims 1-11.

14. A storage medium containing computer-executable instructions, wherein, The computer executable instructions, when executed by a computer processor, are used to perform the page display method according to any one of claims 1-11.

15. A computer program product comprising a computer program, wherein, The computer program, when executed by a processor, implements the page display method according to any one of claims 1-11.

Images