Page display method and device, electronic equipment and storage medium

Abstract

The invention provides a page display method and device, electronic equipment and a storage medium, and relates to the field of artificial intelligence, in particular to the technical fields of man-machine interaction, intelligent search and the like. According to the specific implementation scheme, a material popularization management page is displayed; wherein a first label and a first label page are displayed on the material promotion management page; the first label is used for switching the page to the first label page; a material management list is displayed on the first label page, and material management information of at least one material associated with the client is displayed in the material management list; determining target promotion management information selected by the client from promotion management information in the material management information; generating a second label according to the target promotion management information, and generating a second label page according to material management information including the target promotion management information; wherein the second label is used for switching the page to a second label page; and simultaneously displaying the first label, the second label and the second label page in the material promotion management page.

Description

Technical Field

[0001] The present disclosure relates to the field of AI (Artificial Intelligence), specifically to technical fields such as human-computer interaction and intelligent search, and especially to page display methods, devices, electronic devices and storage media. Background Art

[0002] The material management list of B-side (Business side, enterprise-oriented enterprise client or enterprise side) advertising carries the important functions of advertisers or optimizers to manage materials, edit materials, and view material indicators. It is the area that advertisers or optimizers focus on and pay attention to. Among them, the material management list is displayed by occupying part of the screen space. When there are many material indicators, advertisers or optimizers can view more indicator information by sliding horizontally, and some material management information can be displayed in paging mode. When switching from the first page to the second page, the front end will pull the material management information from the back end again and display it. Summary of the invention

[0003] The present disclosure provides a method, device, electronic device and storage medium for page display.

[0004] According to one aspect of the present disclosure, a page display method is provided, comprising:

[0005] Displaying a material promotion management page; wherein the material promotion management page displays a first label and a first label page; the first label is used to switch the page to the first label page; the first label page displays a material management list, and the material management list displays material management information of at least one material associated with the client;

[0006] Determining the target promotion management information selected by the client from the promotion management information in each of the material management information;

[0007] Generate a second label according to the target promotion management information, and generate a second label page according to the material management information including the target promotion management information; wherein the second label is used to switch the page to the second label page;

[0008] The first label, the second label and the second label page are displayed simultaneously in the material promotion management page.

[0009] According to another aspect of the present disclosure, a page display device is provided, comprising:

[0010] A display module, used for displaying a material promotion management page; wherein the material promotion management page displays a first label and a first label page; the first label is used to switch the page to the first label page; the first label page displays a material management list, and the material management list displays material management information of at least one material associated with the client;

[0011] A determination module, used to determine the target promotion management information selected by the client from the promotion management information in each of the material management information;

[0012] A generating module, used to generate a second label according to the target promotion management information, and to generate a second label page according to the material management information including the target promotion management information; wherein the second label is used to switch the page to the second label page;

[0013] The display module is also used to simultaneously display the first label, the second label and the second label page in the material promotion management page.

[0014] According to another aspect of the present disclosure, there is provided an electronic device, comprising:

[0015] at least one processor; and

[0016] a memory communicatively connected to the at least one processor; wherein,

[0017] The memory stores instructions that can be executed by the at least one processor, and the instructions are executed by the at least one processor so that the at least one processor can execute the page display method proposed in the above aspect of the present disclosure.

[0018] According to another aspect of the present disclosure, a non-transitory computer-readable storage medium of computer instructions is provided, wherein the computer instructions are used to enable the computer to execute the page display method proposed in the above aspect of the present disclosure.

[0019] According to another aspect of the present disclosure, a computer program product is provided, including a computer program, wherein when the computer program is executed by a processor, the computer program implements the page display method proposed in the above aspect of the present disclosure.

[0020] It should be understood that the content described in this section is not intended to identify the key or important features of the embodiments of the present disclosure, nor is it intended to limit the scope of the present disclosure. Other features of the present disclosure will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0021] The accompanying drawings are used to better understand the present solution and do not constitute a limitation of the present disclosure.

[0022] Figure 1 This is a schematic diagram of the existing material promotion management page;

[0023] Figure 2 A flowchart of a page display method provided in the first embodiment of the present disclosure;

[0024] Figure 3 Schematic diagram of the material promotion management page or full-screen mode page provided in the embodiment of the present disclosure Figure 1 ;

[0025] Figure 4 A schematic diagram of the flow of the page display method provided in the second embodiment of the present disclosure;

[0026] Figure 5 Schematic diagram of the material promotion management page or full-screen mode page provided in the embodiment of the present disclosure Figure 2 ;

[0027] Figure 6 A flowchart of a page display method provided in Embodiment 3 of the present disclosure;

[0028] Figure 7 Schematic diagram of the material promotion management page or full-screen mode page provided in the embodiment of the present disclosure Figure 3 ;

[0029] Figure 8 Schematic diagram of the material promotion management page or full-screen mode page provided in the embodiment of the present disclosure Figure 4 ;

[0030] Fig. 9 A flowchart of a page display method provided in Embodiment 4 of the present disclosure;

[0031] Fig.10 A schematic diagram of a material promotion management page provided in an embodiment of the present disclosure;

[0032] Fig.11 A schematic diagram of a semi-full screen mode page provided in an embodiment of the present disclosure;

[0033] Fig.12 A flowchart of a page display method provided in Embodiment 5 of the present disclosure;

[0034] Fig.13 Schematic diagram of the material promotion management page or full-screen mode page provided in the embodiment of the present disclosure Figure 5 ;

[0035] Fig.14 It is a schematic diagram of the overall design architecture of various embodiments of the present disclosure;

[0036] Fig.15A schematic diagram of an inline direct editing material promotion management page or a full-screen mode page provided in an embodiment of the present disclosure;

[0037] Fig.16 A schematic diagram of a right-click quick editing material management list provided in an embodiment of the present disclosure;

[0038] Fig.17 A schematic diagram of the structure of a page display device provided in Embodiment 6 of the present disclosure;

[0039] Fig.18 A schematic block diagram of an example electronic device that can be used to implement embodiments of the present disclosure is shown. DETAILED DESCRIPTION

[0040] The following is a description of exemplary embodiments of the present disclosure in conjunction with the accompanying drawings, including various details of the embodiments of the present disclosure to facilitate understanding, which should be considered as merely exemplary. Therefore, it should be recognized by those of ordinary skill in the art that various changes and modifications may be made to the embodiments described herein without departing from the scope and spirit of the present disclosure. Similarly, for the sake of clarity and conciseness, descriptions of well-known functions and structures are omitted in the following description.

[0041] The material management list of the current B-end advertising delivery platform is a common advertising list mode, which supports filtering, sorting, and checking and editing operations on the material management list. First of all, in the display scheme of the material management list, it is displayed by occupying part of the screen space. When there are many material indicators, it is necessary to slide horizontally to view more indicator information. In addition, a part of the material information is displayed in a paging mode. When switching from the first page to the second page, the front end reloads the material information pulled from the back end. Then, for the material selection mode, a check box is set in each row. When advertisers or optimizers select materials for editing, they need to click one by one. Among them, the editing operation requires clicking the check box first and then selecting the editing action to edit. You cannot directly double-click to edit the material. Finally, the material management list does not have a material memory function. After entering the material management list of another level from a certain level of the material management list, the material management list of the previous operation level will be overwritten. If you want to return to the material management list of the previous operation level, you need to pull the material management information from the back end again, and you cannot record the filtering conditions and view it in multiple dimensions at the same time.

[0042] In summary, in daily use, although the material management list supports advertisers or optimizers to edit material management information, it has at least the following shortcomings, which lead to low operating efficiency and poor experience for advertisers or optimizers:

[0043] 1. The screen efficiency is low. The navigation bar, account tree, account information, etc. occupy a large space on the screen, while the material management list area that needs to be managed and edited only occupies a small part of the screen. The screen efficiency of the material management list needs to be improved.

[0044] As an example, a traditional material promotion management page showing a material management list can be as follows Figure 1 As shown, Figure 1 Area 11 displays the account tree, area 12 displays the account information, and area 13 displays the material management list. The material management list only occupies part of the screen space. When there are many material indicators, manual horizontal sliding is required to view more indicator information.

[0045] That is, the display space of the material management list is small, and the displayed material management information is large. The attributes and effects are not in the same column, and advertisers or optimizers need to slide the screen back and forth. In addition, the effective editing area is squeezed, resulting in low efficiency for advertisers or optimizers to browse and find materials, and they cannot focus on material management.

[0046] 2. Material management and editing efficiency need to be further improved.

[0047] As an example, when an advertiser or optimizer needs to delete a single piece of material management information, they need to delete it through batch editing. At this time, if right-click deletion, shortcut key deletion, etc. are provided, the deletion efficiency of advertisers or optimizers will be greatly improved. For example, for batch operations, the existing solution requires selecting the corresponding material management information one by one through the check box, and then selecting the content to be operated in batch editing. The editing efficiency is low. At this time, if you use the mouse to drag the circle and right-click to quickly call up the operation, it will save operating costs and improve editing efficiency.

[0048] In other words, whether it is material selection or editing, the traditional material management list requires high-cost operations to complete. At this time, if you can complete daily material management through an Excel (spreadsheet)-like operation experience, combined with rich shortcut key functions, it will significantly improve the operating experience and efficiency of advertisers or optimizers.

[0049] 3. The cost of drilling down and switching material management lists between different levels is high. The material management list of the previous operation level must be destroyed each time. If you want to return to the material management list of the previous operation level, you need to reload the material management information. At this time, if you can use a multi-tab workbench, replace the drill-down list with a new tab page, and keep viewing the filtering and sorting conditions of the material management list, it will be convenient for advertisers or optimizers to manage and analyze material management information (or keywords) under different dimensions.

[0050] Therefore, in response to at least one of the above-mentioned problems, the present disclosure proposes a page display method, device, electronic device and storage medium.

[0051] The following describes the page display method, device, electronic device and storage medium of the embodiment of the present disclosure with reference to the accompanying drawings. Before describing the embodiment of the present disclosure in detail, for the sake of easy understanding, the commonly used technical terms are first introduced:

[0052] Promotion plan: A promotion plan is a large unit for managing keywords or material management information in a promotion account (the login account of an enterprise client). It covers a series of strategic blueprints for key decision points, from target market positioning (such as the selection of promotion areas), budget planning, creative design of advertising content (including creative display methods), to time management (promotion period scheduling), etc.

[0053] Promotion unit: A promotion unit is a small unit for managing keywords or material information in a promotion account. It is a specific execution unit under a promotion plan and is closely related to the selection of keywords and the writing of creatives. Among them, the promotion unit focuses on the management of keywords and creatives. Advertisers can organize related keywords and creatives into the same promotion unit based on the characteristics of keywords and the needs of creatives, so as to promote more targeted.

[0054] Figure 2 A flowchart of the page display method provided in the first embodiment of the present disclosure.

[0055] The page display method of the embodiment of the present disclosure may be applied to a client. Exemplarily, the client may be an enterprise client or an enterprise end.

[0056] like Figure 2 As shown, the page display method may include the following steps S201 to S204:

[0057] Step S201, displaying a material promotion management page; wherein the material promotion management page displays a first label and a first label page; the first label is used to switch the page to the first label page.

[0058] Among them, materials include but are not limited to: advertising creativity, keywords, etc.

[0059] Among them, material management information includes but is not limited to: keywords (material keywords, such as advertising keywords), promotion plans, promotion units, bids, estimated click-through rates, matching modes (including smart matching, phrase matching, and exact matching), etc.

[0060] In an embodiment of the present disclosure, a material promotion management page (or material search promotion page, search promotion page) may be displayed on the client side, wherein the material promotion management page displays a first label and a first tab page, wherein the first label is used to switch the page to the first tab page, wherein the first tab page displays a material management list, and the material management list displays material management information of each material associated with the client.

[0061] As an example, take the material promotion management page as Figure 3 As shown in the example, the first tag can be Figure 3 The "All Keywords" label (i.e., label 1) shown in area 31, the material management list displayed on the tab page corresponding to label 1 (as shown in area 32) contains material management information corresponding to all keywords associated with the client, wherein the material management list can be displayed in a tabular form, and each row (i.e., each record) in the material management list is a material management information.

[0062] It should be noted that the material promotion management page can not only display the first label and the first tab page, but also display information such as a navigation bar and an account tree, wherein the account tree includes nodes of different levels associated with the login account of the client.

[0063] As an example, the first-level nodes in the account tree may include promotion goals (or marketing goals) and promotion businesses, the child nodes of the first-level nodes (i.e., second-level nodes) may include promotion plans, and the child nodes of the second-level nodes (i.e., third-level nodes) may include promotion units.

[0064] Step S202: determining the target promotion management information selected by the client from the promotion management information in each material management information.

[0065] Among them, promotion management information includes but is not limited to: promotion plan, promotion unit, etc.

[0066] In the embodiment of the present disclosure, each piece of material management information may include promotion management information. In the present disclosure, the promotion management information selected by the client may be determined from the promotion management information in each piece of material management information and used as the target promotion management information.

[0067] Step S203, generating a second tag according to the target promotion management information, and generating a second tab page according to the material management information including the target promotion management information; wherein the second tag is used to switch the page to the second tab page.

[0068] It should be noted that there is a one-to-one correspondence between the target promotion management information and the first tag. The number of target promotion management information selected by the client may be one or more, and correspondingly, the number of the second tag may be at least one.

[0069] In the disclosed embodiment, a second tag can be generated according to each target promotion management information. Figure 3 Assume that the number of target promotion management information (such as promotion plans) selected by the client is 2, namely plan A and plan B. The second label can be Figure 3 The "Plan - Plan A" label (ie, label 2) and the "Plan - Plan B" label (ie, label 3) are shown in the middle area 33.

[0070] In the embodiment of the present disclosure, for any target promotion management information, a material management subtable can be generated based on the material management information containing the target promotion management information, and a second tab page can be generated based on the material management subtable, wherein the second tab page displays the material management subtable, and the material management subtable displays all the material management information containing the target promotion management information.

[0071] Step S204, simultaneously displaying the first label, the second label and the second label page in the material promotion management page.

[0072] In an embodiment of the present disclosure, a first tag, a second tag, and a second tab page may be displayed simultaneously in the material promotion management page of the client, so that a user on the client side (such as an advertiser or an optimizer) can switch from the second tab page to the first tab page by clicking the first tag, or switch from the first tab page to the second tab page by clicking the second tag, or, in the case where there are multiple second tags, switch to different second tab pages by clicking different second tags, so that users can more conveniently view and compare material management information at different levels, thereby improving the user experience.

[0073] In the page display method of the embodiment of the present disclosure, the number of target promotion management information (such as promotion plans and promotion units at different levels) selected by the client can be at least one, and correspondingly, the number of second tags and second tab pages can be at least one, and the first tag, the second tag and the second tab page are displayed simultaneously in the material promotion management page on the client side, and the user can switch to the corresponding tab page by clicking on different tags, that is, the material management information containing promotion management information at different levels (such as promotion plans and promotion units) can be drilled down by means of tab pages, so that the user on the client side can more conveniently view and compare material management information at different levels. information, improving the user experience. Moreover, when drilling down between material management information of different levels, there is no need to destroy the material management information of a certain level displayed on the previous page and reload the material management information of the current required level from the server, which can reduce the user's operation steps and waiting time (for example, the user does not need to click and reload the page repeatedly), further improving the user experience, and solving the problem of using a single page to display all material management information. After the user switches to material management information of different levels, the previously loaded page needs to be overwritten. If the user wants to view the material management information of the previous operation level, the material management information needs to be reloaded.

[0074] It should be noted that in the technical solution of the present disclosure, the collection, storage, use, processing, transmission, provision and disclosure of user personal information are all carried out with the user's consent, and are in compliance with the relevant laws and regulations and do not violate public order and good morals.

[0075] In order to clearly explain how to determine the target promotion management information selected by the client in any embodiment of the present disclosure, the present disclosure also proposes a page display method.

[0076] Figure 4 A flowchart of the page display method provided in the second embodiment of the present disclosure.

[0077] like Figure 4 As shown, the page display method may include the following steps S401 to S405:

[0078] Step S401, displaying a material promotion management page; wherein the material promotion management page displays a first label and a first label page; the first label is used to switch the page to the first label page.

[0079] The first tab page displays a material management list, and the material management list displays material management information of at least one material associated with the client.

[0080] Among them, an account tree is displayed in the material promotion management page; wherein, the account tree includes nodes of different levels associated with the client's login account, and the nodes are used to indicate the promotion management information of the corresponding level.

[0081] For the explanation of step S401, reference may be made to the relevant description in any embodiment of the present disclosure, and no further details will be given here.

[0082] Step S402, in response to monitoring a triggering operation on the account tree, displaying nodes at different levels in the account tree.

[0083] In the embodiment of the present disclosure, the account tree is collapsed by default, and the user on the client side can expand the account tree by clicking a button or icon corresponding to the account tree. In the present disclosure, when the client detects a trigger operation on a button or icon corresponding to the account tree, the client can display nodes of different levels in the account tree.

[0084] As an example, the button or icon corresponding to the account tree can be as follows Figure 3 As shown in area 36 in, or as Figure 5 As shown in area 51 (located on the right side of symbol ②), when it is detected that the user clicks the icon shown in area 51, the account tree shown in area 52 can be displayed. Among them, "searchlab" in area 52 refers to the account name of the client's login account.

[0085] It should be noted that the account tree in area 52 is only an example, and the present disclosure does not limit the display form of the account tree.

[0086] Step S403, in response to monitoring a triggering operation on a first node among nodes at different levels, taking the promotion management information indicated by the first node as target promotion management information selected by the client.

[0087] In an embodiment of the present disclosure, when a user's triggering operation on a first node in an account tree is detected, the promotion management information indicated by the first node may be used as the target promotion management information selected by the client.

[0088] Still using the above example, assuming that the user clicks on a promotion plan under the promotion business in the account tree (such as geographic location selection 20), the target promotion management information may be "geographic location selection 20".

[0089] Step S404, generating a second tag according to the target promotion management information, and generating a second tab page according to the material management information including the target promotion management information; wherein the second tag is used to switch the page to the second tab page.

[0090] Still taking the above example as an example, the second tag can be Figure 5 'Plan - Geographic Location Selection 20' tab.

[0091] Step S405, simultaneously displaying the first label, the second label and the second label page in the material promotion management page.

[0092] The explanation of steps S404 to S405 can be found in the relevant description in any embodiment of the present disclosure, and will not be repeated here.

[0093] According to the page display method of the disclosed embodiment, the user on the client side can quickly specify the target promotion management information that he needs to view by clicking a certain level node in the account tree, which is convenient for user operation and reduces the user's screening time.

[0094] In order to clearly explain how to determine the target promotion management information selected by the client in any embodiment of the present disclosure, the present disclosure also proposes a page display method.

[0095] Figure 6 A flowchart of the page display method provided in the third embodiment of the present disclosure.

[0096] like Figure 6 As shown, the page display method may include the following steps S601 to S604:

[0097] Step S601, displaying a material promotion management page; wherein the material promotion management page displays a first label and a first label page; the first label is used to switch the page to the first label page.

[0098] The first tab page displays a material management list, and the material management list displays material management information of at least one material associated with the client.

[0099] For the explanation of step S601, reference may be made to the relevant description in any embodiment of the present disclosure, and no further details will be given here.

[0100] Step S602, in response to monitoring a trigger operation on the first promotion management information in the promotion management information in each material management information, using the first promotion management information as the target promotion management information selected by the client; and / or, in response to a material search operation, searching and displaying the material management information corresponding to the target material to be searched from each material management information, and in response to monitoring a trigger operation on the second promotion management information in the displayed material management information, using the second promotion management information as the target promotion management information; and / or, in response to monitoring a trigger operation on the first page element in the material promotion management page, displaying nodes of different levels in the account tree in the material promotion management page, and in response to monitoring a trigger operation on the second node in the nodes of different levels, using the promotion management information indicated by the second node as the target promotion management information.

[0101] The account tree includes nodes of different levels associated with the login account of the client, and the nodes are used to indicate promotion management information of the corresponding level. It should be noted that the explanation of the account tree in the above embodiment is also applicable to this embodiment and will not be repeated here.

[0102] The first page element is used to add a new tag. For example, the first page element may be an “add” button or a “new” button.

[0103] In a first possible implementation of the embodiment of the present disclosure, a user on the client side can specify the target promotion management information that he needs to view by clicking on a certain promotion management information displayed in the material promotion management page. Accordingly, when the client detects the user's triggering operation on the first promotion management information in the promotion management information in each material management information, the first promotion management information can be used as the target promotion management information selected by the client.

[0104] As an example, if the first promotion management information (such as promotion plan) clicked by the user is Figure 7 “Plan A” shown in area 71 (located on the right side of symbol ①) can be used as the target promotion management information selected by the client, and then a “Plan-Plan A” label as shown in area 72 can be generated based on the target promotion management information.

[0105] In a second possible implementation of the embodiment of the present disclosure, in order to reduce the time it takes for the user on the client side to screen the promotion management information, in the present disclosure, the user can preliminarily search for the material management information corresponding to the material that he or she needs to view (referred to as the target material in the present disclosure). For example, the user can enter the keyword of the target material in the search box, so that the client can search and display the material management information corresponding to the keyword from the full amount of material search information. After that, the user can select the target promotion management information from the searched material management information. Accordingly, when the client detects a material search operation, it can search and display the material management information corresponding to the target material to be searched from each material management information, and when it detects a trigger operation on the second promotion management information in the searched material management information, it can use the second promotion management information as the target promotion management information selected by the client.

[0106] In a third possible implementation of the disclosed embodiment, a user on the client side can display the account tree associated with the client by clicking on the first page element in the material promotion management page, so that the user can specify the target promotion management information that he needs to view by clicking on a certain node in the account tree. Accordingly, when the client detects the user's triggering operation on the first page element in the material promotion management page, the client can display nodes of different levels in the account tree in the material promotion management page, and when the client detects the triggering operation on the second node in the account tree, the promotion management information indicated by the second node is used as the target promotion management information selected by the client.

[0107] As an example, take the first page element as Figure 8 Take the “Add” button shown in area 81 (located on the left side of symbol ③) as an example. If the user clicks the “Add” button, the account tree shown in area 82 can be displayed. Assuming that the user clicks on a promotion plan under the promotion business in the account tree in area 82 (such as geographic location selection 20), the “geographic location selection 20” can be used as the target promotion management information selected by the client, and then the “Plan-Geographic Location Selection 20” label shown in area 83 can be generated based on the target promotion management information.

[0108] It should be noted that, when there are multiple target promotion management information, any two of the above three methods can be combined to determine the target promotion management information selected by the client, or the above three methods can be combined at the same time to determine the target promotion management information selected by the client, or the above three methods and Figure 4 Steps S402 to S403 in the above method are used to determine the target promotion management information selected by the client, and the embodiment of the present disclosure does not limit this.

[0109] Step S603, generating a second tag according to the target promotion management information, and generating a second tab page according to the material management information including the target promotion management information; wherein the second tag is used to switch the page to the second tab page.

[0110] Step S604, simultaneously displaying the first label, the second label and the second label page in the material promotion management page.

[0111] The explanation of steps S603 to S604 can be found in the relevant description in any embodiment of the present disclosure, and will not be repeated here.

[0112] In any embodiment of the present disclosure, the display position of different tags can also be adjusted by the user on the client side. For example, the user can adjust the display position of different tags by dragging and dropping. Accordingly, when the client detects the position adjustment operation triggered on the first tag or the second tag, the position adjustment information can be performed on the first tag and the second tag in the material promotion management page.

[0113] In this way, the display positions of various tags in the material promotion management page can be adjusted based on the user's actual preferences or material viewing needs to meet the personalized needs of different users and improve the user experience.

[0114] In any embodiment of the present disclosure, the actual display position of the first tag in the screen (referred to as the first display position in the present disclosure) and the actual display position of the second tag in the screen (referred to as the second display position in the present disclosure) can also be obtained. After that, the first tag and the second tag can be persistently stored based on the first display position and the second display position. For example, the first display position and the first tag can be stored correspondingly, and the second display position and the second tag can be stored correspondingly. In addition, the first tab page and the second tab page can be persistently stored, so that after refreshing the material promotion management page, the client can re-display the first tag and the second tag, as well as the first tab page or the second tab page, based on the first display position and the second display position.

[0115] Therefore, by persistently storing the above information, after the user refreshes the page, there is no need to reload the material management information from the server, which can further reduce the user's waiting time.

[0116] It should be noted that the above is only an example of executing one of the operations of adjusting the label position or the persistent storage operation. In actual application, the label position adjustment operation and the persistent storage operation can also be executed at the same time, and the embodiments of the present disclosure do not limit this.

[0117] The page display method of the embodiment of the present disclosure can determine the target promotion management information selected by the client based on different methods, which can improve the flexibility and applicability of the method.

[0118] It should be noted that the material promotion management page in the prior art not only displays the material management list, but also displays the navigation bar, account tree, account information, etc. The screen efficiency of the material management list is low, and advertisers or optimizers need to slide the screen back and forth to view the material management information. In view of the above situation, in this disclosure, a second page element (such as an immersive mode entrance) is designed on the material promotion management page. Users can click on the second page element to display the material management information in full screen. Fig. 9 , the above process is explained in detail.

[0119] Fig. 9 A flowchart of the page display method provided in the fourth embodiment of the present disclosure.

[0120] like Fig. 9 As shown, the page display method may include the following steps S901 to S907:

[0121] Step S901, displaying a material promotion management page; wherein the material promotion management page displays a first label and a first label page.

[0122] Among them, the first tab is used to switch the page to the first tab page; the first tab page displays a material management list, and the material management list displays material management information of at least one material associated with the client.

[0123] Step S902: Determine the target promotion management information selected by the client from the promotion management information in each material management information.

[0124] Step S903: Generate a second label according to the target promotion management information, and generate a second label page according to the material management information including the target promotion management information.

[0125] The second tab is used to switch the page to the second tab page.

[0126] Step S904, displaying the first label, the second label and the second label page simultaneously in the material promotion management page.

[0127] For explanations of steps S901 to S904, reference may be made to the relevant descriptions in any embodiment of the present disclosure, and will not be repeated here.

[0128] Step S905, in response to monitoring a triggering operation on a second page element in the material promotion management page, calling a first target method; wherein the first target method is used to detect whether the first display area is in full screen mode.

[0129] The first display area is used to display various tags (including the first tag and the second tag) and the currently displayed tab page (the first tab page or the second tab page).

[0130] Among them, the second page element is used to enter the full-screen mode (or immersive mode, full-screen immersive mode). For example, the second page element can be the entrance to the immersive mode.

[0131] In an embodiment of the present disclosure, when the client detects a user's triggering operation on a second page element in a material promotion management page, the first target method can be called; wherein the first target method is used to detect whether the first display area in the material promotion management page is in full-screen mode, and the first display area is used to display various tags (including the first tag and the second tag) and the currently displayed tab page.

[0132] Exemplarily, the first target method may be the isFullScreen method on the object returned by the useFullScreen (use full screen) method.

[0133] Step S906: Determine whether the first display area is in full screen mode according to the return value of the first target method.

[0134] In the disclosed embodiment, whether the first display area is in full screen mode can be determined based on the return value of the first target method. For example, when the return value of the first target method is false, it can be determined that the first display area is not in full screen mode, and when the return value of the first target method is true, it can be determined that the first display area is in full screen mode.

[0135] Step S907, when the first display area is not in full screen mode, call the second target method to enter full screen mode to display the first page corresponding to the full screen mode; wherein the first page is used to display the first display area in full screen.

[0136] In an embodiment of the present disclosure, when the first display area is not in full-screen mode, the client can further call the second target method to enter full-screen mode to display the first page corresponding to the full-screen mode, wherein the first page is used to display the first display area in full screen, that is, the first page does not display a navigation bar, account information, etc.

[0137] Exemplarily, the second target method may be a toFullScreen method, and the client may call the toFullScreen method to enter the full-screen mode. The toFullScreen method may internally call element.requestFullscreen() to try to enter the full-screen mode.

[0138] As an example, the material promotion management page can be as follows Fig.10 As shown, the first page element can be Fig.10 The “immersive mode entrance” shown in the middle area 101 may be displayed as follows after the user clicks on the “immersive mode entrance” Figure 3 The first page (or full-screen mode page) shown.

[0139] In any embodiment of the present disclosure, a first control and a second control may also be displayed in the first display area, wherein the first control is used to switch between full screen mode and semi-full screen mode, and the second control is used to exit full screen mode. In the present disclosure, when the client detects a user triggering operation on the first control, the third target method may be called to switch from full screen mode to semi-full screen mode, and display a second page corresponding to the semi-full screen mode; wherein the second page is used to display the first display area and the navigation bar.

[0140] Exemplarily, the third target method may be a toExitFullscreen method, and the client may call the toExitFullscreen method to exit the full-screen mode and enter the semi-full-screen mode.

[0141] As an example, the first control may be Figure 3 As shown in the middle area 34, if the user clicks the first control in the area 34, the following may be displayed: Fig.11 The second page (or semi-full screen mode page) corresponding to the semi-full screen mode (or semi-full screen immersive mode) shown.

[0142] in, Fig.11 The first control is displayed in the area 111 of the second page, and the second control is displayed in the area 112. If the user clicks the first control in the second page, the following is displayed: Figure 3 The first page corresponding to the full screen mode (or full screen immersive mode) shown in FIG. 1 is displayed. If the user clicks the second control in the second page, the following Fig.10 The material promotion management page shown.

[0143] In the present disclosure, when the client detects the user's triggering operation on the second control, the fourth target method can be called to exit the full-screen mode to display the material promotion management page.

[0144] Exemplarily, the fourth target method may also be a toExitFullscreen method. The client may call the toExitFullscreen method to exit the full-screen mode, wherein the toExitFullscreen method internally calls document.exitFullScreen() to try to exit the full-screen mode.

[0145] As an example, the second control can be Figure 3 As shown in the middle area 35, if the user clicks the second control in the area 35, the following may be displayed: Fig.10 The material promotion management page shown.

[0146] In summary, it is possible to switch between pages of different modes by clicking on different page elements, thereby meeting the user's actual page display needs.

[0147] In any embodiment of the present disclosure, when the client detects a trigger operation on the first shortcut key (such as the "Esc" key on the keyboard), the third target method can be called to switch from the full screen mode to the semi-full screen mode, and the second page corresponding to the semi-full screen mode can be displayed; wherein the first shortcut key is used to exit the full screen mode. Thus, it is possible to quickly exit the full screen mode and enter the semi-full screen mode by means of shortcut keys, which is convenient for user operation and further improves the user experience.

[0148] The page display method of the disclosed embodiment designs a second page element (such as an immersive mode entrance) on the material promotion management page. Users can click on the second page element to display the material management information of different materials in full screen, which can improve the screen effect and avoid users sliding the screen back and forth to view the complete material management information, thereby further improving the user experience.

[0149] In order to clearly illustrate the above embodiment, the present disclosure also proposes a page display method.

[0150] Fig.12 This is a flow chart of the page display method provided in the fifth embodiment of the present disclosure.

[0151] like Fig.12 As shown, the page display method may include the following steps S1201 to S1206:

[0152] Step S1201, displaying a material promotion management page; wherein the material promotion management page displays a first label and a first label page.

[0153] Among them, the first tab is used to switch the page to the first tab page; the first tab page displays a material management list, and the material management list displays material management information of at least one material associated with the client.

[0154] Step S1202, determining the target promotion management information selected by the client from the promotion management information in each material management information.

[0155] Step S1203: Generate a second label according to the target promotion management information, and generate a second label page according to the material management information including the target promotion management information.

[0156] The second tab is used to switch the page to the second tab page.

[0157] Step S1204, simultaneously displaying the first label, the second label and the second label page in the material promotion management page.

[0158] For explanations of steps S1201 to S1204, reference may be made to the relevant descriptions in any embodiment of the present disclosure and will not be repeated here.

[0159] Step S1205, determining the currently selected area from the target tab page, and determining the operation behavior of the currently selected area; wherein the target tab page is the tab page currently displayed between the first tab page and the second tab page.

[0160] The operation behaviors include but are not limited to: copy, paste, delete, edit, etc.

[0161] In an embodiment of the present disclosure, the client may determine the area currently selected by the user (referred to as the currently selected area in the present disclosure) from the target tab page, and determine the operation behavior of the currently selected area.

[0162] In any embodiment of the present disclosure, the material management information may be displayed in a table format. When the client detects a trigger operation of the second shortcut key (such as CTRL+C), the row where the cursor is located in the target tab page may be used as the currently selected area, and the operation behavior of the currently selected area may be determined to include copying.

[0163] In any embodiment of the present disclosure, the material management information may be displayed in a table format. When the client detects a trigger operation of the third shortcut key (such as CTRL+A), the second display area in the target tab page is used as the current selected area, and the operation behavior of the current selected area is determined to include copying. The second display area displays all material management information displayed on the current page in the target tab page.

[0164] That is to say, when the amount of material management information is large, the material management information of different materials can be displayed in pages. When the user triggers the third shortcut key (such as CTRL+A), the current page in the target tab can be used as the currently selected area, and the operation behavior of the currently selected area can be determined, including copying.

[0165] In any embodiment of the present disclosure, the material management information may be displayed in a table format. When the client detects a trigger operation on the fourth shortcut key (such as CTRL+V), it may be determined that the operation behavior of the currently selected area includes pasting.

[0166] In any embodiment of the present disclosure, the material management information may be displayed in a table format. When the client monitors the triggering operation of the fifth shortcut key (such as Delete or Backsapce), the row where the cursor is located in the target tab page may be used as the currently selected area, and it may be determined that the operation behavior of the currently selected area includes deletion.

[0167] Therefore, users can use shortcut keys to quickly select the area to be operated from the tab, achieving a smooth operation experience similar to Excel, which can facilitate users' management of materials and improve users' usage experience.

[0168] In any embodiment of the present disclosure, the material management information may be displayed in a table format. When the client monitors a third event triggered on a first cell in a target tab page, the first cell may be used as the currently selected area, and the operation behavior of the currently selected area may be determined to include editing; wherein the third event includes a double-click event.

[0169] In any embodiment of the present disclosure, the material management information can be displayed in a table format. When the client monitors the fourth event triggered on the second cell in the target tab page, the second cell can be used as the current selected area, and the operation behavior of the current selected area can be determined to include highlighting (such as highlighting, bolding, etc.); wherein the fourth event includes a click event.

[0170] Therefore, users can quickly edit cells in a Web page by double-clicking the cells, or highlight the displayed content in cells in a Web page (such as highlighting, bolding, enlarging, etc.) by clicking on the cells, which can reduce the user's operating costs for managing materials and improve the user's experience.

[0171] In any embodiment of the present disclosure, the material management information may be in a table display form, and the client may also use the following steps A to E to determine the currently selected area from the target tab page and determine the operation behavior of the currently selected area:

[0172] Step A: The client may determine the currently selected area from the target tab page according to the monitored first event and the coordinates of each cell in the target tab page.

[0173] The first event includes a mouse event and / or a keyboard event, wherein the mouse event includes a mousedown (mouse press) event, a mousemove (mouse move) event, a mouseup (mouse release) event, and the like.

[0174] As an example, the client can combine the mousedown event + mousemove event + mouseup event + keyboard event, as well as the coordinates of each cell, to calculate the user's selection range, and determine the currently selected area based on the selection range.

[0175] Step B: when the client monitors the second event triggered on the currently selected area, a context menu is generated according to the displayed content in the currently selected area; wherein the second event includes a right-click event.

[0176] The context menu may also be referred to as a right-click menu, and the content and arrangement position of each menu item in the context menu are determined based on the display content in the currently selected area.

[0177] As an example, the context menu includes but is not limited to the following menu items: status change, delete, modify bid, copy, paste, set URL, etc.

[0178] Step C: The client determines the display position of the context menu on the screen according to the coordinates of the currently selected area and the coordinates of the screen.

[0179] As an example, the coordinates of the center point of the currently selected area can be determined based on the coordinates of the currently selected area, and then the display position of the context menu can be positioned near the center point. It should be noted that if the calculated display position is determined to exceed the screen boundary based on the screen coordinates, then the display position needs to be adjusted to ensure that the context menu is fully displayed within the screen.

[0180] Step D: The client mounts and draws the context menu to the display location.

[0181] For example, the context menu can be mounted and drawn to the display position in the screen through createPortal (a high-level React (a JavaScript library for building user interfaces) API (Application Programming Interface) that allows child nodes to be rendered into DOM nodes that exist outside the parent component).

[0182] Step E: When the client detects a trigger operation on a menu item in the context menu (referred to as a target menu item in the present disclosure), it is determined that the operation behavior of the currently selected area includes the operation behavior indicated by the target menu item.

[0183] As an example, suppose the current selection includes Fig.13 For example, the context menu can be displayed as follows: Fig.13 As shown in area 131 in FIG.

[0184] In this way, the Excel-like function of dragging the mouse to circle and deselect can be realized, which further reduces the user's operating cost of managing materials and improves the user experience.

[0185] Step S1206: Process the currently selected area in the target tab page according to the operation behavior.

[0186] In the embodiment of the present disclosure, the currently selected area in the target tab page may be processed based on the operation behavior of the currently selected area.

[0187] In any embodiment of the present disclosure, when the operation behavior of the currently selected area includes deletion, the client can directly delete the currently selected area in the target tab page.

[0188] In any embodiment of the present disclosure, when the operation behavior of the currently selected area includes editing, the client can edit the display content in the currently selected area in response to the editing operation triggered by the user.

[0189] In this way, it is possible to implement operations based on user triggers and perform targeted processing on the currently selected area in the target tab page to meet the user's actual material management needs.

[0190] In any embodiment of the present disclosure, when the operation behavior of the currently selected area includes copying and pasting (for example, the user first triggers the second shortcut key (or the third shortcut key) and then triggers the fourth shortcut key), the client can copy the display content in the currently selected area to a temporary DOM (Document Object Model) node created outside the field of view, and select the node content in the temporary DOM node. After that, the above node content can be pasted to the specified position in the target tab by calling the fifth target method.

[0191] The specified position refers to the pasting position or cell position specified by the user.

[0192] For example, the document.execCommand('copy') method may be called to paste the node content in the temporary DOM node to a specified location in the target tab.

[0193] In this way, not only can Excel-like shortcut key operations be implemented, but also the capabilities of the native clipboard can be utilized to restore the copied content and format to the greatest extent, meeting the user's actual pasting needs.

[0194] The page display method of the embodiment of the present disclosure can enable the user to select the currently selected area that needs to be operated from the target tab page, and determine the operation behavior corresponding to the currently selected area, so as to process the currently selected area based on the operation behavior, and realize targeted page updates to meet the user's actual material management needs.

[0195] In any one of the embodiments of the present disclosure, an immersive B-side material management list with Excel-like interaction can be implemented, providing a quick selection method of dragging the mouse to circle and deselect materials, quick right-click editing, right-click deletion, shortcut key operations to copy and paste materials, etc., providing a full-screen interface, wide-angle field of view, and a new immersive mode, so that B-side users can focus more on convenient advertising, thereby improving the efficiency of advertisers in advertising.

[0196] It should be noted that the solution provided by the present disclosure can be applied to all complex management list systems, not limited to advertising delivery systems. The new immersive mode material management list is completely different from the traditional Web list, which can give users a broader vision and more convenient operation, allowing users to experience the smooth experience of operating Excel on the web page, and can focus more on the content itself, thereby improving the management efficiency of materials.

[0197] That is, the present disclosure aims to provide a brand new material management list, enabling Excel's drag-and-drop, quick editing, quick viewing and other capabilities on the web page.

[0198] 1. First of all, in order to address the low screen efficiency, a full-screen mode is provided, which provides a wide-angle field of view to facilitate users to immerse themselves in the delivery list.

[0199] 2. To address the issues of material management and editing efficiency, this paper designs capabilities such as quick circle selection and deselection on the page, quick batch editing with the right button, shortcut key copy, paste and delete, and double-click to directly edit materials, making the static list on the web page as easy to operate and view as Excel.

[0200] 3. To address the issues of level switching and inconvenient data viewing, this paper designs a tabbed design based on the sheet function of Excel, using the persistent storage solution of indexDB (index database). Multiple tabs can be displayed on the design page to display material management information at different levels or under different filtering conditions. There is no need to reload the material management information when switching, which is convenient for users to switch back and forth. In addition, users can drag the display order of each tab.

[0201] That is, the immersive B-side material management list with Excel-like interaction provided by the present disclosure has at least the following advantages: full-screen mode, immersive experience; dragging the mouse to select, deselect and select across pages; direct editing after selection or right-click batch editing; multi-tab storage of data, smooth switching; support for commonly used shortcut keys (such as CTRL+C, CTRL+V, Delete), etc., that is, most of the functions provided by Excel are supported on the Web.

[0202] As an example, the overall architecture of the disclosed design can be as follows: Fig.14 As shown, indexDB is used as persistent storage to implement the cache memory function of the tab page; filtering, sorting or clicking on the tab page will change the data in indexDB, and the interface interaction of data is carried out through the two hooks useFilters and useSorter (React hook functions, used to use the characteristics of React without writing classes). Switching tabs also changes the data in indexDB through switchOrAddTable, thereby recording the conditions of the tabs at each level, which is convenient for users to switch between various tab pages smoothly and to compare and analyze the material management information of different tab pages. For example, each tab page represents a specific data view or condition set. When the user switches tabs, switchOrAddTable retrieves the data in the corresponding tab page from indexedDB according to the conditions of the currently clicked tab. The table content area sets the coordinates for each cell, and when dragging the mouse, the current selected area (selections) is obtained. UseTableSelection is used to control the current selected area and the operation behavior after clicking, thereby enabling the Excel-like functions of the material management list, such as mouse drag selection and deselection, double-click editing, single-click highlighting, and shortcut keys CTRL+C / V.

[0203] in, Fig.14Tabs in: is the tab function in the client, which allows users to switch between different data views or functional areas; initializeTables: represents the process of initializing the table, including setting the basic structure, style and initial data of the table; useTables: a custom Hook or component used to encapsulate the common logic and state management of the table in front-end frameworks such as React; useCurrentTableKey: this function is used to track the key of the currently activated or selected table so that data can be loaded and displayed correctly when switching between multiple tables; RemoteConfig+Localconfig: means that the client combines remote configuration and local configuration, where remote configuration can be used to control certain behaviors or data of the client, and local configuration can be used to store user preferences, etc.; switchOrAddTable: decides whether to switch to an existing table or add a new table based on the current table key, which usually involves interaction with IndexedDB or other data stores; IndexedDB: is an API for clients to store large amounts of structured data and use indexes on these data for high-performance searches; useTable: used to create and manage the display of tables, which can receive data from IndexedDB and render it into a table visible to the user; <immersivetable / > : is a custom React component used to display immersive tables, which can include all the functions of the table, such as sorting, filtering, row selection, etc.; useFilters: is used to handle the filtering function of the table, allowing users to filter the data in the table according to specific conditions.

[0204] <tablebody / > , <tablestyle / > 、Cellswithloc、 <tablehead / > : These are custom React components or properties, which are used for the body, style, cell positioning and header of the table, which together constitute the display part of the table; useContextMenuListener: It is used to handle the context menu (right-click menu) function of the table, allowing users to perform specific operations through menu items, such as copy, paste, delete, etc.; <contextmenu / > : This is a custom React component related to the context menu, used to render menu items and handle user click events; <virtualscrollbar / > : A custom scroll bar component used to provide virtual scrolling when the table data is large to improve performance; useTableSelection: used to handle the row selection function of the table, allowing users to select multiple rows of data by clicking or dragging; <selections / >: used to display the currently selected row or data item; useSorter: used to process the sorting function of the table, allowing users to sort data according to one or more columns; <dragline / > : Related to the drag function, used to drag rows or columns in a table to reorder them; usekeyboardShortcut: used to handle keyboard shortcut functions, allowing users to perform specific operations through keyboard key combinations; <hotkeys / > : Related to the display or configuration of keyboard shortcuts.

[0205] The implementation principles of each embodiment of the present disclosure mainly include the following parts:

[0206] Part 1: To address the problem of low screen efficiency, this disclosure provides a full-screen interface with a wide-angle field of view, so that important information can be seen at a glance without scrolling left or right. The new visual presentation can enable users on the client side to focus more on content management without being disturbed by other things, giving users an immersive advertising experience. An entry button for the full-screen immersive mode is provided on the original material management list (recorded as the first page element in this disclosure). Clicking it will enter the full-screen immersive mode, and you can also exit or exit the immersive mode by pressing Esc.

[0207] The core technical solution of this part is: to realize the full-screen opening and closing of the web page through the requestFullscreen and exitFullScreen methods of the element. The above two methods can be called through the element in the core area of ​​the table to realize the opening and exit of the full-screen immersive mode in the list area. At the same time, call the isFullScreen method on the object returned by the useFullScreen method, and judge whether to enter the full-screen immersive mode according to the return value of isFullScreen. If so, call the toFullScreen method to enter the full-screen immersive mode. If not, call toExitFullscreen to exit the full-screen immersive mode.

[0208] An example can be achieved by Fig.10 : Click the "Immersive Mode Entry" in the navigation bar to enter the full-screen immersive mode (without displaying the browser navigation bar); Switch between full-screen immersive mode and semi-full-screen immersive mode: Press Esc to exit or switch to other pages to enter the semi-full-screen immersive mode (with the browser navigation bar displayed); Exit immersive mode: In full-screen immersive mode or semi-full-screen immersive mode, click the "Exit" button to return to the online material management list (or keyword list).

[0209] The second part implements Excel-like functions of dragging the mouse to select and quickly paste and copy.

[0210] In the material management list of the current advertising delivery system, for the copy and paste function, the user needs to click the check box, then select batch editing, then select the copy function, and then select the target location for pasting, and finally the operation can be successful, which is cumbersome. The present disclosure provides the ability of quick selection and quick copy and paste.

[0211] Among them, the shortcut key operation instructions are: Fig.13 In ① Copy, you can use the shortcut key "CTRL+C" to copy the entire line; for Fig.13 In ②Paste, you can use the shortcut key "CTRL+V" to paste material management information or keywords to other units; Fig.13 ③ Delete in the above example can delete material management information or keywords by using the shortcut keys "Delete" or "Backspace". Fig.13 In ④ Select All, you can use the shortcut key "CTRL+A" to select the current page.

[0212] It should be noted that the shortcut key operations of copy, paste and delete are the same regardless of single line / multiple lines / all selection.

[0213] Among them, copy and paste operation instructions:

[0214] Copy: Copy cell: copy the contents of the selected cell and paste it externally. For example, pasting it into Excel will keep the format of the selected row and column. Copy the entire row: copy a record (or keyword), and you can paste the record (or keyword) into other cells.

[0215] Paste: Right-click or use the shortcut key to paste the copied content into the specified unit. For example, the user can enter the specified unit through the interface configuration method, or select a specified unit from the drop-down box.

[0216] In the present disclosure, users can implement Excel-like operations on the web page. They can select materials by holding down the mouse and dragging, and then directly right-click to copy and paste.

[0217] 1) First, the core idea of ​​implementing the Excel-like cell selection function is to calculate the user's selection range through events such as mousedown+mousemove+mouseup+keyboard, combined with the coordinates of the cell, and then determine the current selected area. Here, ordinary selection, shift multiple selection, CTRL key assistance for multiple selection and reverse selection can be implemented, and a cross-page selection solution is provided.

[0218] 2) The copy and paste cell function is implemented mainly through the following steps: a) Create a temporary

[0219]

[0220]

[0221]

[0222]

[0223] Fig.15

[0224]

[0225] Fig.16

[0226]

[0227]

[0228]

[0229]

[0230] Figure 7

[0231] Figure 5

[0232] Figure 8

[0233]

[0234]

[0235] Figures 2 to 16 Figures 2 to 16

[0236] Fig.17

[0237] Fig.17

[0238]

[0239]

[0240]

[0241]

[0242]

[0243]

[0244]

[0245]

[0246]

[0247]

[0248]

[0249]

[0250]

[0251]

[0252]

[0253]

[0254]

[0255]

[0256]

[0257]

[0258]

[0259]

[0260]

[0261]

[0262]

[0263]

[0264]

[0265]

[0266]

[0267]

[0268]

[0269]

[0270] Fig.18

[0271] Fig.18

[0272]

[0273]

[0274]

[0275]

[0276]

[0277]

[0278]

[0279]

[0280]

[0281]

[0282]

[0283]

[0284] Node (or temporary DOM node), copy or clone the selected cell to the node; b) automatically select the content in the temporary DOM node; c) call document.execCommand('copy') to copy the content to the clipboard. This solution not only utilizes the capabilities of the native clipboard, but also restores the content and format to the greatest extent. At the same time, for copying and pasting, Excel-like shortcut key operations are also provided, such as CTRL+C for copying, CTRL+V for pasting, etc. The third part, realize Excel-like editing capabilities, double-click the cell to directly call up the editing capability and right-click batch editing after selection. The current advertising delivery system's material management list needs to select and then select the batch editing operation to call up the editing capability. The movement line is long and the steps are cumbersome. To address this problem, the present disclosure provides double-click plan editing and single-click highlight focus functions to reduce the user's operation steps and improve delivery efficiency. 1) Double-click a cell to perform the corresponding editing operation, such as clicking on a bid to enter the bid modification mode. The core technology here is implemented as follows: listen to the dbclick (double-click) event on the table, determine the editing operation of the material to which the current cell belongs after being triggered, and then directly call up the edit box and substitute the initial value. The core technical points include: there can only be one cell in the global editing state in the table, and the editing state is unique; listen to the dbclick event on the table, if the double-click is a cell with coordinates, then make this cell the only editing state; if any click on the table causes a change in selections, the global editing state needs to be canceled. As an example, the user can edit by double-clicking on the page as shown, or edit by clicking the cell and then using the edit button. 2) After the user drags and selects the material, the right button can directly select the batch editing operation for editing. The core technical points of this solution are: whenever a right-click is triggered, the coordinates of the clicked cell and the screen coordinates are obtained, and then a menu is generated based on the cell information, and then the display position of the menu on the screen is determined based on the cell coordinates and the screen coordinates, and the menu is mounted and drawn to the corresponding display position on the screen through createPortal. At the same time. For the batch editing operation that comes out of the right-click, the material operation of the column under the mouse click is placed on top to facilitate users to click quickly. Here, the implementation needs to determine the editing operation according to the position of the current cell, and then put it on top through the unshift (pre-add) operation. As an example, assuming that the cell right-clicked by the user is the cell shown in the middle area 161, the menu drawn can be shown in area 162.Among them, when the user selects any cell, the right-click can call up all the operations for the material management information or keywords to which the cell belongs: including the operations in the current online batch editing; the operations are reordered to be more in line with the usage habits; "status change", "copy", and "set URL" are presented in a primary and secondary directory; jump to promotion live and diagnosis, view search terms, and adjust to right-click operations; the order of right-click operations changes with the position of the cell that triggers the right-click, and the corresponding operation of the cell is ranked first, and the order of the other operations remains unchanged. For example, if you right-click in the bid column, the bid modification operation is ranked first, and the order of the other operations remains unchanged, so as to save the time cost of user operations. Part 4: Implement multi-tab browsing of data at all levels to facilitate users to switch data at different levels and different filtering conditions. In the current material management list, if you want to view materials at a certain level or materials under a certain filtering condition, you need to destroy the previous material management list and reload the material management information at that level. In this way, if customers want to switch data back and forth, it will be very troublesome. They need to click and load repeatedly on the page, which takes a long time and cannot compare and view material management information at different levels. The present disclosure implements an Excel-like sheet function, provides multi-label tab switching for web pages, and uses indexDB to persistently store filtering conditions and levels, so that even if the customer refreshes the page, the various list tabs viewed when it was last opened will be recorded. And the drag and drop function between each tab is supported. As an example, the user can click on a certain promotion plan / promotion unit in the page to open a new tab of the material management list (recorded as a material management subtable, or keyword list in this disclosure) under the promotion plan / promotion unit: As shown, after entering the full-screen immersive mode, the "All Keyword Lists" tab (the first tab in this disclosure) is displayed by default. By clicking on a certain promotion plan / promotion unit in the first tab page, a new tab of the material management list (or material management subtable, keyword list) under the promotion plan / promotion unit is opened. As another example, expand the account tree and open a new tab of the material management list (or material management sub-table, keyword list) under a certain promotion plan / promotion unit in the account tree: As shown, the account tree is collapsed by default and can be opened through a button. The user clicks on a certain promotion plan / promotion unit in the account tree to open a new tab of the material management list (or material management sub-table, keyword list) under the promotion plan / promotion unit. As another example, add a new tab of the material management list (or material management sub-table, keyword list) under a certain promotion plan / promotion unit: As shown, click the "Add" button in area 81, expand the account tree as shown in area 82, click on a certain promotion plan / promotion unit in the account tree, and open a new tab of the material management list (or material management sub-table, keyword list) under the promotion plan / promotion unit.Among them, the tab can be dragged to change the order, and the opened tab will still be retained after closing the browser and entering again, and the filtering conditions will also be retained (persistently stored through IndexedDB). Optionally, the first label is a resident label and cannot be closed. The user can manually close any second label. In summary, the user experience on the client side can experience immersive delivery of materials (such as advertisements), experience a silky operation experience like Excel on the web page, make the complex material management list simple to operate and convenient to view, greatly improve the efficiency of material delivery, and improve the user experience. In addition, the tab page and DB (DataBase) storage mode are used to record the data of each user's visit, so that the user on the client side can more conveniently view and compare material management information at different levels. Corresponding to the page display method provided in the above embodiment, the present disclosure also provides a page display device. Since the page display device provided in the embodiment of the present disclosure corresponds to the page display method provided in the above embodiment, the implementation method of the page display method is also applicable to the page display device provided in the embodiment of the present disclosure, and will not be described in detail in the embodiment of the present disclosure. It is a structural schematic diagram of the page display device provided in the sixth embodiment of the present disclosure. As shown, the page display device 1700 may include: a display module 1710, a determination module 1720, and a generation module 1730. The display module 1710 is used to display the material promotion management page; the material promotion management page displays a first label and a first tab page; the first label is used to switch the page to the first tab page; the first tab page displays a material management list, and the material management list displays material management information of at least one material associated with the client; the determination module 1720 is used to determine the target promotion management information selected by the client from the promotion management information in each material management information; the generation module 1730 is used to generate a second label according to the target promotion management information, and generate a second tab page according to the material management information containing the target promotion management information; the second label is used to switch the page to the second tab page; the display module 1710 is also used to simultaneously display the first label, the second label, and the second tab page in the material promotion management page. In a possible implementation of the embodiments of the present disclosure, an account tree is displayed in the material promotion management page; wherein the account tree includes nodes of different levels associated with the client's login account, and the nodes are used to indicate promotion management information of the corresponding levels. The determination module 1720 is used to: in response to monitoring a trigger operation on the account tree, display the nodes of different levels in the account tree; in response to monitoring a trigger operation on the first node among the nodes of different levels, use the promotion management information indicated by the first node as the target promotion management information.In a possible implementation of the embodiment of the present disclosure, the determination module 1720 is used to: in response to monitoring a trigger operation on the first promotion management information in the promotion management information in each material management information, use the first promotion management information as the target promotion management information; and / or, in response to a material search operation, search and display the material management information corresponding to the target material to be searched from each material management information; in response to monitoring a trigger operation on the second promotion management information in the corresponding material management information, use the second promotion management information as the target promotion management information; and / or, in response to monitoring a trigger operation on the first page element in the material promotion management page, display nodes of different levels in the account tree in the material promotion management page; wherein the account tree includes nodes of different levels associated with the login account of the client, and the nodes are used to indicate the promotion management information of the corresponding level; wherein the first page element is used to add a new tag; in response to monitoring a trigger operation on a second node in the nodes of different levels, use the promotion management information indicated by the second node as the target promotion management information. In a possible implementation of the embodiment of the present disclosure, the page display device 1700 also includes: an adjustment module, which is used to adjust the position of the first tag and the second tag in the material promotion management page in response to a position adjustment operation; and / or, an acquisition module, which is used to obtain the first display position of the first tag in the screen, and the second display position of the second tag in the screen; a storage module, which is used to persistently store the first tag and the second tag based on the first display position and the second display position, and persistently store the tab page corresponding to the first tag and the tab page corresponding to the second tag, so that after refreshing the material promotion management page, the client can re-display the first tag and the second tag, as well as the first tab page or the second tab page in the material promotion management page based on the first display position and the second display position. In a possible implementation of the embodiment of the present disclosure, the page display device 1700 also includes: a calling module, which is used to call the first target method in response to monitoring a trigger operation on the second page element in the material promotion management page; wherein the first target method is used to detect whether the first display area is in full-screen mode; the first display area is used to display various tags and the currently displayed tab page; the second page element is used to enter the full-screen mode; a judgment module, which is used to judge whether the first display area is in full-screen mode according to the return value of the first target method; the calling module is also used to call the second target method to enter the full-screen mode when the first display area is not in full-screen mode, so as to display the first page corresponding to the full-screen mode; wherein the first page is used to display the first display area in full screen.In a possible implementation of the embodiment of the present disclosure, a first control and a second control are displayed in a first display area, wherein the first control is used to switch between full-screen mode and semi-full-screen mode, and the second control is used to exit full-screen mode; the calling module is also used to call a third target method to switch from full-screen mode to semi-full-screen mode when a trigger operation on the first control is detected, and to display a second page corresponding to the semi-full-screen mode; wherein the second page is used to display the first display area and the navigation bar; the calling module is also used to call a fourth target method to exit full-screen mode when a trigger operation on the second control is detected, so as to display a material promotion management page. In a possible implementation of the embodiment of the present disclosure, the calling module is also used to: when a trigger operation on the first shortcut key is detected, call the third target method to switch from full-screen mode to semi-full-screen mode, and to display the second page corresponding to the semi-full-screen mode. In a possible implementation of the embodiment of the present disclosure, the determination module 1720 is also used to determine the current selected area from the target tab page, and determine the operation behavior of the current selected area; wherein the target tab page is the tab page currently displayed in the first tab page and the second tab page; the page display device 1700 also includes: a processing module, which is used to process the current selected area in the target tab page according to the operation behavior. In a possible implementation of the embodiment of the present disclosure, the processing module is used to: when the operation behavior includes copying and pasting, copy the display content in the current selected area to a temporary document object model DOM node; select the node content in the temporary DOM node; call the fifth target method to paste the node content to the specified position in the target tab page. In a possible implementation of the embodiment of the present disclosure, the processing module is used to: when the operation behavior includes deletion, delete the current selected area in the target tab page; when the operation behavior includes editing, edit the display content in the current selected area in response to the editing operation. In a possible implementation of the embodiment of the present disclosure, the material management information is displayed in a table, and the determination module 1720 is used to: in response to monitoring the trigger operation of the second shortcut key, use the row where the cursor is located in the target tab page as the currently selected area, and determine that the operation behavior of the currently selected area includes copying; in response to monitoring the trigger operation of the third shortcut key, use the second display area in the target tab page as the currently selected area, and determine that the operation behavior of the currently selected area includes copying; wherein the second display area displays all material management information displayed on the current page in the target tab page; in response to monitoring the trigger operation of the fourth shortcut key, determine that the operation behavior of the currently selected area includes pasting; in response to monitoring the trigger operation of the fifth shortcut key, use the row where the cursor is located in the target tab page as the currently selected area, and determine that the operation behavior of the currently selected area includes deleting.In a possible implementation of the embodiment of the present disclosure, the material management information is displayed in a table format, and the determination module 1720 is used to: determine the currently selected area from the target tab page based on the monitored first event and the coordinates of each cell in the target tab page; wherein the first event includes a mouse event and / or a keyboard event; in response to monitoring a second event triggered on the currently selected area, generate a context menu based on the display content in the currently selected area; wherein the second event includes a right-click event; determine the display position of the context menu on the screen based on the coordinates of the currently selected area and the coordinates of the screen; mount and draw the context menu to the display position; in response to monitoring a trigger operation on a target menu item in the context menu, determine that the operation behavior of the currently selected area includes the operation behavior indicated by the target menu item. In a possible implementation of the embodiment of the present disclosure, the material management information is in a table display form, and the determination module 1720 is used to: in response to monitoring the third event triggered on the first cell in the target tab page, the first cell is used as the current selected area, and the operation behavior of the current selected area includes editing; wherein the third event includes a double-click event; in response to monitoring the fourth event triggered on the second cell in the target tab page, the second cell is used as the current selected area, and the operation behavior of the current selected area includes highlighting; wherein the fourth event includes a single-click event. In the page display device of the embodiment of the present disclosure, the number of target promotion management information (such as promotion plans and promotion units at different levels) selected by the client can be at least one, and accordingly, the number of second labels and second tab pages can be at least one, and the first label, the second label and the second tab page are displayed simultaneously in the material promotion management page on the client side, and the user can switch to the corresponding tab page by clicking on different labels, that is, the material management information containing promotion management information at different levels (such as promotion plans and promotion units) can be drilled down by means of tab pages, so that the user on the client side can more conveniently view and compare material management information at different levels. information, improving the user experience. Moreover, when drilling down between material management information of different levels, there is no need to destroy the material management information of a certain level displayed on the previous page and reload the material management information of the current required level from the server, which can reduce the user's operation steps and waiting time (for example, the user does not need to click and reload the page repeatedly), further improving the user experience, and solving the problem of using a single page to display all material management information. After the user switches to material management information of different levels, the previously loaded page needs to be overwritten. If the user wants to view the material management information of the previous operation level, the material management information needs to be reloaded.In order to implement the above embodiments, the present disclosure also provides an electronic device, which may include at least one processor; and a memory connected to the at least one processor in communication; wherein the memory stores instructions that can be executed by at least one processor, and the instructions are executed by at least one processor to enable at least one processor to execute the page display method proposed in any of the above embodiments of the present disclosure. In order to implement the above embodiments, the present disclosure also provides a non-transitory computer-readable storage medium storing computer instructions, wherein the computer instructions are used to enable a computer to execute the page display method proposed in any of the above embodiments of the present disclosure. In order to implement the above embodiments, the present disclosure also provides a computer program product, which includes a computer program, and the computer program implements the page display method proposed in any of the above embodiments of the present disclosure when executed by the processor. According to the embodiments of the present disclosure, the present disclosure also provides an electronic device, a readable storage medium, and a computer program product. A schematic block diagram of an example electronic device that can be used to implement the embodiments of the present disclosure is shown. Among them, the electronic device may include a server and a client in the above embodiments. The electronic device is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. Electronic devices can also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices and other similar computing devices. The components shown in this article, their connections and relationships, and their functions are only examples, and are not intended to limit the implementation of the present disclosure described and / or required herein. As shown, the device 1800 includes a computing unit 1801, which can perform various appropriate actions and processes according to a computer program stored in a ROM (Read-Only Memory, read-only memory) 1802 or a computer program loaded from a storage unit 1807 to a RAM (Random Access Memory, random access / access memory) 1803. In RAM 1803, various programs and data required for the operation of the device 1800 can also be stored. The computing unit 1801, ROM 1802 and RAM 1803 are connected to each other via a bus 1804. An I / O (Input / Output, input / output) interface 1805 is also connected to the bus 1804. A number of components in the device 1800 are connected to the I / O interface 1805, including: an input unit 1806, such as a keyboard, a mouse, etc.; an output unit 1807, such as various types of displays, speakers, etc.; a storage unit 1808, such as a disk, an optical disk, etc.; and a communication unit 1809, such as a network card, a modem, a wireless communication transceiver, etc. The communication unit 1809 allows the device 1800 to exchange information / data with other devices through a computer network such as the Internet and / or various telecommunication networks.The computing unit 1801 may be a variety of general and / or special processing components with processing and computing capabilities. Some examples of the computing unit 1801 include, but are not limited to, a CPU (Central Processing Unit), a GPU (Graphic Processing Units), various dedicated AI (Artificial Intelligence) computing chips, various computing units running machine learning model algorithms, a DSP (Digital Signal Processor), and any appropriate processor, controller, microcontroller, etc. The computing unit 1801 performs the various methods and processes described above, such as the above-mentioned page display method. For example, in some embodiments, the above-mentioned page display method may be implemented as a computer software program, which is tangibly contained in a machine-readable medium, such as a storage unit 1808. In some embodiments, part or all of the computer program may be loaded and / or installed on the device 1800 via the ROM 1802 and / or the communication unit 1809. When the computer program is loaded into the RAM 1803 and executed by the computing unit 1801, one or more steps of the page display method described above may be performed. Alternatively, in other embodiments, the computing unit 1801 may be configured to perform the above-mentioned page display method by any other appropriate means (e.g., by means of firmware). Various embodiments of the systems and techniques described above herein may be implemented in digital electronic circuit systems, integrated circuit systems, FPGAs (Field Programmable Gate Arrays), ASICs (Application-Specific Integrated Circuits), ASSPs (Application Specific Standard Products), SOCs (System On Chips), CPLDs (Complex Programmable Logic Devices), computer hardware, firmware, software, and / or combinations thereof. These various embodiments may include: being implemented in one or more computer programs, which may be executed and / or interpreted on a programmable system including at least one programmable processor, which may be a dedicated or general-purpose programmable processor, which may receive data and instructions from a storage system, at least one input device, and at least one output device, and transmit data and instructions to the storage system, the at least one input device, and the at least one output device.The program code for implementing the method of the present disclosure can be written in any combination of one or more programming languages. These program codes can be provided to a processor or controller of a general-purpose computer, a special-purpose computer or other programmable data processing device, so that the program code, when executed by the processor or controller, enables the function / operation specified in the flow chart and / or the block diagram to be implemented. The program code can be executed completely on the machine, partially on the machine, partially on the machine as an independent software package and partially on a remote machine or completely on a remote machine or server. In the context of the present disclosure, a machine-readable medium can be a tangible medium, which can contain or store a program used for or in combination with an instruction execution system, a device or an equipment. A 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, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices or equipment, or any suitable combination of the foregoing. More specific examples of machine-readable storage media would include electrical connections based on one or more wires, portable computer disks, hard disks, RAM, ROM, EPROM (Electrically Programmable Read-Only-Memory) or flash memory, optical fibers, CD-ROM (Compact Disc Read-Only Memory), optical storage devices, magnetic storage devices, or any suitable combination of the above. To provide interaction with a user, the systems and techniques described herein can be implemented on a computer having: a display device (e.g., a CRT (Cathode-Ray Tube) or LCD (Liquid Crystal Display) monitor) for displaying information to the user; and a keyboard and pointing device (e.g., a mouse or trackball) through which the user can provide input to the computer. Other types of devices can also be used to provide interaction with the user; for example, the feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and the input from the user can be received in any form (including acoustic input, voice input, or tactile input).The systems and techniques described herein may be implemented in a computing system including a backend component (e.g., as a data server), or a computing system including a middleware component (e.g., an application server), or a computing system including a frontend component (e.g., a user computer with a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described herein), or a computing system including any combination of such backend components, middleware components, or frontend components. The components of the system may be interconnected by digital data communication (e.g., a communication network) in any form or medium. Examples of communication networks include: LAN (Local Area Network), WAN (Wide Area Network), the Internet, and blockchain networks. A computer system may include a client and a server. The client and server are generally remote from each other and typically interact through a communication network. The relationship of the client and server is generated by computer programs running on respective computers and having a client-server relationship with each other. The server can be a cloud server, also known as a cloud computing server or cloud host, which is a host product in the cloud computing service system to solve the defects of difficult management and weak business scalability in traditional physical hosts and VPS services (Virtual Private Server). The server can also be a server for a distributed system, or a server combined with blockchain. Among them, it should be noted that artificial intelligence is a discipline that studies how to use computers to simulate certain human thinking processes and intelligent behaviors (such as learning, reasoning, thinking, planning, etc.), and has both hardware-level and software-level technologies. Artificial intelligence hardware technology generally includes technologies such as sensors, dedicated artificial intelligence chips, cloud computing, distributed storage, and big data processing; artificial intelligence software technology mainly includes computer vision technology, speech recognition technology, natural language processing technology, and machine learning / deep learning, big data processing technology, knowledge graph technology, and other major directions. Among them, cloud computing refers to a shared physical or virtual resource pool that is elastically scalable through network access. Resources include servers, operating systems, networks, software, applications, and storage devices, and can deploy and manage resources in an on-demand, self-service manner. Through cloud computing technology, efficient and powerful data processing capabilities can be provided for technical applications such as artificial intelligence and blockchain, and model training.According to the technical solution of the embodiment of the present disclosure, the number of target promotion management information (such as promotion plans and promotion units at different levels) selected by the client can be at least one, and accordingly, the number of second tags and second tab pages can be at least one. The first tag, the second tag and the second tab page are displayed simultaneously in the material promotion management page on the client side, and the user can switch to the corresponding tab page by clicking on different tags, that is, the material management information containing promotion management information at different levels (such as promotion plans and promotion units) can be drilled down by means of tab pages, which can make it easier for users on the client side to view and compare material management information at different levels. Information can be displayed to improve the user experience, and when drilling down between different levels of material management information, there is no need to destroy the material management information of a certain level displayed on the previous page, and reload the material management information of the current required level from the server, which can reduce the user's operation steps and waiting time (for example, there is no need for the user to repeatedly click and reload on the page), further improve the user experience, and solve the existing single page to display all material management information. After the user switches to different levels of material management information, the previously loaded page needs to be overwritten. If the user wants to view the material management information of the previous operation level, the material management information needs to be reloaded. It should be understood that the various forms of processes shown above can be used to reorder, add or delete steps. For example, the steps recorded in this disclosure can be executed in parallel, sequentially, or in different orders. As long as the expected results of the technical solution disclosed in this disclosure can be achieved, this document is not limited here. The above specific implementation methods do not constitute a limitation on the scope of protection of the present disclosure. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions can be made according to design requirements and other factors. Any modifications, equivalent substitutions and improvements made within the spirit and principles of this disclosure should be included in the protection scope of this disclosure.

Claims

1. A page display method, comprising: Displaying a material promotion management page; wherein the material promotion management page displays a first label and a first label page; the first label is used to switch the page to the first label page; the first label page displays a material management list, and the material management list displays material management information of at least one material associated with the client; Determining the target promotion management information selected by the client from the promotion management information in each of the material management information; Generate a second label according to the target promotion management information, and generate a second label page according to the material management information including the target promotion management information; wherein the second label is used to switch the page to the second label page; The first label, the second label and the second label page are displayed simultaneously in the material promotion management page.

2. The method according to claim 1, wherein: The material promotion management page displays an account tree; wherein the account tree includes nodes of different levels associated with the login account of the client, and the nodes are used to indicate promotion management information of the corresponding level. The step of determining the target promotion management information selected by the client from the promotion management information in each of the material management information includes: In response to monitoring a triggering operation on the account tree, displaying nodes at different levels in the account tree; In response to monitoring a triggering operation on a first node among the nodes at different levels, the promotion management information indicated by the first node is used as the target promotion management information.

3. The method according to claim 1, wherein: The step of determining the target promotion management information selected by the client from the promotion management information in each of the material management information includes: In response to monitoring a triggering operation on a first promotion management information in the promotion management information in each of the material management information, taking the first promotion management information as the target promotion management information; and / or, In response to a material search operation, searching and displaying material management information corresponding to a target material to be searched from each of the material management information; In response to monitoring a triggering operation on second promotion management information in the corresponding material management information, using the second promotion management information as the target promotion management information; and / or, In response to monitoring a triggering operation on a first page element in the material promotion management page, displaying nodes of different levels in an account tree in the material promotion management page; wherein the account tree includes nodes of different levels associated with a login account of the client, and the nodes are used to indicate promotion management information of a corresponding level; wherein the first page element is used to add a tag; In response to monitoring a triggering operation on a second node among the nodes at different levels, the promotion management information indicated by the second node is used as the target promotion management information.

4. The method according to claim 1, wherein: The method further comprises: In response to the position adjustment operation, adjusting the positions of the first label and the second label in the material promotion management page; and / or, Obtaining a first display position of the first tag on the screen, and a second display position of the second tag on the screen; Based on the first display position and the second display position, persistently storing the first tag and the second tag; The tab page corresponding to the first tag and the tab page corresponding to the second tag are persistently stored so that after the client refreshes the material promotion management page, the first tag and the second tag, as well as the first tab page or the second tab page, are re-displayed in the material promotion management page based on the first display position and the second display position.

5. The method according to claim 1, wherein: The method further comprises: In response to monitoring a trigger operation on a second page element in the material promotion management page, calling a first target method; wherein the first target method is used to detect whether the first display area is in full-screen mode; the first display area is used to display various tags and the currently displayed tab page; the second page element is used to enter the full-screen mode; Determining whether the first display area is in the full-screen mode according to the return value of the first target method; When the first display area is not in the full-screen mode, a second target method is called to enter the full-screen mode to display a first page corresponding to the full-screen mode; wherein the first page is used to display the first display area in full screen.

6. The method according to claim 5, wherein: The first display area displays a first control and a second control, wherein the first control is used to switch between the full screen mode and the semi-full screen mode, and the second control is used to exit the full screen mode; the method further includes: In the case of monitoring a trigger operation on the first control, calling a third target method to switch from the full-screen mode to the semi-full-screen mode, and displaying a second page corresponding to the semi-full-screen mode; wherein the second page is used to display the first display area and the navigation bar; When a trigger operation on the second control is detected, a fourth target method is called to exit the full-screen mode to display the material promotion management page.

7. The method according to claim 5, wherein: The method further comprises: When a triggering operation on the first shortcut key is detected, the third target method is called to switch from the full-screen mode to the semi-full-screen mode, and a second page corresponding to the semi-full-screen mode is displayed.

8. The method according to any one of claims 1 to 7, wherein: The method further comprises: Determine a currently selected area from a target tab page, and determine an operation behavior of the currently selected area; wherein the target tab page is a tab page currently displayed between the first tab page and the second tab page; According to the operation behavior, the currently selected area in the target tab page is processed.

9. The method according to claim 8, wherein: The processing of the currently selected area in the target tab page according to the operation behavior includes: In the case where the operation behavior includes copying and pasting, copying the display content in the currently selected area to a temporary document object model DOM node; Select the node content in the temporary DOM node; The fifth target method is called to paste the node content to a specified position in the target tab page.

10. The method according to claim 8, wherein: The processing of the currently selected area in the target tab page according to the operation behavior includes: When the operation behavior includes deletion, deleting the currently selected area in the target tab page; In the case where the operation behavior includes editing, in response to the editing operation, the display content in the currently selected area is edited.

11. The method according to claim 8, wherein: The material management information is in a table display form, and the currently selected area is determined from the target tab page, and the operation behavior of the currently selected area is determined, including: In response to monitoring a triggering operation of the second shortcut key, taking the row where the cursor is located in the target tab page as the currently selected area, and determining that the operation behavior of the currently selected area includes copying; In response to monitoring the triggering operation of the third shortcut key, the second display area in the target tab page is used as the currently selected area, and the operation behavior of the currently selected area is determined to include copying; wherein the second display area displays all material management information displayed on the current page in the target tab page; In response to monitoring a triggering operation on a fourth shortcut key, determining that the operation behavior of the currently selected area includes pasting; In response to monitoring the triggering operation of the fifth shortcut key, the row where the cursor is located in the target tab page is used as the currently selected area, and it is determined that the operation behavior of the currently selected area includes deletion.

12. The method according to claim 8, wherein: The material management information is in a table display form, and the currently selected area is determined from the target tab page, and the operation behavior of the currently selected area is determined, including: Determine the currently selected area from the target tab page according to the monitored first event and the coordinates of each cell in the target tab page; wherein the first event includes a mouse event and / or a keyboard event; In response to monitoring a second event triggered on the currently selected area, generating a context menu according to the displayed content in the currently selected area; wherein the second event includes a right-click event; Determining a display position of the context menu on the screen according to the coordinates of the currently selected area and the coordinates of the screen; Mounting and drawing the context menu at the display location; In response to monitoring a triggering operation on a target menu item in the context menu, it is determined that the operation behavior of the currently selected area includes the operation behavior indicated by the target menu item.

13. The method according to claim 8, wherein: The material management information is in a table display form, and the currently selected area is determined from the target tab page, and the operation behavior of the currently selected area is determined, including: In response to monitoring a third event triggered on a first cell in the target tab page, taking the first cell as the currently selected area, and determining that the operation behavior of the currently selected area includes editing; wherein the third event includes a double-click event; In response to monitoring a fourth event triggered on a second cell in the target tab page, the second cell is used as the currently selected area, and it is determined that the operation behavior of the currently selected area includes highlighting; wherein the fourth event includes a click event.

14. A page display device, comprising: A display module, used for displaying a material promotion management page; wherein the material promotion management page displays a first label and a first label page; the first label is used to switch the page to the first label page; the first label page displays a material management list, and the material management list displays material management information of at least one material associated with the client; A determination module, used to determine the target promotion management information selected by the client from the promotion management information in each of the material management information; A generating module, used to generate a second label according to the target promotion management information, and to generate a second label page according to the material management information including the target promotion management information; wherein the second label is used to switch the page to the second label page; The display module is also used to simultaneously display the first label, the second label and the second label page in the material promotion management page.

15. The device according to claim 14, wherein: The material promotion management page displays an account tree; wherein the account tree includes nodes of different levels associated with the login account of the client, and the nodes are used to indicate promotion management information of the corresponding level. The determining module is used to: In response to monitoring a triggering operation on the account tree, displaying nodes at different levels in the account tree; In response to monitoring a triggering operation on a first node among the nodes at different levels, the promotion management information indicated by the first node is used as the target promotion management information.

16. The device according to claim 14, wherein: The determining module is used to: In response to monitoring a triggering operation on a first promotion management information in the promotion management information in each of the material management information, taking the first promotion management information as the target promotion management information; and / or, In response to a material search operation, searching and displaying material management information corresponding to a target material to be searched from each of the material management information; In response to monitoring a triggering operation on second promotion management information in the corresponding material management information, using the second promotion management information as the target promotion management information; and / or, In response to monitoring a triggering operation on a first page element in the material promotion management page, displaying nodes of different levels in an account tree in the material promotion management page; wherein the account tree includes nodes of different levels associated with a login account of the client, and the nodes are used to indicate promotion management information of a corresponding level; wherein the first page element is used to add a tag; In response to monitoring a triggering operation on a second node among the nodes at different levels, the promotion management information indicated by the second node is used as the target promotion management information.

17. The device according to claim 14, wherein: The device further comprises: An adjustment module, configured to adjust the positions of the first label and the second label in the material promotion management page in response to a position adjustment operation; and / or, An acquisition module, configured to acquire a first display position of the first tag on the screen, and a second display position of the second tag on the screen; A storage module is used to persistently store the first tag and the second tag based on the first display position and the second display position, and to persistently store the tab page corresponding to the first tag and the tab page corresponding to the second tag, so that after refreshing the material promotion management page, the client can re-display the first tag and the second tag, as well as the first tab page or the second tab page in the material promotion management page based on the first display position and the second display position.

18. The device according to claim 14, wherein: The device also includes: A calling module, configured to call a first target method in response to monitoring a triggering operation on a second page element in the material promotion management page; wherein the first target method is used to detect whether the first display area is in full-screen mode; the first display area is used to display various tags and the currently displayed tab page; and the second page element is used to enter the full-screen mode; A judgment module, used for judging whether the first display area is in the full screen mode according to the return value of the first target method; The calling module is also used to call a second target method to enter the full-screen mode when the first display area is not in the full-screen mode, so as to display a first page corresponding to the full-screen mode; wherein the first page is used to display the first display area in full screen.

19. The device according to claim 18, wherein A first control and a second control are displayed in the first display area, wherein the first control is used to switch between the full screen mode and the semi-full screen mode, and the second control is used to exit the full screen mode; The calling module is further used to call a third target method when a trigger operation on the first control is detected, so as to switch from the full-screen mode to the semi-full-screen mode, and display a second page corresponding to the semi-full-screen mode; wherein the second page is used to display the first display area and the navigation bar; The calling module is further used to call a fourth target method to exit the full-screen mode when a trigger operation on the second control is detected, so as to display the material promotion management page.

20. The device according to claim 18, wherein The calling module is also used for: When a trigger operation on the first shortcut key is detected, the third target method is called to switch from the full-screen mode to the semi-full-screen mode, and a second page corresponding to the semi-full-screen mode is displayed.

21. The device according to any one of claims 14 to 20, wherein: The determination module is further used to determine the currently selected area from the target tab page, and determine the operation behavior of the currently selected area; wherein the target tab page is the tab page currently displayed between the first tab page and the second tab page; The device also includes: A processing module is used to process the currently selected area in the target tab page according to the operation behavior.

22. The device according to claim 21, wherein The processing module is used to: In the case where the operation behavior includes copying and pasting, copying the display content in the currently selected area to a temporary document object model DOM node; Select the node content in the temporary DOM node; The fifth target method is called to paste the node content to a specified position in the target tab page.

23. The device according to claim 21, wherein The processing module is used to: When the operation behavior includes deletion, deleting the currently selected area in the target tab page; In the case where the operation behavior includes editing, in response to the editing operation, the display content in the currently selected area is edited.

24. The device according to claim 21, wherein The material management information is in a table display form, and the determination module is used to: In response to monitoring a triggering operation of the second shortcut key, taking the row where the cursor is located in the target tab page as the currently selected area, and determining that the operation behavior of the currently selected area includes copying; In response to monitoring the triggering operation of the third shortcut key, the second display area in the target tab page is used as the currently selected area, and the operation behavior of the currently selected area is determined to include copying; wherein the second display area displays all material management information displayed on the current page in the target tab page; In response to monitoring a triggering operation on a fourth shortcut key, determining that the operation behavior of the currently selected area includes pasting; In response to monitoring the triggering operation of the fifth shortcut key, the row where the cursor is located in the target tab page is used as the currently selected area, and it is determined that the operation behavior of the currently selected area includes deletion.

25. The device according to claim 21, wherein The material management information is in a table display form, and the determination module is used to: Determine the currently selected area from the target tab page according to the monitored first event and the coordinates of each cell in the target tab page; wherein the first event includes a mouse event and / or a keyboard event; In response to monitoring a second event triggered on the currently selected area, generating a context menu according to the displayed content in the currently selected area; wherein the second event includes a right-click event; Determining a display position of the context menu on the screen according to the coordinates of the currently selected area and the coordinates of the screen; Mounting and drawing the context menu at the display location; In response to monitoring a triggering operation on a target menu item in the context menu, it is determined that the operation behavior of the currently selected area includes the operation behavior indicated by the target menu item.

26. The device according to claim 21, wherein The material management information is in a table display form, and the determination module is used to: In response to monitoring a third event triggered on a first cell in the target tab page, taking the first cell as the currently selected area, and determining that the operation behavior of the currently selected area includes editing; wherein the third event includes a double-click event; In response to monitoring a fourth event triggered on a second cell in the target tab page, the second cell is used as the currently selected area, and it is determined that the operation behavior of the currently selected area includes highlighting; wherein the fourth event includes a click event.

27. An electronic device comprising: at least one processor; as well as a memory communicatively connected to the at least one processor; wherein, The memory stores instructions that can be executed by the at least one processor, and the instructions are executed by the at least one processor so that the at least one processor can execute the page display method described in any one of claims 1-13.

28. A non-transitory computer-readable storage medium storing computer instructions, wherein: The computer instructions are used to enable the computer to execute the page display method according to any one of claims 1-13.

29. A computer program product, comprising a computer program, wherein when the computer program is executed by a processor, the computer program implements the steps of the page display method according to any one of claims 1 to 13.

Images