Information display method and device, electronic equipment and computer readable storage medium

Abstract

The invention discloses an information display method and device, electronic equipment and a computer readable storage medium, according to the embodiment of the invention, a directory interface is displayed, the directory interface comprises a directory area and a data display area, and the directory area comprises at least one directory and a switching control corresponding to the at least one directory; the at least one directory comprises at least one lower-layer element, the data display area is used for displaying data in the at least one lower-layer element, and in response to a trigger operation on a switching control of a target directory in the at least one directory, hiding the lower-layer element under the target directory in the directory area, and the element selection column of the target directory is displayed in the data display area, the element selection column is used for displaying the lower-layer elements under the target directory, and the lower-layer elements in the element selection column can be triggered to display the data in the lower-layer elements in the data display area after being selected, so that the convenience of checking the associated data can be improved.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to an information display method, device, electronic device and computer-readable storage medium. Background Art

[0002] Business Intelligence (BI) systems are used to collect, store, analyze and display data in an enterprise or organization. They integrate and analyze various data, and present the integration and analysis results in the form of dashboards, etc., so that users can quickly understand business conditions and trends.

[0003] The dashboard displays data and indicators in an intuitive way, which can help users quickly understand data trends, identify data anomalies and make decisions.

[0004] Currently, the display mode of the dashboard on the interface is single, which reduces the convenience for users to view the related data in the dashboard. Summary of the invention

[0005] Embodiments of the present application provide an information display method, device, electronic device, and computer-readable storage medium, which can improve the convenience of viewing associated data.

[0006] In a first aspect, an embodiment of the present application provides an information display method, the method comprising:

[0007] Display a directory interface, the directory interface comprising a directory area and a data display area, the directory area comprising at least one directory and a switching control corresponding to the at least one directory, the at least one directory comprising at least one lower-layer element, and the data display area being used to display data in the at least one lower-layer element;

[0008] In response to a triggering operation on a switching control of a target directory in at least one of the above directories, the lower-level elements under the above-mentioned target directory in the above-mentioned directory area are hidden, and an element selection bar of the above-mentioned target directory is displayed in the above-mentioned data display area, the above-mentioned element selection bar is used to display the lower-level elements under the above-mentioned target directory, and the above-mentioned lower-level elements in the above-mentioned element selection bar can be selected to trigger the display of data in the above-mentioned lower-level elements in the above-mentioned data display area.

[0009] In a second aspect, an embodiment of the present application further provides an information display device, the device comprising:

[0010] A first display module is used to display a directory interface, wherein the directory interface includes a directory area and a data display area, wherein the directory area includes at least one directory and a switching control corresponding to the at least one directory, wherein the at least one directory includes at least one lower-layer element, and the data display area is used to display data in the at least one lower-layer element;

[0011] The second display module is used to hide the lower-level elements under the above-mentioned target directory in the above-mentioned directory area in response to the triggering operation of the switching control of the target directory in the above-mentioned at least one directory, and display the element selection bar of the above-mentioned target directory in the above-mentioned data display area, and the above-mentioned element selection bar is used to display the lower-level elements under the above-mentioned target directory. The above-mentioned lower-level elements in the above-mentioned element selection bar can be selected to trigger the display of data in the above-mentioned lower-level elements in the above-mentioned data display area.

[0012] In a third aspect, an embodiment of the present application further provides an electronic device, comprising a memory storing a plurality of instructions; the processor loads instructions from the memory to execute any one of the information display methods provided in the embodiments of the present application.

[0013] In a fourth aspect, an embodiment of the present application further provides a computer-readable storage medium, wherein the computer-readable storage medium stores a plurality of instructions, wherein the instructions are suitable for a processor to load to execute any one of the information display methods provided in the embodiment of the present application.

[0014] In an embodiment of the present application, a directory interface is displayed, the directory interface includes a directory area and a data display area, the directory area includes at least one directory and a switching control corresponding to the at least one directory, the at least one directory includes at least one lower-level element, and the data display area is used to display the data in the at least one lower-level element; in response to a triggering operation of a switching control of a target directory in at least one directory, the lower-level elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area, the element selection bar is used to display the lower-level elements under the target directory, the lower-level elements in the element selection bar can be selected and then triggered to display the data in the lower-level elements in the data display area, so that the lower-level elements under the same directory are displayed in the element selection bar, the relevance of the lower-level elements under the same directory in display is enhanced, thereby enhancing the relevance of the data in the lower-level elements under the same directory in display, and improving the convenience of viewing associated data. BRIEF DESCRIPTION OF THE DRAWINGS

[0015] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For those skilled in the art, other drawings can be obtained based on these drawings without creative work.

[0016] Figure 1 This is a flow chart of an embodiment of the information display method provided by the embodiment of the present application;

[0017] Figure 2 is a schematic diagram of a directory interface provided in an embodiment of the present application;

[0018] Figure 3 is another schematic diagram of the directory interface provided in the embodiment of the present application;

[0019] Figure 4 is another schematic diagram of the directory interface provided in the embodiment of the present application;

[0020] Figure 5 is another schematic diagram of the directory interface provided in the embodiment of the present application;

[0021] Figure 6 is another schematic diagram of the directory interface provided in the embodiment of the present application;

[0022] Figure 7 is another schematic diagram of the directory interface provided in the embodiment of the present application;

[0023] Figure 8 is another schematic diagram of the directory interface provided in the embodiment of the present application;

[0024] Fig. 9 is another embodiment flow chart of the information display method provided in the embodiments of the present application;

[0025] Fig.10 is a schematic diagram of a display mode of a directory provided in an embodiment of the present application;

[0026] Fig.11 is a schematic diagram of the structure of an information display device provided in an embodiment of the present application;

[0027] Fig.12 It is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0028] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those skilled in the art without creative work are within the scope of protection of this application.

[0029] Before explaining the embodiments of the present application in detail, some terms involved in the embodiments of the present application are first explained.

[0030] Among them, in the description of the embodiments of the present application, the terms "first", "second", etc. may be used in this article to describe various concepts, but unless otherwise specified, these concepts are not limited by these terms. These terms are only used to distinguish one concept from another concept. In addition, the terms "including" and "having" and any of their variations are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0031] The embodiments of the present application provide an information display method, device, electronic device and computer-readable storage medium. Specifically, the information display method of the embodiments of the present application can be executed by an electronic device, wherein the electronic device can be a terminal or a server.

[0032] The terminal can be a terminal device such as a smart phone, a tablet computer, a laptop computer, a touch screen, a game console, a personal computer (PC), a personal digital assistant (PDA), etc. The terminal can also include a client, which can be a game application client, a browser client carrying a game program, or an instant messaging client, etc.

[0033] The server can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks (CDNs), as well as big data and artificial intelligence platforms.

[0034] The following is a detailed description of the embodiments in conjunction with the accompanying drawings. It should be noted that the description order of the following embodiments is not intended to limit the preferred order of the embodiments. Although the logical order is shown in the flow chart, in some cases, the steps shown or described may be performed in an order different from that shown in the accompanying drawings.

[0035] In this embodiment, a terminal is taken as an example for description. This embodiment provides an information display method, such as Figure 1 As shown, the specific process of the information display method can be as follows:

[0036] 101. Display a directory interface, the directory interface including a directory area and a data display area, the directory area including at least one directory and a switch control corresponding to at least one directory, at least one directory including at least one lower-level element, and the data display area is used to display data in at least one lower-level element.

[0037] The directory interface refers to an interface for displaying at least one directory, at least one lower-level element in the directory, and data in the lower-level element.

[0038] The directory area refers to an area where at least one directory is displayed. The switch control corresponding to the at least one directory may be fixedly displayed in the directory area, or the switch control corresponding to the at least one directory may be displayed when a trigger operation on the at least one directory is detected, or the switch control corresponding to the at least one directory may be displayed when a cursor is detected to move to the at least one directory.

[0039] The switch control is used to switch the display mode of the lower-level elements. The display mode of the lower-level elements can include the directory display mode and the selection bar display mode. When the element selection bar is displayed on the data display area and the lower-level elements are displayed on the element selection bar, it can be said that the lower-level elements are displayed in the selection bar display mode. When the lower-level elements are displayed on the directory area, it can be said that the lower-level elements are displayed in the directory display mode.

[0040] The lower-level element refers to the element indicated by the lower-level node of the directory in the tree structure corresponding to the directory. The lower-level node of the directory may indicate a subdirectory under the directory, or may indicate a project under the directory, and the node where the project is located is the terminal node in the tree structure. The name of the project can be set according to the actual situation, for example, the project can be called a board or a card, which is not limited in the embodiment of the present application.

[0041] When the lower level node of a directory indicates a subdirectory under the directory, the lower level element of the directory can be called a second element, and the second element refers to the subdirectory under the directory. When the lower level node of a directory indicates an item under the directory, the lower level element of the directory can be called a first element, and the first element is the item under the directory. The lower level element of the directory can be at least one of the first element and the second element. The data display area is used to display the data in the first element.

[0042] Optionally, the subordinate node of the directory may be a direct subordinate node of the directory or an indirect subordinate node, that is, the subordinate element may be a direct subordinate element of the directory or an indirect subordinate element of the directory.

[0043] 102. In response to a triggering operation on a switch control of a target directory in at least one directory, the lower-level elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area. The element selection bar is used to display the lower-level elements under the target directory. The lower-level elements in the element selection bar can be selected to trigger display of data in the lower-level elements in the data display area.

[0044] Among them, the type of trigger operation on the switching control can be set according to actual conditions. For example, the trigger operation on the switching control can be a click operation or a long press operation on the switching control, which is not limited in the embodiment of the present application.

[0045] The data included in the first element is displayed in the data display area. Since the purpose is to improve the relevance of the data in the first element in display, the lower-level elements of the target directory need to include the first element, but the first element can be a direct lower-level element of the directory or an indirect lower-level element of the directory, that is, the target directory is a directory that includes the first element in at least one directory. Therefore, the target directory may include at least one of the first element and the second element. When the target directory includes the first element and the second element, the second element may not include at least one of the first element or the second element may also include at least one of the first element. When the target directory includes the second element, the second element includes at least one of the first element.

[0046] If the lower-level elements of the target directory have been displayed in the directory area before responding to the triggering operation of the switch control of the target directory, the lower-level elements of the target directory in the directory area are hidden, which can be understood as not displaying the lower-level elements of the target directory in the target area. If the lower-level elements of the target directory have not been displayed in the directory area before responding to the triggering operation of the switch control of the target directory, the lower-level elements of the target directory in the directory area are hidden, which can be understood as not displaying the lower-level elements of the target directory in the directory area when the target directory is triggered.

[0047] The element selection bar of the target directory refers to a column in the data display area for displaying the lower-level elements of the target directory. The position of the element selection bar in the data display area can be set according to actual conditions, for example, the element selection bar can be at the top or bottom of the data display area, which is not limited in the embodiments of the present application.

[0048] Displaying the lower-level elements of the target directory in the element selection bar can enhance the relevance of the lower-level elements of the target directory in display. Since the data in the lower-level elements of the target directory are related, when the relevance of the lower-level elements of the target directory in display is enhanced, the user can better know that the data in the lower-level elements are related through the lower-level elements, thereby improving the convenience of the user in viewing the related data.

[0049] After the lower-level elements of the target directory are displayed in the element selection bar, the user can select the lower-level elements, and then the data in the selected lower-level elements are displayed in the detail area of ​​the data display area.

[0050] For example, if the project is a board, directory X includes board 1, board 2, board 3, and board 4. Board 1, board 2, board 3, and board 4 are displayed in the directory area. At this time, the directory interface can be as follows: Figure 2 As shown in 201, the target directory is directory X, and the switching control is "view as tabs". In response to the trigger operation of "view as tabs" on directory X, the element selection bar of directory X is displayed at the top of the data display area. The element selection bar includes board 1, board 2, board 3 and board 4. In response to the selection operation on board 2, the data in board 2 is displayed in the details area. At this time, the directory interface can be as follows Figure 2 As shown in 202.

[0051] In some embodiments, the lower-level elements of the target directory include the first element. In this case, the lower-level elements in the element selection bar can be as follows: Figure 2 As shown in 202.

[0052] In some embodiments, the lower-level elements of the target directory include a first element and a second element. In this case, the lower-level elements in the element selection bar can be as follows: Figure 3 As shown in 302, Figure 3 In 302, board 0 is the first element, and directory x1 and directory x2 are the second elements.

[0053] In some embodiments, the lower-layer elements include a first element, and in response to a triggering operation on a switch control of a target directory in at least one directory, the lower-layer elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area, including:

[0054] In response to a triggering operation of a switch control of a target directory in at least one directory, in a tree structure corresponding to the directory, converting a tree node of the target directory from a second element node type to a first element node type;

[0055] When it is detected that the type of the tree node of the target directory is the first element node type, the lower-level elements under the target directory in the directory area are hidden;

[0056] Generate an element selection bar of the target directory according to the tree node of the first element node type under the target directory, wherein the lower-level elements in the element selection bar include the first element;

[0057] Displays the element selection bar in the data display area.

[0058] The tree node of the first element node type under the target directory is a tree node of the first element in the tree structure of the target directory, that is, the type of the tree node of the first element is the first element node type.

[0059] In some embodiments, the lower-layer elements include a second element, the second element includes at least one first element, and in response to a triggering operation on a switch control of a target directory in at least one directory, the lower-layer elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area, including:

[0060] In response to a triggering operation of a switch control of a target directory in at least one directory, in a tree structure corresponding to the directory, converting a tree node of the second element and a tree node of the target directory from a second element node type to a first element node type;

[0061] When it is detected that the type of the tree node of the target directory is the first element node type, the lower-level elements under the target directory in the directory area are hidden;

[0062] Generate an element selection bar of the target directory according to the tree node of the first element node type under the target directory, wherein the lower-level elements in the element selection bar include the first element and the second element;

[0063] Displays the element selection bar in the data display area.

[0064] The second element node type refers to a directory node type, and the first element node type is an item node type. The lower layer element includes the second element, which can be understood as the lower layer element only including the second element, or can be understood as the lower layer element including the first element and the second element.

[0065] When the type of the tree node of the target directory is the second element node type, the lower-level elements of the target directory can be displayed in the target area. When the type of the tree node of the target directory is the first element node type, the lower-level elements of the target directory cannot be displayed in the target area. Therefore, the tree node of the target directory can be converted from the second element node type to the first element node type, and when it is detected that the type of the tree node of the target directory is the first element node type, the lower-level elements under the target directory in the directory area are hidden.

[0066] Generating an element selection bar of the target directory according to the tree node of the first element node type under the target directory can be understood as generating an element selection bar of the target directory according to the first element, the second element and the hierarchical relationship corresponding to the tree node of the first element node type under the target directory, so that the element selection bar includes the first element and the second element.

[0067] It can be understood that when displaying lower-level elements on the element selection bar, lower-level elements of the same level can be displayed each time. Since there is a hierarchical relationship between the first element under the second element and the first element under the target directory, the first element under the second element and the first element under the target directory will not be displayed on the element selection bar at the same time.

[0068] For example, the project is a kanban board, directory X includes kanban board 0, directory x1 and directory x2, directory x1 includes kanban board 1 and kanban board 11, directory x2 includes kanban board 2, the first element in directory X is kanban board 0, kanban board 1, kanban board 11 and kanban board 2, the tree nodes corresponding to kanban board 0, kanban board 1, kanban board 11 and kanban board 2 are nodes of the first element node type, the second element in directory X is directory x1 and directory x2, the tree nodes corresponding to directory x1 and directory x2 are nodes of the second element node type, kanban board 1 and kanban board 11 are the first elements under directory x1, kanban board 2 is the first element under directory x2, kanban board 0, directory x1 and directory x2 are displayed in the directory area, and the directory interface can be as follows Figure 3As shown in 301, the target directory is directory X, and the switching control is "view as tabs". In response to the trigger operation of "view as tabs" on directory X, the tree nodes corresponding to directories x1 and x2 are converted from the second element node type to the first element node type. At this time, the lower-level elements corresponding to the tree nodes of the first element node type under directory X include board 0, directory x1, directory x2, board 1, board 1 and board 2. Therefore, the element selection bar generated according to the lower-level elements corresponding to the tree nodes of the first element node type under directory X includes board 0, directory x1, directory x2, board 1, board 11 and board 2. However, since board 0, directory x1 and directory x2 are at the same level and are the highest level under directory X, board 1, board 11 and board 2 belong to the same level. Therefore, board 0, directory x1 and directory x2 are first displayed in the element selection bar. At this time, the directory interface can be as shown in the following example. Figure 3 As shown in 302, after directory x1 is selected, board 1 and board 11 are displayed.

[0069] In this embodiment, in response to the triggering operation of the switch control of the target directory in at least one directory, in the tree structure corresponding to the directory, the tree node of the second element and the tree node of the target directory are converted from the second element node type to the first element node type. Therefore, when it is detected that the type of the tree node of the target directory is the first element node type, the lower-level elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is generated based on the tree nodes of the first element node type under the target directory. The second element can be displayed in the element selection bar, so that not only the lower-level elements of the target directory in the target area can be hidden, but the target directory can also include not only the first element but also the second element.

[0070] In some embodiments, when the number of lower-level elements at the same level under directory X is large and the lower-level elements at the same level cannot be fully displayed in the element selection bar, some of the lower-level elements at the same level can be displayed, and the lower-level elements displayed on the element selection bar can be updated when a trigger operation on the element selection bar is detected.

[0071] Among them, the type of trigger operation on the element selection bar can be set according to actual conditions. For example, the trigger operation on the element selection bar can be a sliding operation or a clicking operation, which is not limited in the embodiment of the present application.

[0072] For example, the lower-level elements of the same level include dashboards 1-10, but the element selection bar can only display 5 dashboards at a time. In this case, the element selection bar can be Figure 4As shown, the five displayed dashboards are respectively dashboards 1-5. If the triggering operation on the element selection bar is a sliding operation, the terminal updates the dashboard on the element selection bar in response to the sliding operation on the element selection bar. If the triggering operation on the element selection bar is a clicking operation, the element selection bar may also include an expansion control. In response to the clicking operation on the expansion control, a node window is displayed. The node window includes lower-level elements that are not displayed, so that all lower-level elements at the same level can be displayed.

[0073] In some embodiments, after the element selection bar of the target directory is displayed in the data display area, the method further includes:

[0074] If it is detected that a new lower-level element is added to the target directory, the new lower-level element will be displayed on the element selection bar.

[0075] The new lower-level element may be a lower-level element in a directory other than the target directory in at least one directory, or may be a lower-level element newly created by the user.

[0076] For example, the element selection bar is Figure 5 As shown in 501, the target directory is directory X, and the lower-level element "kanban 5" in directory D is moved to directory X. At this time, it is detected that a new lower-level element "kanban 5" is added to the target directory, and kanban 5 is displayed on the element selection bar. Figure 5 As shown in 502.

[0077] It is understandable that the new lower-level element may be at least one of a new first element and a new second element. When the new lower-level element includes a new first element, if it is detected that the target directory adds a new lower-level element, the process of displaying the new lower-level element on the element selection bar may be:

[0078] If it is detected that a new first element is added to the target directory, a new tree node of the first element is created under the tree node of the target directory in the tree structure corresponding to the target directory, and the type of the new tree node of the first element is the first element node type;

[0079] Based on the tree node of the first element node type under the target directory, the element selection bar is updated to display the new first element on the element selection bar.

[0080] The tree node of the new first element is a child node of the tree node of the target directory. Since the type of the tree node of the new first element is the first element node type, the tree node of the first element node type under the target directory includes the tree node of the new first element. Therefore, after the element selection bar is updated based on the tree node of the first element node type under the target directory, the new first element can be displayed on the element selection bar.

[0081] When the new lower-level element includes a second element, and the second element includes at least one first element, if it is detected that a new lower-level element is added to the target directory, the new lower-level element is displayed on the element selection bar, including:

[0082] If it is detected that a new second element is added to the target directory, a new tree node of the second element is created under the tree node of the target directory in the tree structure corresponding to the target directory, and the tree node of the new second element is converted from the second element node type to the first element node type;

[0083] Based on the tree node of the first element node type under the target directory, the element selection bar is updated to display the new second element on the element selection bar.

[0084] The tree node of the new second element is a child node of the tree node of the target directory. If the new second element is a lower-level element of the first directory, and the first directory is a directory other than the target directory in at least one directory, the tree node corresponding to the new second element in the tree structure of the first directory can also be cancelled.

[0085] In an embodiment of the present application, if it is detected that a new second element is added to the target directory, a new tree node of the second element is created under the tree node of the target directory in the tree structure corresponding to the target directory, and the tree node of the new second element is converted from the second element node type to the first element node type. Since the type of the tree node of the new second element is the first element node type, the tree node of the first element node type under the target directory includes the tree node of the new second element. Therefore, after the element selection bar is updated based on the tree node of the first element node type under the target directory, the new second element can be displayed on the element selection bar.

[0086] In some embodiments, after the element selection bar of the target directory is displayed in the data display area, the method further includes:

[0087] In response to a triggering operation on the second element, the first element under the second element and a hierarchical relationship between the second element and the target directory are displayed on the element selection bar.

[0088] Among them, the type of trigger operation on the second element can be set according to actual conditions. For example, the trigger operation on the second element can be a click operation or a long press operation, which is not limited in the embodiment of the present application.

[0089] For example, when the element selection bar is displayed, the directory interface can be as follows Figure 3 As shown in 302, in response to the triggering operation of the second element "directory x1", the first element "board 1" under directory x1, the first element "board 11" and the hierarchical relationship between directory x1 and directory X are displayed on the element selection bar. At this time, the directory interface can be as shown in FIG. Figure 6 shown.

[0090] In an embodiment of the present application, in response to a trigger operation on a second element, the first element under the second element and the hierarchical relationship between the second element and the target directory are displayed on the element selection bar, so that the user can clearly know the hierarchical relationship between the target directory, the second element, and the first element under the second element, further improving the convenience of the user in viewing the relevance of the data in the first element under the second element.

[0091] It can be understood that when the hierarchical relationship between the second element and the target directory is displayed in the element selection bar, the target directory needs to be displayed on the element selection bar. Therefore, the tree node corresponding to the target directory can also be converted from the second element node type to the first element node type, so that when the element selection bar of the target directory is generated based on the tree node of the first element node type under the target directory, the target directory can be included in the element selection bar.

[0092] In some embodiments, the present embodiment further includes:

[0093] If it is detected that the tree node corresponding to the target directory in the tree structure is converted from the second element node type to the first element node type, the sharing control is displayed;

[0094] In response to the triggering operation of the sharing control, all lower-level elements under the target directory are shared.

[0095] It is detected that the tree node corresponding to the target directory in the tree structure is converted from the second element node type to the first element node type, which means that it is detected that the lower-level elements under the target directory in the directory area are hidden.

[0096] When the lower-level elements of the target directory on the directory area are hidden, the sharing controls of the target directory can be displayed on the target interface so that in response to the triggering operation of the sharing controls of the target directory, all the lower-level elements under the target directory can be shared, eliminating the need to share the lower-level elements under the target directory one by one, thereby improving sharing efficiency.

[0097] The location of the sharing control on the target interface can be set according to the actual situation. For example, the sharing control can be in the directory area, or the sharing control can be displayed in a pop-up window on the target interface. When the sharing control is displayed in the pop-up window, for example, Figure 7 shown.

[0098] In some embodiments, in response to a triggering operation on a switch control of a target directory in at least one directory, displaying an element selection bar of the target directory in the data display area includes:

[0099] In response to a triggering operation on a switch control of a target directory in at least one directory, updating a value of a configuration item corresponding to the target directory to a first target value;

[0100] When it is detected that the value of the configuration item is the first target value, an element selection bar of the target directory is displayed in the data display area through the tab component.

[0101] The configuration item refers to a parameter that controls the tab component, which can be used to control whether to display the element selection bar on the data display area through the tab component. When the value of the configuration item is the first target value, the element selection bar of the target directory is displayed on the data display area through the tab component, thereby realizing the display of the element selection bar on the data display area. When the value of the configuration item is not the first target value, the displayed element selection bar is cancelled.

[0102] The specific value of the first target value can be set according to actual conditions. For example, the first target value is 0 or 1, which is not limited in the embodiment of the present application.

[0103] In some embodiments, the lower layer element includes a second element, the second element includes at least one first element, and after the element selection bar of the target directory is displayed in the data display area through the tab component, the lower layer element further includes:

[0104] In response to a trigger operation on the second element, a breadcrumb component associated with the tab component is used to display a hierarchical relationship between the second element and the target directory on the element selection bar, and a first element under the second element is displayed through the tab component.

[0105] When the element selection bar is displayed through the tab component, the first element and the second element in the element selection bar are in the form of tabs on the element selection bar, and the title of the tab is the first element or the second element.

[0106] A breadcrumb component refers to a component used to display the location path of the currently displayed content. A breadcrumb component associated with a tab component refers to a breadcrumb component used to display the location path of the title of the tab selected in the tab component. When the tab where the second element is located is selected, the target directory is obtained through the breadcrumb component, and the hierarchical relationship between the second element and the target directory is displayed on the element selection bar through the breadcrumb component, and the hierarchical relationship indicates the location path of the second element.

[0107] The lower-layer element includes the second element, which can be understood as the lower-layer element only including the second element, and can also be understood as the lower-layer element including the first element and the second element.

[0108] In an embodiment of the present application, in response to a trigger operation on the second element, the hierarchical relationship between the second element and the target directory is displayed on the element selection bar through a breadcrumb component associated with the tab component, and the first element under the second element is displayed through the tab component, thereby realizing the hierarchical relationship between the second element and the target directory is displayed on the element selection bar.

[0109] In some embodiments, after the element selection bar of the target directory is displayed in the data display area, the method further includes:

[0110] In response to a triggering operation on a switch control of a target directory, lower-level elements under the target directory are displayed on the directory area, and the element selection bar is hidden.

[0111] Among them, the switching control may include one, which can check the current display mode of the target directory when a trigger operation on the switching control is detected. If the current display mode of the target directory is a selection bar display mode, the display mode of the target directory is switched to a directory display mode, that is, the lower-level elements under the target directory are displayed on the directory area, and the element selection bar is hidden. If the current display mode of the target directory is a directory display mode, the display mode of the target directory is switched to a selection bar display mode, that is, the lower-level elements of the target directory on the directory area are hidden, and the element selection bar is displayed.

[0112] Alternatively, the switch control may include a first switch control and a second switch control. In response to a trigger operation on the first switch control, the lower-level elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area. In response to a trigger operation on the second switch control, the lower-level elements under the target directory are displayed in the directory area, and the element selection bar is hidden.

[0113] For example, the first switch control can be Figure 2 The second toggle control can be as follows: Figure 8 "View as Directory" as shown.

[0114] In an embodiment of the present application, in response to a triggering operation of a switch control of a target directory in at least one directory, the lower-level elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area. In response to a triggering operation of a switch control of the target directory, the lower-level elements under the target directory are displayed in the directory area, and the element selection bar is hidden. This enables a lightweight interactive method to switch the display mode of the lower-level elements back and forth between the selection bar display mode and the directory display mode. The process is reversible, thereby satisfying the user's scenario needs for different display modes and will not destroy the existing tree structure.

[0115] In some embodiments, when the lower-level elements include the first element, in response to a triggering operation on a switch control of a target directory, the lower-level elements under the target directory are displayed on the directory area, and the element selection bar is hidden, including:

[0116] In response to a triggering operation on a switch control of a target directory, converting a tree node of the target directory from a first element node type to a second element node type;

[0117] When it is detected that the type of the tree node of the target directory is the second element node type, the lower-level elements under the target directory are displayed in the directory area, and the element selection bar is hidden.

[0118] In this embodiment, in response to a trigger operation on a switch control of a target directory, the tree node of the target directory is converted from a first element node type to a second element node type, so that when it is detected that the type of the tree node of the target directory is the second element node type, the lower-level elements under the target directory are displayed in the directory area, and the element selection bar is hidden.

[0119] In some embodiments, the lower-layer elements include a second element, the second element includes at least one first element, and in response to a triggering operation on a switch control of a target directory, the lower-layer elements under the target directory are displayed on the directory area, and the element selection bar is hidden, including:

[0120] In response to a triggering operation on a switch control of a target directory, in a tree structure corresponding to the directory, a tree node of the second element and a tree node of the target directory are converted from a first element node type to a second element node type;

[0121] When it is detected that the type of the tree node of the target directory is the second element node type, the lower-level elements under the target directory are displayed in the directory area, and the element selection bar is hidden.

[0122] In this embodiment, when the lower-level elements include a second element, in response to a triggering operation of a switch control of a target directory, in the tree structure corresponding to the directory, the tree node of the second element and the tree node of the target directory are converted from a first element node type to a second element node type, so that when it is detected that the type of the tree node of the target directory is the second element node type, the lower-level elements under the target directory are displayed in the directory area, the element selection bar is hidden, and the type of the tree node of the second element can be restored to the second element node type.

[0123] As can be seen from the above content, in an embodiment of the present application, a directory interface is displayed, and the directory interface includes a directory area and a data display area. The directory area includes at least one directory and a switching control corresponding to at least one directory. At least one directory includes at least one lower-level element, and the data display area is used to display the data in at least one lower-level element; in response to a triggering operation of a switching control of a target directory in at least one directory, the lower-level elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area. The element selection bar is used to display the lower-level elements under the target directory. The lower-level elements in the element selection bar can be selected to trigger the display of the data in the lower-level elements in the data display area, thereby realizing the display of the lower-level elements under the same directory in the element selection bar, enhancing the relevance of the lower-level elements under the same directory in display, thereby enhancing the relevance of the data in the lower-level elements under the same directory in display, and improving the convenience of viewing associated data.

[0124] According to the following Fig. 9 , the information display method provided by this application is further explained.

[0125] 901. Display a directory interface, the directory interface including a directory area and a data display area, the directory area including at least one directory and a first switch control corresponding to the at least one directory, the at least one directory including at least one lower-level element, the data display area being used to display data in the at least one lower-level element, the at least one lower-level element including a first element, and / or the at least one lower-level element including a first element and a second element, the second element including the first element.

[0126] 902. In response to a triggering operation on a switch control of a target directory in at least one directory, if at least one lower-level element of the target directory includes a first element, the tree node corresponding to the target directory in the tree structure is converted from the second element node type to the first element node type; if at least one lower-level element of the target directory includes a first element and a second element, the tree node corresponding to the target directory in the tree structure and the tree node corresponding to the second element of the target directory are both converted from the second element node type to the first element node type, and the value of the configuration item corresponding to the target directory is updated to the first target value.

[0127] Among them, when the lower-level elements of the target directory include a second element, in response to the triggering operation of the switch control of the target directory, the tree node corresponding to the target directory in the tree structure and the tree node corresponding to the second element of the target directory are both converted from the second element node type to the first element node type.

[0128] It can be understood that if the second element does not include the first element, the tree node corresponding to the second element of the target directory is not converted from the second element node type to the first element node type.

[0129] It is understandable that if the target directory does not include the first element, no operation is performed in response to the triggering operation of the switch control of the target directory in at least one directory, that is, the element selection bar of the target directory is not generated, and the target directory cannot be displayed in the selection bar display mode.

[0130] 903. Hide the lower-level elements of the target directory in the directory area, and when it is detected that the value of the configuration item corresponding to the target directory is updated to the first target value, generate an element selection bar of the target directory through the tab component according to the tree node of the first element node type under the target directory.

[0131] When the tree node corresponding to the target directory in the tree structure is converted from the second element node type to the first element node type, the lower-level elements of the target directory in the hidden directory area may be triggered.

[0132] 904. Display an element selection bar in the data display area, where the element selection bar includes lower-level elements.

[0133] 905. In response to a trigger operation on a second element in the element selection bar, a hierarchical relationship between the second element and the target directory is displayed on the element selection bar through a breadcrumb component associated with a tab component, and a first element under the second element is displayed through the tab component.

[0134] 906. In response to a triggering operation on a second switch control of a target directory, if at least one lower-level element of the target directory includes a first element, a tree node corresponding to the target directory in the tree structure is converted from a first element node type to a second element node type; if at least one lower-level element of the target directory includes a first element and a second element, a tree node corresponding to the target directory in the tree structure and a tree node corresponding to the second element of the target directory are both converted from the first element node type to the second element node type, and the value of the configuration item corresponding to the target directory is updated to a non-first target value.

[0135] 907. When it is detected that the value of the configuration item corresponding to the target directory is updated to a non-first target value, the lower-level elements corresponding to the first element node type and the second element node type under the target directory are displayed in the directory area, and the element selection bar is hidden.

[0136] 908. If it is detected that the tree node corresponding to the target directory in the tree structure is converted from the second element node type to the first element node type, a sharing control is displayed, and in response to a triggering operation on the sharing control, all lower-level elements under the target directory are shared.

[0137] In this embodiment, the target directory is converted from the second element node type to the first element node type so that the lower-level elements of the target directory are displayed in the element selection bar on the data display area, so that the display mode of the directory can be changed without modifying the tree structure where the target directory is located, and the display mode of the directory is made reversible, for example, Fig.10 shown.

[0138] The specific implementation process and corresponding beneficial effects of this embodiment can be specifically referred to the above-mentioned information display method embodiment, and this embodiment will not be repeated here.

[0139] In order to better implement the above method, the embodiment of the present application also provides an information display device, which can be integrated into an electronic device, such as a computer device, which can be a terminal, a server, or other device.

[0140] Among them, the terminal can be a mobile phone, a tablet computer, a smart Bluetooth device, a laptop computer, a personal computer and other devices; the server can be a single server or a server cluster composed of multiple servers.

[0141] For example, in this embodiment, the method of the embodiment of the present application is described in detail by taking the information display device specifically integrated in the terminal as an example. This embodiment provides an information display device, such as Fig.11 As shown, the information display device may include:

[0142] The first display module 1101 is used to display a directory interface, which includes a directory area and a data display area. The directory area includes at least one directory and a switching control corresponding to at least one directory. At least one directory includes at least one lower-level element, and the data display area is used to display data in at least one lower-level element.

[0143] The second display module 1102 is used to hide the lower-level elements under the target directory in the directory area in response to the triggering operation of the switch control of the target directory in at least one directory, and display the element selection bar of the target directory in the data display area. The element selection bar is used to display the lower-level elements under the target directory. The lower-level elements in the element selection bar can be selected to trigger the display of data in the lower-level elements in the data display area.

[0144] In some embodiments, the lower layer elements include at least one of a first element and a second element, and the second element includes at least one first element.

[0145] In some embodiments, the lower layer element includes a second element, and the second display module 1102 is specifically used to perform:

[0146] In response to a triggering operation on a switch control of a target directory in at least one directory, in a tree structure corresponding to the directory, converting a tree node of the second element from a second element node type and a tree node of the target directory from a second element node type to a first element node type;

[0147] When it is detected that the type of the tree node of the target directory is the first element node type, the lower-level elements under the target directory in the directory area are hidden;

[0148] Generate an element selection bar of the target directory according to the tree node of the first element node type under the target directory;

[0149] Displays the element selection bar in the data display area.

[0150] In some embodiments, the second display module 1102 is further configured to execute:

[0151] In response to a triggering operation on the second element, the first element under the second element and a hierarchical relationship between the second element and the target directory are displayed on the element selection bar.

[0152] In some embodiments, the second display module 1102 is further configured to execute:

[0153] If it is detected that the tree node corresponding to the target directory in the tree structure is converted from the second element node type to the first element node type, the sharing control is displayed;

[0154] In response to the triggering operation of the sharing control, all lower-level elements under the target directory are shared.

[0155] In some embodiments, the second display module 1102 is specifically configured to perform:

[0156] In response to a triggering operation on a switch control of a target directory in at least one directory, updating a value of a configuration item corresponding to the target directory to a first target value;

[0157] When it is detected that the value of the configuration item is the first target value, an element selection bar of the target directory is displayed in the data display area through the tab component.

[0158] In some embodiments, the lower layer element includes a second element, and the second display module 1102 is further configured to execute:

[0159] In response to a trigger operation on the second element, a breadcrumb component associated with the tab component is used to display a hierarchical relationship between the second element and the target directory on the element selection bar, and a first element under the second element is displayed through the tab component.

[0160] In some embodiments, the second display module 1102 is further configured to execute:

[0161] If it is detected that a new lower-level element is added to the target directory, the new lower-level element will be displayed on the element selection bar.

[0162] In some embodiments, the new lower layer element includes a new second element, and the second display module 1102 is used to perform:

[0163] If it is detected that a new second element is added to the target directory, a new tree node of the second element is created under the tree node of the target directory in the tree structure corresponding to the target directory, and the tree node of the new second element is converted from the second element node type to the first element node type;

[0164] Based on the tree node of the first element node type under the target directory, the element selection bar is updated to display the new second element on the element selection bar.

[0165] In some embodiments, the second display module 1102 is further configured to execute:

[0166] In response to a triggering operation on a switch control of a target directory, lower-level elements under the target directory are displayed on the directory area, and the element selection bar is hidden.

[0167] In some embodiments, the lower layer element includes a second element, the second element includes at least one first element, and the second display module 1102 is used to perform:

[0168] In response to a triggering operation on a switch control of a target directory, in a tree structure corresponding to the directory, a tree node of the second element and a tree node of the target directory are converted from a first element node type to a second element node type;

[0169] When it is detected that the type of the tree node of the target directory is the second element node type, the lower-level elements under the target directory are displayed in the directory area, and the element selection bar is hidden.

[0170] In specific implementation, the above modules can be implemented as independent entities, or can be arbitrarily combined and implemented as the same or several entities. The specific implementation methods and corresponding beneficial effects of the above modules can be found in the previous method embodiments, which will not be repeated here.

[0171] Accordingly, an embodiment of the present application further provides an electronic device, which may be a terminal, and the terminal may be a smart phone, a tablet computer, a laptop computer, a touch screen, a game console, a personal computer (PC), a personal digital assistant (PDA), or other terminal devices. Fig.12 As shown, Fig.12A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. The electronic device 1200 includes a processor 1201 having one or more processing cores, a memory 1202 having one or more computer-readable storage media, and a computer program stored in the memory 1202 and executable on the processor. The processor 1201 is electrically connected to the memory 1202. It will be understood by those skilled in the art that the electronic device structure shown in the figure does not constitute a limitation on the electronic device, and may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently.

[0172] The processor 1201 is the control center of the electronic device 1200. It uses various interfaces and lines to connect various parts of the entire electronic device 1200, executes various functions of the electronic device 1200 and processes data by running or loading software programs and / or modules stored in the memory 1202, and calling data stored in the memory 1202, thereby monitoring the electronic device 1200 as a whole.

[0173] In the embodiment of the present application, the processor 1201 in the electronic device 1200 will load instructions corresponding to the processes of one or more application programs into the memory 1202 according to the following steps, and the processor 1201 will run the application programs stored in the memory 1202 to implement various functions, such as:

[0174] Display a directory interface, the directory interface includes a directory area and a data display area, the directory area includes at least one directory and a switching control corresponding to at least one directory, at least one directory includes at least one lower-level element, and the data display area is used to display data in at least one lower-level element;

[0175] In response to a triggering operation on a switch control of a target directory in at least one directory, the lower-level elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area. The element selection bar is used to display the lower-level elements under the target directory. The lower-level elements in the element selection bar can be selected to trigger display of data in the lower-level elements in the data display area.

[0176] The specific implementation methods and corresponding beneficial effects of the above operations can be found in the detailed description of the information display method above, which will not be elaborated here.

[0177] Optional, such as Fig.12As shown, the electronic device 1200 further includes: a touch screen 1203, a radio frequency circuit 1204, an audio circuit 1205, an input unit 1206, and a power supply 1207. The processor 1201 is electrically connected to the touch screen 1203, the radio frequency circuit 1204, the audio circuit 1205, the input unit 1206, and the power supply 1207, respectively. Those skilled in the art can understand that Fig.12 The electronic device structure shown in the figure does not constitute a limitation of the electronic device, and may include more or less components than shown in the figure, or combine certain components, or arrange the components differently.

[0178] The touch display screen 1203 can be used to display a graphical user interface and receive operation instructions generated by the user acting on the graphical user interface. The touch display screen 1203 may include a display panel and a touch panel. Among them, the display panel may be used to display information input by the user or information provided to the user and various graphical user interfaces of the electronic device, and these graphical user interfaces may be composed of graphics, text, icons, videos and any combination thereof. Optionally, the display panel may be configured in the form of a liquid crystal display (LCD, Liquid Crystal Display), an organic light emitting diode (OLED, Organic Light-EmittingDiode) and the like. The touch panel may be used to collect the user's touch operation on or near it (such as the user using any suitable object or attachment such as a finger, a stylus, etc. on the touch panel or near the touch panel), and generate corresponding operation instructions, and the operation instructions execute corresponding programs. Optionally, the touch panel may include two parts, a touch detection device and a touch controller. Among them, the touch detection device detects the user's touch orientation, detects the signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, converts it into the touch point coordinates, and then sends it to the processor 1201, and can receive the command sent by the processor 1201 and execute it. The touch panel can cover the display panel. When the touch panel detects a touch operation on or near it, it is transmitted to the processor 1201 to determine the type of touch event, and then the processor 1201 provides a corresponding visual output on the display panel according to the type of touch event. In an embodiment of the present application, the touch panel and the display panel can be integrated into the touch display screen 1203 to realize the input and output functions. However, in some embodiments, the touch panel and the touch panel can be used as two independent components to realize the input and output functions. That is, the touch display screen 1203 can also be used as a part of the input unit 1206 to realize the input function.

[0179] The radio frequency circuit 1204 may be used to send and receive radio frequency signals, so as to establish wireless communication with a network device or other electronic devices through wireless communication, and to send and receive signals between the network device or other electronic devices.

[0180] The audio circuit 1205 can be used to provide an audio interface between the user and the electronic device through a speaker and a microphone. The audio circuit 1205 can transmit the electrical signal converted from the received audio data to the speaker, which is converted into a sound signal for output; on the other hand, the microphone converts the collected sound signal into an electrical signal, which is received by the audio circuit 1205 and converted into audio data, and then the audio data is output to the processor 1201 for processing, and then sent to another electronic device through the radio frequency circuit 1204, or the audio data is output to the memory 1202 for further processing. The audio circuit 1205 may also include an earplug jack to provide communication between an external headset and the electronic device.

[0181] The input unit 1206 may be used to receive input numbers, character information or user feature information (such as fingerprint, iris, facial information, etc.), and to generate keyboard, mouse, joystick, optical or trackball signal inputs related to user settings and function control.

[0182] The power supply 1207 is used to supply power to various components of the electronic device 1200. Optionally, the power supply 1207 can be logically connected to the processor 1201 through a power management system, so that the power management system can manage charging, discharging, and power consumption. The power supply 1207 can also include one or more DC or AC power supplies, recharging systems, power failure detection circuits, power converters or inverters, power status indicators, and other arbitrary components.

[0183] although Fig.12 Not shown, the electronic device 1200 may also include a camera, a sensor, a wireless fidelity module, a Bluetooth module, etc., which will not be described in detail here.

[0184] In the above embodiments, the description of each embodiment has its own emphasis. For parts that are not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0185] A person of ordinary skill in the art will appreciate that all or part of the steps in the various methods of the above embodiments may be completed by instructions, or by controlling related hardware through instructions. The instructions may be stored in a computer-readable storage medium and loaded and executed by a processor.

[0186] To this end, an embodiment of the present application provides a computer-readable storage medium, in which multiple computer programs are stored, and the computer program can be loaded by a processor to execute any information display method provided in the embodiment of the present application. For example, the computer program can execute the following steps:

[0187] Display a directory interface, the directory interface includes a directory area and a data display area, the directory area includes at least one directory and a switching control corresponding to at least one directory, at least one directory includes at least one lower-level element, and the data display area is used to display data in at least one lower-level element;

[0188] In response to a triggering operation on a switch control of a target directory in at least one directory, the lower-level elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area. The element selection bar is used to display the lower-level elements under the target directory. The lower-level elements in the element selection bar can be selected to trigger display of data in the lower-level elements in the data display area.

[0189] The specific implementation methods and corresponding beneficial effects of the above operations can be found in the detailed description of the information display method above, which will not be elaborated here.

[0190] The computer-readable storage medium may include: a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, etc.

[0191] Since the computer program stored in the computer-readable storage medium can execute any one of the information display methods provided in the embodiments of the present application, the beneficial effects that can be achieved by any one of the information display methods provided in the embodiments of the present application can be achieved. Please refer to the previous embodiments for details and will not be repeated here.

[0192] The above is a detailed introduction to an information display method, device, electronic device and computer-readable storage medium provided in the embodiments of the present application. Specific examples are used herein to illustrate the principles and implementation methods of the present application. The description of the above embodiments is only used to help understand the method of the present application and its core idea; at the same time, for technical personnel in this field, according to the ideas of the present application, there will be changes in the specific implementation methods and application scopes. In summary, the content of this specification should not be understood as a limitation on the present application.

Claims

1. An information display method, characterized in that: The method comprises: Display a directory interface, the directory interface comprising a directory area and a data display area, the directory area comprising at least one directory and a switching control corresponding to the at least one directory, the at least one directory comprising at least one lower-layer element, and the data display area being used to display data in the at least one lower-layer element; In response to a triggering operation on a switch control of a target directory in at least one of the directories, the lower-level elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area, wherein the element selection bar is used to display the lower-level elements under the target directory, and the lower-level elements in the element selection bar can be selected to trigger display of data in the lower-level elements in the data display area.

2. The information display method according to claim 1, characterized in that: The lower layer elements include at least one of a first element and a second element, and the second element includes at least one first element.

3. The information display method according to claim 2, characterized in that: The lower layer elements include the second element, and in response to a triggering operation on a switch control of a target directory in the at least one directory, the lower layer elements under the target directory in the directory area are hidden, and an element selection bar of the target directory is displayed in the data display area, including: In response to a triggering operation on a switch control of a target directory in the at least one directory, in a tree structure corresponding to the directory, converting a tree node of the second element and a tree node of the target directory from a second element node type to a first element node type; When it is detected that the type of the tree node of the target directory is the first element node type, hiding the lower-layer elements under the target directory in the directory area; Generate an element selection bar of the target directory according to a tree node of the first element node type under the target directory; The element selection bar is displayed in the data display area.

4. The information display method according to claim 3, characterized in that: After the element selection bar of the target directory is displayed in the data display area, the method further includes: In response to a triggering operation on the second element, a first element under the second element and a hierarchical relationship between the second element and the target directory are displayed on the element selection bar.

5. The information display method according to claim 3, characterized in that: The method further comprises: If it is detected that the tree node corresponding to the target directory in the tree structure is converted from the second element node type to the first element node type, displaying a sharing control; In response to the triggering operation of the sharing control, all lower-level elements under the target directory are shared.

6. The information display method according to claim 2, characterized in that: In response to a triggering operation on a switch control of a target directory in the at least one directory, displaying an element selection bar of the target directory in the data display area includes: In response to a triggering operation on a switch control of a target directory in the at least one directory, updating a value of a configuration item corresponding to the target directory to a first target value; When it is detected that the value of the configuration item is the first target value, an element selection bar of the target directory is displayed in the data display area through a tab component.

7. The information display method according to claim 6, characterized in that: The lower layer elements include the second element, and after the element selection bar of the target directory is displayed in the data display area through the tab component, further include: In response to a triggering operation on the second element, a breadcrumb component associated with the tab component is used to display a hierarchical relationship between the second element and the target directory on the element selection bar, and the first element under the second element is displayed through the tab component.

8. The information display method according to claim 1, characterized in that: After the element selection bar of the target directory is displayed in the data display area, the method further includes: If it is detected that a new lower-level element is added to the target directory, the new lower-level element is displayed on the element selection bar.

9. The information display method according to claim 8, characterized in that: The new lower-layer element includes a new second element, and if it is detected that the target directory adds a new lower-layer element, the new lower-layer element is displayed on the element selection bar, including: If it is detected that a new second element is added to the target directory, a tree node of the new second element is created under the tree node of the target directory in the tree structure corresponding to the target directory, and the tree node of the new second element is converted from the second element node type to the first element node type; Based on the tree node of the first element node type under the target directory, the element selection bar is updated to display the new second element on the element selection bar.

10. The information display method according to claim 1, characterized in that: After the element selection bar of the target directory is displayed in the data display area, the method further includes: In response to a triggering operation on a switch control of the target directory, the lower-layer elements under the target directory are displayed on the directory area, and the element selection bar is hidden.

11. The information display method according to claim 10, characterized in that: The lower layer elements include a second element, the second element includes at least one first element, and in response to the triggering operation of the switch control of the target directory, the lower layer elements under the target directory are displayed on the directory area, and the element selection bar is hidden, including: In response to a triggering operation on a switch control of the target directory, in a tree structure corresponding to the directory, converting a tree node of the second element and a tree node of the target directory from a first element node type to a second element node type; When it is detected that the type of the tree node of the target directory is the second element node type, the lower-level elements under the target directory are displayed in the directory area, and the element selection bar is hidden.

12. An information display device, characterized in that: The device comprises: A first display module is used to display a directory interface, wherein the directory interface includes a directory area and a data display area, wherein the directory area includes at least one directory and a switching control corresponding to the at least one directory, wherein the at least one directory includes at least one lower-layer element, and the data display area is used to display data in the at least one lower-layer element; The second display module is used to hide the lower-level elements under the target directory in the directory area in response to the triggering operation of the switching control of the target directory in the at least one directory, and display the element selection bar of the target directory in the data display area, wherein the element selection bar is used to display the lower-level elements under the target directory, and the lower-level elements in the element selection bar can be selected to trigger the display of data in the lower-level elements in the data display area.

13. An electronic device, characterized in that: It comprises a processor and a memory, wherein the memory stores a plurality of instructions; the processor loads instructions from the memory to execute the information display method according to any one of claims 1 to 11.

14. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a plurality of instructions, and the instructions are suitable for being loaded by a processor to execute the information display method according to any one of claims 1 to 11.

Images