Page display method and device, equipment and medium

Abstract

The embodiment of the invention relates to a page display method and device, equipment and a medium, and the method comprises the steps: responding to a triggering operation on a first menu in a tiled menu bar in a main window, and displaying a first menu page corresponding to the first menu in the main window; in response to a trigger operation on a first function entry in the first menu page, displaying a first function page corresponding to the first function entry in the first window; wherein the first window is located on a display layer on the upper layer of the main window; in response to an independent display operation on a first drawer entrance in the first function page, arranging a first window and a second window displaying a first drawer page in a display layer in a split-screen manner; wherein the first drawer page is a page corresponding to the first drawer entrance. According to the scheme, a user does not need to know redundant information such as a menu level navigation framework, complex level drilling and page switching operation of the user in a complex multi-level menu are avoided, and parallel operation of multiple pages is achieved through simple operation.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular to a page display method, device, equipment, and medium. Background Art

[0002] In the computer field, more and more business systems and software tools are developed and implemented using web technologies, and web pages contain numerous interactive links. In related technologies, a multi-level navigation menu can be set up on a web page. By drilling down through the navigation menu layer by layer, the user can reach the desired page and perform subsequent interactions on that page.

[0003] However, this method requires smooth interaction of functional links in the multi-level navigation menu, and has high requirements for the design of the navigation menu bar. In scenarios where multiple pages need to be used, it is necessary to repeatedly drill down the navigation menu bar to switch back and forth between pages. The operation is relatively complicated. Therefore, how to achieve parallel operation of multiple pages through simple operations has become a problem that needs to be solved urgently. Summary of the Invention

[0004] In order to solve the above technical problems or at least partially solve the above technical problems, the present disclosure provides a page display method, device, equipment and medium.

[0005] The present disclosure provides a page display method, including:

[0006] In response to a triggering operation on a first menu in a tiled menu bar in a main window, displaying a first menu page corresponding to the first menu in the main window;

[0007] In response to a triggering operation on a first function entry in the first menu page, displaying a first function page corresponding to the first function entry in a first window; wherein the first window is located in a display layer above the main window;

[0008] In response to the independent display operation of the first drawer entry in the first function page, the first window and the second window displaying the first drawer page are arranged in split screen on the display layer; wherein, the first drawer page is the page corresponding to the first drawer entry.

[0009] The present disclosure also provides a page display device, including:

[0010] A first display module is configured to display a first menu page corresponding to the first menu in the tiled menu bar in the main window in response to a triggering operation on the first menu in the tiled menu bar in the main window;

[0011] a second display module, configured to display, in a first window, a first function page corresponding to a first function entry in the first menu page in response to a triggering operation on the first function entry in the first menu page; wherein the first window is located in a display layer above the main window;

[0012] A split-screen module is used to arrange the first window and the second window displaying the first drawer page in a split-screen arrangement on the display layer in response to an independent display operation on the first drawer entry in the first function page; wherein the first drawer page is a page corresponding to the first drawer entry.

[0013] An embodiment of the present disclosure also provides an electronic device, which includes: a processor; a memory for storing instructions executable by the processor; the processor is used to read the executable instructions from the memory and execute the instructions to implement the page display method provided by the embodiment of the present disclosure.

[0014] An embodiment of the present disclosure further provides a computer-readable storage medium, wherein the storage medium stores a computer program, and the computer program is used to execute the page display method provided by the embodiment of the present disclosure.

[0015] The technical solution provided by the embodiment of the present disclosure has the following advantages over the existing technology: the page display solution provided in the embodiment of the present disclosure, the method includes: in response to the triggering operation of the first menu in the tiled menu bar in the main window, displaying the first menu page corresponding to the first menu in the main window; in response to the triggering operation of the first function entrance in the first menu page, displaying the first function page corresponding to the first function entrance in the first window; wherein, the first window is located in the display layer above the main window; in response to the independent display operation of the first drawer entrance in the first function page, arranging the first window and the second window displaying the first drawer page in split screen in the display layer; wherein, the first drawer page is the page corresponding to the first drawer entrance. By adopting the above technical solution, the menu is displayed in a tiled manner in the main window, which avoids the user from drilling down the levels in the menu bar. Instead, the corresponding menu page is displayed in the main window by triggering the tiled menu, so that the user does not need to understand redundant information such as the menu hierarchy navigation framework, and can directly reach the required menu page. In addition, in the first window and the second window of the upper split-screen arrangement of the main window, the function page corresponding to the function entry in the menu page and the drawer page corresponding to the drawer entry in the function page are displayed respectively, and the function page and the drawer page obtained by drilling down the function page are displayed at the same time on one display layer, which avoids the user from performing complex hierarchical drilling and repeated page switching operations in complex multi-level menus, and realizes parallel operation of multiple pages with simple operations. BRIEF DESCRIPTION OF THE DRAWINGS

[0016] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the present disclosure.

[0017] In order to more clearly illustrate the embodiments of the present disclosure or the technical solutions in the prior art, the following briefly introduces the drawings required for use in the embodiments or the description of the prior art. Obviously, for ordinary technicians in this field, other drawings can be obtained based on these drawings without any creative work.

[0018] Figure 1 A flowchart of a page display method provided in an embodiment of the present disclosure;

[0019] Figure 2 A schematic diagram of a main window provided in an embodiment of the present disclosure;

[0020] Figure 3 A schematic diagram of a first function page provided in an embodiment of the present disclosure;

[0021] Figure 4 A flowchart of another page display method provided by an embodiment of the present disclosure;

[0022] Figure 5 A schematic diagram of a first drawer page provided in an embodiment of the present disclosure;

[0023] Figure 6 A schematic diagram of a first window and a second window provided in an embodiment of the present disclosure;

[0024] Figure 7 A schematic diagram of a navigation page provided in an embodiment of the present disclosure;

[0025] Figure 8 A schematic diagram of a second function entrance provided in an embodiment of the present disclosure;

[0026] Figure 9 A schematic diagram of a jump control corresponding to a page provided in an embodiment of the present disclosure;

[0027] Figure 10 A schematic diagram of an arrangement style adjustment control provided in an embodiment of the present disclosure;

[0028] Figure 11 A schematic diagram of a vertical arrangement provided by an embodiment of the present disclosure;

[0029] Figure 12 A schematic diagram of a grid arrangement provided in an embodiment of the present disclosure;

[0030] Figure 13 A schematic diagram of a window adjustment control provided by an embodiment of the present disclosure;

[0031] Figure 14 A schematic diagram of the structure of a page display device provided in an embodiment of the present disclosure;

[0032] Figure 15 A schematic structural diagram of an electronic device provided in an embodiment of the present disclosure. DETAILED DESCRIPTION

[0033] In order to more clearly understand the above-mentioned objectives, features and advantages of the present disclosure, the scheme of the present disclosure will be further described below. It should be noted that the embodiments of the present disclosure and the features therein can be combined with each other in the absence of conflict.

[0034] In the following description, many specific details are set forth to facilitate a full understanding of the present disclosure, but the present disclosure may also be implemented in other ways different from those described herein; it is obvious that the embodiments in the specification are only part of the embodiments of the present disclosure, rather than all of the embodiments.

[0035] In the computer field, more and more business systems, software tools, etc. are developed and implemented through web technology, and there are many interactive links within web pages.

[0036] In related technologies, a multi-level navigation menu can be displayed in a window simultaneously with multiple pages opened in tab mode, with pages not currently displayed retained at the top of the page in the form of tabs. In this method, the tab function overlaps with the multi-level navigation menu, and only the page content of a single tab can be seen at a time, and interaction can only be performed within the page of a single tab. Other pages not displayed only implement the page caching function, and the content displayed to the user is relatively limited.

[0037] Alternatively, you can drill down layer by layer in the multi-level navigation menu until you reach the page the user needs, and then perform the next interaction on that page. After the user drills down again in the navigation menu and clicks on the corresponding last level menu, the currently displayed page is refreshed and the new page content corresponding to the newly clicked menu is loaded, rather than retaining the page in the form of a tab and continuing to interact on the new page. In this interaction method, the multi-level navigation menus in the web system and the entrances in the pages need to be smoothly organized into functional links so that most tasks can be completed through a simple serial link.

[0038] In this type of interaction achieved through page refresh, from the perspective of user experience, users need to perform tasks on a single page at a time, so the menu at the last level in a multi-layer menu is often a page route. The interaction achieved based on this method is often a serial link. For example, you can drill down through the multi-layer menu to reach the query list menu, and click the query list menu to enter the list page. Furthermore, on the list page, click the new control to load the refresh form page, and return to the list page after submitting the form on the form page; or, to view data details on the list page, you can load the refresh data details page, or display the data details page in a drawer style; or, click the configuration control on the list page to pop up the configuration-related dialog window.

[0039] In web systems such as the enterprise (Business, B) side, many processes require switching back and forth between multiple pages corresponding to multiple functional scenarios. Therefore, how to achieve multi-threaded parallel operations on multiple pages through simple operations has become a problem that needs to be solved urgently.

[0040] In order to solve the above problems, the embodiments of the present disclosure provide a page display method, which is introduced below in conjunction with specific embodiments.

[0041] Figure 1 This is a flow chart of a page display method provided by an embodiment of the present disclosure. The page display method can be applied to a page display device. The page display device can be implemented using software and / or hardware, and the page display device can generally be integrated into an electronic device. Figure 1 As shown, the page display method includes:

[0042] Step 101 : In response to a triggering operation on a first menu in a tiled menu bar in a main window, a first menu page corresponding to the first menu is displayed in the main window.

[0043] Among them, the main window can be the first window displayed to the user after entering the web system, and the page displayed by default in the main window can be the home page. The first menu can be a menu selected by the user from multiple menus in the tiled menu bar. This embodiment does not limit the first menu. The triggering operation may include gesture control operations on the controls in the page (such as clicking, long pressing, double-clicking, etc.), voice control operations, etc., and this embodiment of the present disclosure does not limit this. The first menu page can be the menu page where the first menu is located, and the menu page can be a page that implements the specific function corresponding to the menu.

[0044] The tiled menu bar can be a page bar that displays menus in a tiled manner. The menu in the tiled menu bar is a single-level menu. There is no corresponding upper menu or lower menu for this menu, and the menu can be directly tiled and displayed in the tiled menu bar. Optionally, the tiled menu bar can include one or more menus of different levels in a multi-level navigation menu. The tiled menu bar provides users with a simple navigation framework for browsing menu information and making decisions to trigger corresponding menus. The next steps of processing such as specific query management, detailed information review, and form detail filling corresponding to the menu are encapsulated into the menu page corresponding to the menu, avoiding the complex operation of drilling down layer by layer in the multi-level menu and improving the convenience of user interaction.

[0045] In an embodiment of the present disclosure, the tiled menu bar can be a sidebar of the main window. The tiled menu bar is loaded with multiple menu controls. The user can perform a trigger operation on the menu control corresponding to the first menu among the multiple menu controls. In response to the trigger operation, the page display device can display the first menu page corresponding to the first menu to the user in a display area outside the sidebar of the main window.

[0046] Figure 2 A schematic diagram of a main window provided in an embodiment of the present disclosure is shown as follows: Figure 2 As shown, window 200 is the main window, and sidebar 201 is a tiled menu bar. If the user triggers navigation menu 3, the menu page corresponding to navigation menu 3 will be displayed. The menu page displays multiple indicators corresponding to navigation menu 3, multiple functional scene entrances and multiple recent tasks.

[0047] Step 102: In response to a triggering operation on a first function entry in a first menu page, a first function page corresponding to the first function entry is displayed in a first window; wherein the first window is located in a display layer above the main window.

[0048] Among them, the first function entry can be a function entry selected by the user from multiple function entries on the first menu page. The function entry can be an entry set in the menu page to implement a specific function, through which the function drill-down for the menu can be achieved. The function entry includes but is not limited to a function scenario entry and / or a task entry. This embodiment does not limit the function entry. For example, the function entry may include one or more of form filling, detailed query, and table query. The first window may be a window independent of the main window. The display layer may be a layer whose layer order is above the main window, and the page in the window in the display layer may be displayed in a tab style. The first function page may be the function page corresponding to the first function entry. The function page may be a page that implements the function represented by the function entry.

[0049] In an embodiment of the present disclosure, a plurality of function entry controls are loaded in the first menu page, and the user can initiate a corresponding drill-down interaction in the first menu page by triggering the function entry space. Specifically, if the user performs a trigger operation on the function entry control corresponding to the first function entry among the multiple function entry controls, in response to the trigger operation, the page display device can pull up a container in the display layer above the main window to maximize the first window occupying the screen space, and display the first function page corresponding to the first function entry in the first window. The display layer is displayed in a suspended style above the main window, thereby avoiding jumping from the menu page to the function page in a refresh jump manner in the same window, avoiding the replacement of the menu page, and realizing the caching of the menu page in the lower layer of the display layer, creating a foundation for subsequent quick access to the menu page.

[0050] like Figure 2 As shown, control 202 is the control corresponding to function scene entry 3, and control 203 is the control corresponding to task 2. By triggering control 202 or control 203, you can jump to the corresponding function page. Figure 3 A schematic diagram of a first function page provided by an embodiment of the present disclosure, such as Figure 3 As shown, window 300 is the first window, which displays the first function page. Function entry 1 is the table query entry. The first function page corresponding to function entry 1 displays query items such as the rule name, description, number of service calls, status, last call time, etc. based on which the table query is performed, and displays the results queried according to the query items.

[0051] In the above solution, the first function page is displayed in the display layer above the main window, which avoids distracting the user's attention by redundant information such as the navigation frame, allowing the user to focus more on the function itself when performing specific queries, viewing details, filling out forms, etc.

[0052] Step 103, in response to the independent display operation of the first drawer entry in the first function page, the first window and the second window displaying the first drawer page are arranged in a split screen on the display layer; wherein the first drawer page is the page corresponding to the first drawer entry.

[0053] The first drawer entry may be a drawer entry selected by the user from among multiple drawer entries of the first function page. The drawer entry may be used to trigger the display of an interactive component that slides in from the edge of the window. The interactive component is in the same window as the triggered function page and is displayed on an upper layer of the page. The independent display operation may be an operation to display the page corresponding to the drawer entry in a window independent of the current function page in the display layer. This embodiment does not impose any restrictions on the independent display operation. For example, the independent display operation may be a triggering operation for an independent display control of the first drawer entry, or the independent display operation may include a triggering operation for the first drawer entry and a subsequent sub-window display operation for the first drawer page. The second window may be a window independent of the main window and the first window, and the first window and the second window may be different windows in the display layer. The first drawer page may be the page corresponding to the first drawer entry, and the first drawer page may display information and / or controls corresponding to the first drawer entry, etc.

[0054] In an embodiment of the present disclosure, in the first function page, the user can perform an independent display operation on the first drawer entry of the first function page. In response to the first display operation of the first drawer entry, the page display device shrinks the first window and creates a new second window, arranges the first window and the second window in a split-screen arrangement on the display layer, and displays the first drawer page corresponding to the first drawer entry on the second window. Due to the improvement of existing computer performance and the improvement of display device resolution, a basis has been created for dividing multiple display areas in a web browser to interact with different functions corresponding to different pages, and multi-function parallel processing can be achieved through multiple windows, which solves the disadvantage of only being able to interact serially in related technologies, bringing convenience and playability to users.

[0055] Figure 4 A flow chart of another page display method provided by an embodiment of the present disclosure is shown as follows: Figure 4 As shown, in some embodiments of the present disclosure, in response to an independent display operation on a first drawer entry in a first function page, a first window and a second window displaying the first drawer page are arranged in a split screen on a display layer, including:

[0056] Step 401: In response to a triggering operation on a first drawer entrance, a first drawer page is displayed in a pop-up layer of a first window.

[0057] The pop-up layer may be a layer that slides in from the edge of the first window. The triggering operation of the first drawer entry may be an operation that triggers the display of a page in a drawer style on the upper layer of the existing page. This embodiment does not limit the triggering operation of the first drawer entry, and the triggering operation may be the same as the existing interactive operation for triggering the display of the drawer component. For example, the triggering operation may include performing a sliding triggering operation on the edge of the first window, clicking on the pop-up control corresponding to the first drawer entry in the first function page (for example, the view details control in the list), and so on.

[0058] In this embodiment, the first window displays a first function page in a tab style, and the user can perform a trigger operation on the first drawer entrance based on the first function page. In response to the trigger operation, the page display device pops up the first drawer page in the first window in a sliding manner on the upper layer of the first function page. The first drawer page displayed in the pop-up layer can retain the existing interaction protocol. Figure 3 As shown, the control 301 is a detail control, and the triggering operation of the first drawer entry may be a triggering operation on the detail control. Figure 5 A schematic diagram of a first drawer page provided in an embodiment of the present disclosure, such as Figure 5 As shown, page 500 is the first drawer page displayed in the pop-up layer, and the first function page is displayed in a semi-transparent manner under the pop-up layer.

[0059] Step 402, in response to the split-window display operation on the first drawer page, hide the pop-up layer, display the first drawer page in the second window, and shrink the first window, and arrange the shrunken first window and second window according to the layout style corresponding to the split-window display operation.

[0060] The split-window display operation can be an operation for splitting multiple pages displayed in layers within a window into multiple windows for display. This embodiment does not limit the split-window display operation. For example, the split-window display operation can be a drag operation on the title of the first drawer page displayed in a pop-up layer. The layout style can be the layout style of multiple windows on the screen, which can include top-to-bottom layout, left-to-right layout, etc.

[0061] In this embodiment, a user can drag the page title of the first drawer page displayed in the pop-up layer. If the drag path length of the drag operation exceeds a length threshold, the drawer container containing the first drawer page is pulled up and attached to the target edge of the display layer. The target edge can be determined based on the direction of the drag path. For example, if the drag path points to the right, the drawer container is attached to the right edge of the display layer. This achieves the effect of hiding the pop-up layer where the first drawer page originally resides and displaying the first drawer page independently in a new second window. Figure 6A schematic diagram of a first window and a second window provided in an embodiment of the present disclosure is shown in FIG. Figure 6 As shown, window 601 is the second window, window 602 is the first window, and the first drawer page in the second window can be understood as the parent page of the first function page in the second window. The first window and the second window are displayed side by side in a dual-window style, realizing the simultaneous display of the parent page and the child page in the display layer.

[0062] The page display method provided by the embodiment of the present disclosure includes: in response to a triggering operation on a first menu in a tiled menu bar in a main window, displaying a first menu page corresponding to the first menu in the main window; in response to a triggering operation on a first function entrance in the first menu page, displaying a first function page corresponding to the first function entrance in the first window; wherein, the first window is located in a display layer above the main window; in response to an independent display operation on a first drawer entrance in the first function page, arranging the first window and a second window displaying the first drawer page in a split-screen manner in the display layer; wherein, the first drawer page is a page corresponding to the first drawer entrance. By adopting the above technical solution, the menu is displayed in a tiled manner in the main window, which avoids the user from drilling down the levels in the menu bar. Instead, the corresponding menu page is displayed in the main window by triggering the tiled menu, so that the user does not need to understand redundant information such as the menu hierarchy navigation framework, and can directly reach the required menu page. In addition, in the first window and the second window of the upper split-screen arrangement of the main window, the function page corresponding to the function entry in the menu page and the drawer page corresponding to the drawer entry in the function page are displayed respectively, and the function page and the drawer page obtained by drilling down the function page are displayed at the same time on one display layer, which avoids the user from performing complex hierarchical drilling and repeated page switching operations in complex multi-level menus, and realizes parallel operation of multiple pages with simple operations.

[0063] In addition, this page display method is compatible with existing web browsers. Displaying different pages in multiple small windows is more conducive to the concentrated and distributed display of information corresponding to different functions, avoiding users from repeatedly drilling down into multi-level menus and jumping to pages, allowing users to better focus on the information on the page.

[0064] In some embodiments of the present disclosure, the page display method also includes: in response to a triggering operation on a page navigation entry in a first function page, displaying a navigation page corresponding to the page navigation entry in a second window; wherein, the navigation page and the first drawer page are displayed in a multi-tab style in the first window.

[0065] The page navigation entry can be a page that navigates to a new page based on the current page. The navigation page can be the target page that the page navigation entry navigates to. The multi-tab style can be a window in which pages correspond one to each tab, and by selecting a tab, the page corresponding to the tab is displayed, and the pages corresponding to the unselected tabs are not displayed.

[0066] In this embodiment, the windows in the display layer include a first window and a second window. The first window displays a first function page, and the second window displays a first drawer page. A user can trigger a page navigation entry of the first function page in the first window. In response to the trigger operation, the page display device displays the navigation page corresponding to the page navigation entry in the second window while retaining the first function page currently displayed in the first window, and hides the first drawer page in the second window as an unselected tab. Figure 7 A schematic diagram of a navigation page provided in an embodiment of the present disclosure, such as Figure 7 As shown, the control 701 is a control corresponding to the page navigation entry, and the window 700 is a second window. In response to the triggering operation of the control 701, the page display device displays the navigation page corresponding to the page navigation entry in the second window 700.

[0067] In the above scheme, compared with the related technology of replacing the original page with the page corresponding to the entrance in the same window in response to the triggering operation of the page navigation entrance, by displaying the original first function page and the navigated navigation page in different windows respectively, it is achieved that the parent page and its corresponding child page can be displayed on the screen at the same time, reducing the frequency of users' complicated operations of jumping between pages.

[0068] In some embodiments of the present disclosure, after displaying the first menu page corresponding to the first menu in the main window, the page display method also includes: in response to a triggering operation on the second function entrance, displaying the second function page and the first function page corresponding to the second function entrance in a multi-tab style in the first window; wherein, the second function entrance is in the first menu page, or the second function entrance is in the second menu page, and the second menu page corresponds to the second menu in the tiled menu bar.

[0069] The second menu may be another menu different from the first menu selected by the user from among multiple menus in the tiled menu bar. The second function entry may be a function entry different from the first function entry selected by the user from among multiple function entries on the first menu page, or the second function entry may be a function entry on the second menu page. The second menu page may be the menu page where the second menu is located.

[0070] In this embodiment, a first function page is displayed in the first window, and the window in the display layer is the first window. The user can return from the first window to the main window and perform a trigger operation on the second function entry in the first menu page of the main window; or the user can perform a trigger operation on the second menu in the tiled menu bar. In response to the trigger operation, the page display device displays a second menu page corresponding to the second menu to the user in a display area outside the sidebar of the main window, and the user can perform a trigger operation on the second function entry in the second menu page.

[0071] In response to the triggering operation of the second function entrance, the page display device displays the first window on the display layer above the main window, and displays the second function page and the first function page corresponding to the second function entrance in a multi-tab style in the first window. Figure 8 A schematic diagram of a second function entrance provided by an embodiment of the present disclosure, such as Figure 8 As shown, window 800 is the first window. In the first window 800, the function page corresponding to function entry 1 and the function page corresponding to function entry 2 are displayed in a multi-tab style. The function page corresponding to function entry 2 is a step-by-step form page, and the first step is to fill in the information. In this step, the sender's account, the recipient's account, the recipient's name, the information content and other information can be filled in.

[0072] In the above scheme, the function page determined based on the different function entrances in the main window will be displayed in the first window above the main window in a multi-tab style, so that different function pages can be quickly switched through tabs in another window outside the main window. While allowing users to focus on the content displayed in the function page, it improves the convenience of users switching function pages.

[0073] In some embodiments of the present disclosure, the page display method also includes: in response to a page migration operation of the page to be migrated from the first window to the second window, closing the tab corresponding to the page to be migrated in the first window, and creating a new tab corresponding to the page to be migrated in the second window.

[0074] The page to be migrated may be a page to be migrated from one window to another window displayed in the same layer, and the page to be migrated may be a page in the first window. The page migration operation may be an operation to migrate a page from one window to another window displayed in the same layer. This embodiment does not limit the migration operation. For example, the migration operation may be dragging the page title of the page to be migrated from the first window to the second window.

[0075] In this embodiment, a first window and a second window are displayed in the display layer, and each window may correspond to at least one page in the form of a tab. The page currently displayed in the first window may be the page to be migrated, and the user may perform a page migration operation from the first window to the second window on the page to be migrated. In response to the page migration operation, the page display device closes the tab corresponding to the page to be migrated in the first window, replaces the page to be migrated with another page in the first window in the first window, or does not display the page in the first window. Furthermore, a tab corresponding to the page to be migrated is created in the second window, and the page to be migrated is displayed in the second window.

[0076] In the above solution, the migration operation of pages between windows is realized through the page migration operation, so that the user can set the pages to be compared in the two windows according to his own needs, thereby improving the convenience of the user in performing page comparison.

[0077] In some embodiments of the present disclosure, the display layer is provided with a jump control of the main window, and the page display method further includes: in response to a triggering operation on the jump control of the main window, hiding the display layer and displaying the main window and the jump controls corresponding to each page in the display layer.

[0078] The jump control of the main window can be used to jump from a window in the presentation layer to the main window. This embodiment does not limit the specific location of the jump control of the main window in the presentation layer. The jump control corresponding to each page in the presentation layer can be used to jump from the currently displayed window to a window displaying a specific page in the presentation layer, for example, jumping from the main window to a first window displaying a first function page, etc.

[0079] In this embodiment, if Figure 7 As shown, control 702 is a jump control for the main window, and the jump control for the main window is displayed in the presentation layer. The user can trigger the jump control of the main window, and the page presentation device hides the presentation layer above the main window in response to the triggering operation to display the main window. The main window is provided with jump controls for each page currently corresponding to a tab in the presentation layer, or for each page currently selected in the presentation layer. Figure 9 A schematic diagram of a jump control corresponding to a page provided in an embodiment of the present disclosure, such as Figure 9 As shown, control 901 is a jump page of the first function page, and control 902 is a jump control of the second function page.

[0080] In the above solution, the window in the display layer is switched to the previously hidden main window, and the page corresponding to the tab in the display layer and the page in the underlying main window are quickly switched with one click. The quick entry of the switched page is displayed in a reduced size on the page after switching, so that the jump between pages is realized without affecting the information browsing and interaction of the page jumped to.

[0081] In some embodiments of the present disclosure, the display layer is provided with a layout style adjustment control, and the page display method further includes: in response to a triggering operation on a target style in the layout style adjustment control, arranging the first window and the second window in the display layer in the target style.

[0082] The layout style adjustment control may be a control for adjusting the window layout style in the presentation layer. The target style may be a style selected by the user, and this embodiment does not limit the target style. For example, the target style may include one or more of a left-right double-window layout (i.e., horizontal layout), a top-bottom double-window layout (i.e., vertical layout), and a four-grid layout.

[0083] In this embodiment, an arrangement style adjustment control can be provided at the bottom of the axis of the multiple windows in the display layer, where the axis can be a virtual line between adjacent windows. The user can select a target style from the multiple styles displayed by the arrangement style adjustment control and trigger an operation on the target style. In response to the trigger operation, the page display device adjusts the first and second windows in the display layer to a window arrangement using the target style. This allows the windows in the display layer to be arranged according to the user's needs.

[0084] Figure 10 A schematic diagram of an arrangement style adjustment control provided by an embodiment of the present disclosure, such as Figure 10 As shown, control 1001 is a layout style adjustment control. Figure 11 A schematic diagram of a vertical arrangement provided in an embodiment of the present disclosure is shown as follows: Figure 11 As shown, the first window and the second window are arranged vertically. Figure 12 A schematic diagram of a grid arrangement provided in an embodiment of the present disclosure is shown as follows: Figure 12 As shown, in the display layer, based on the original first window and second window, a third window and a fourth window are newly created. The first window, the second window, the third window, and the fourth window are arranged in a four-grid style, and the pages in the display layer are allocated to the first window, the second window, the third window, and the fourth window.

[0085] In this embodiment, hovering the mouse over the axis between the windows allows you to drag and adjust the size of the windows on both sides of the axis. Figure 13 A schematic diagram of a window adjustment control provided by an embodiment of the present disclosure is shown as follows: Figure 13As shown, control 1301 is a window adjustment control.

[0086] In the above solution, the windows in the display layer can be freely dragged to adapt to the width, and the layout can also be changed, so that the windows can adapt to different scene requirements and are flexible and efficient.

[0087] The page display method provided by the disclosed embodiments simplifies the page navigation method of multi-level menus in related technologies. By switching between pages displayed in a tabbed style in the presentation layer and pages in the underlying main window, the WDB system is simplified to three layers: the underlying main window layer, the presentation layer, and the pop-up layer within the presentation layer. Furthermore, the windows in the presentation layer can be arranged in various formats, such as two columns, two rows, or a four-grid grid, facilitating user interaction between different windows on a single screen. Pages to be migrated can be dragged between windows in the presentation layer to change their windows, and the window distribution can be adjusted proportionally. Pages within a window are adaptively rendered based on the window size to optimize page browsing. A page displayed in the first drawer of a first window in a pop-up layer can be dragged out of the first window to form a new second window, or displayed as a tab within the first window. Window layout utilizes page containers, with multiple tabbed pages loaded in each window. Tabs within a single window can be switched, and tabbed pages can be dragged and moved between different window containers, significantly improving the utilization and work efficiency of current large-resolution screens.

[0088] In the page display method provided by the disclosed embodiments, the tiled menu bar in the underlying main window refines menu information and aggregates functions, presenting users with a concise navigation framework. Specific next-step functions, such as query management, detailed information viewing, and form filling, are encapsulated in corresponding menu pages, improving the convenience of page interaction. By displaying the first window full or nearly full of the screen, users can focus more on the content of the function itself when performing functions such as querying, viewing details, and filling out forms, avoiding the impact of redundant information such as menu navigation. By simultaneously displaying corresponding pages in multiple windows arranged in the display layer, efficient operations such as comparing similar details and referencing form filling can be performed. Windows in the display layer can be freely dragged to an appropriate width, and their layout can also be changed to adapt to different scenario requirements, providing flexibility and efficiency. Pages in the display layer windows can be quickly switched with a single click to the pages in the underlying main window, miniaturizing the shortcut entry without affecting page information browsing and interaction. Compatible with existing web browsers, the small window arrangement of multiple windows in the display layer facilitates information aggregation and display, helping users focus on the corresponding functional information section.

[0089] Figure 14This is a schematic diagram of the structure of a page display device provided by an embodiment of the present disclosure. The device can be implemented by software and / or hardware, and the device can also be integrated into an electronic device. Figure 14 As shown, the page display device includes:

[0090] A first display module 1401 is configured to display a first menu page corresponding to a first menu in a tiled menu bar in a main window in response to a triggering operation on the first menu in the main window;

[0091] A second display module 1402 is configured to display, in a first window, a first function page corresponding to a first function entry in the first menu page in response to a triggering operation on the first function entry in the first menu page; wherein the first window is located in a display layer above the main window;

[0092] The split-screen module 1403 is used to arrange the first window and the second window displaying the first drawer page in a split-screen arrangement on the display layer in response to the independent display operation of the first drawer entry in the first function page; wherein the first drawer page is the page corresponding to the first drawer entry.

[0093] Optionally, the split screen module 1403 includes:

[0094] A first display submodule, configured to display the first drawer page in a pop-up layer of the first window in response to a triggering operation on the first drawer entrance;

[0095] The split-screen sub-module is used to respond to the split-window display operation of the first drawer page, hide the pop-up layer, display the first drawer page in the second window, and shrink the first window, and arrange the shrunken first window and second window according to the layout style corresponding to the split-window display operation.

[0096] Optionally, the page display device further includes:

[0097] The third display module is used to respond to the triggering operation of the page navigation entrance in the first function page, and display the navigation page corresponding to the page navigation entrance in the second window; wherein, the navigation page and the first drawer page are displayed in a multi-tab style in the first window.

[0098] Optionally, the page display device further includes:

[0099] The fourth display module is used to respond to the triggering operation of the second function entrance and display the second function page corresponding to the second function entrance and the first function page in the first window in a multi-tab style; wherein, the second function entrance is in the first menu page, or the second function entrance is in the second menu page, and the second menu page corresponds to the second menu in the tiled menu bar.

[0100] Optionally, the page display device further includes:

[0101] The migration module is used to close the tab corresponding to the page to be migrated in the first window and create a new tab corresponding to the page to be migrated in the second window in response to the page migration operation from the first window to the second window.

[0102] Optionally, the display layer is provided with a jump control of the main window, and the page display device further includes:

[0103] The jump module is used to hide the presentation layer and display the main window and the jump controls corresponding to each page in the presentation layer in response to a triggering operation on the jump control of the main window.

[0104] Optionally, the display layer is provided with an arrangement style adjustment control, and the page display device further includes:

[0105] An arrangement module is configured to arrange the first window and the second window in the presentation layer in accordance with the target style in response to a triggering operation on a target style in the arrangement style adjustment control.

[0106] It should be noted that Figure 14 The page display device shown can execute each step in the above-mentioned page display method embodiment and realize each process and effect in the above-mentioned page display method embodiment, which will not be described in detail here.

[0107] Figure 15 This is a schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure. Figure 15 As shown, electronic device 1500 includes one or more processors 1501 and memory 1502 .

[0108] The processor 1501 may be a central processing unit (CPU) or other forms of processing units having page display capabilities and / or instruction execution capabilities, and may control other components in the electronic device 1500 to perform desired functions.

[0109] The memory 1502 may include one or more computer program products, which may include various forms of computer-readable storage media, such as volatile memory and / or non-volatile memory. The volatile memory may include, for example, random access memory (RAM) and / or cache memory (cache), etc. The non-volatile memory may include, for example, read-only memory (ROM), a hard disk, a flash memory, etc. One or more computer program instructions may be stored on the computer-readable storage medium, and the processor 1501 may execute the program instructions to implement the page display method of the embodiment of the present disclosure described above and / or other desired functions. Various contents such as input signals, signal components, noise components, etc. may also be stored in the computer-readable storage medium.

[0110] In one example, the electronic device 1500 may further include an input device 1503 and an output device 1504 , and these components are interconnected via a bus system and / or other forms of connection mechanisms (not shown).

[0111] In addition, the input device 1503 may also include, for example, a keyboard, a mouse, and the like.

[0112] The output device 1504 can output various information to the outside, including determined distance information, direction information, etc. The output device 1504 can include, for example, a display, a speaker, a printer, a communication network and its connected remote output device, etc.

[0113] Of course, to simplify, Figure 15 Only some of the components related to the present disclosure in the electronic device 1500 are shown, and components such as buses, input / output interfaces, etc. are omitted. In addition, according to specific application scenarios, the electronic device 1500 may further include any other appropriate components.

[0114] In addition to the above-mentioned methods and devices, the embodiments of the present disclosure may also be a computer program product, which includes computer program instructions, and when the computer program instructions are executed by a processor, the processor executes the page display method provided by the embodiments of the present disclosure.

[0115] The computer program product may be written in any combination of one or more programming languages ​​to implement the operations of the disclosed embodiments, including object-oriented programming languages ​​such as Java, C++, and conventional procedural programming languages ​​such as C or similar programming languages. The program code may be executed entirely on the user's computing device, partially on the user's computing device, as a standalone software package, partially on the user's computing device and partially on a remote computing device, or entirely on a remote computing device or server.

[0116] In addition, the embodiment of the present disclosure may also be a computer-readable storage medium having computer program instructions stored thereon. When the computer program instructions are executed by a processor, the processor executes the page display method provided by the embodiment of the present disclosure.

[0117] The computer-readable storage medium can adopt any combination of one or more readable media. The readable medium can be a readable signal medium or a readable storage medium. The readable storage medium can, for example, include but is not limited to a system, device or component of electricity, magnetism, light, electromagnetic, infrared, or semiconductor, or any combination thereof. More specific examples (non-exhaustive list) of readable storage media include: an electrical connection with one or more wires, a portable disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof.

[0118] It should be noted that, in this document, relational terms such as "first" and "second" are used only to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any actual relationship or order between these entities or operations. Moreover, the terms "comprises," "comprising," or any other variations thereof are intended to cover non-exclusive inclusion, so that a process, method, article, or device comprising a series of elements includes not only those elements, but also other elements not explicitly listed, or elements inherent to such process, method, article, or device. In the absence of further limitations, an element defined by the phrase "comprising a ..." does not exclude the presence of other identical elements in the process, method, article, or device comprising the element.

[0119] The foregoing description is intended only to provide specific embodiments of the present disclosure, intended to enable those skilled in the art to understand and implement the present disclosure. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present disclosure. Therefore, the present disclosure is not intended to be limited to the embodiments described herein, but rather to be construed in the broadest manner consistent with the principles and novel features disclosed herein.

Claims

1. A page display method, characterized in that: include: In response to a triggering operation on a first menu in a tiled menu bar in a main window, displaying a first menu page corresponding to the first menu in the main window; In response to a triggering operation on a first function entry in the first menu page, displaying a first function page corresponding to the first function entry in a first window; wherein the first window is located in a display layer above the main window; In response to the independent display operation of the first drawer entry in the first function page, the first window and the second window displaying the first drawer page are arranged in split screen on the display layer; wherein, the first drawer page is the page corresponding to the first drawer entry.

2. The method according to claim 1, characterized in that In response to the independent display operation of the first drawer entry in the first function page, arranging the first window and the second window displaying the first drawer page in a split screen on the display layer includes: In response to a triggering operation on the first drawer entrance, displaying the first drawer page in a pop-up layer of the first window; In response to the split-window display operation on the first drawer page, the pop-up layer is hidden, the first drawer page is displayed in the second window, and the first window is reduced, and the reduced first window and the second window are arranged according to the layout style corresponding to the split-window display operation.

3. The method according to claim 1, characterized in that The method further comprises: In response to a triggering operation on a page navigation entry in the first function page, a navigation page corresponding to the page navigation entry is displayed in the second window; wherein the navigation page and the first drawer page are displayed in a multi-tab style in the first window.

4. The method according to claim 1, wherein The method further comprises: In response to the triggering operation of the second function entrance, the second function page corresponding to the second function entrance and the first function page are displayed in the first window in a multi-tab style; wherein, the second function entrance is in the first menu page, or the second function entrance is in the second menu page, and the second menu page corresponds to the second menu in the tiled menu bar.

5. The method according to claim 1, wherein The method further comprises: In response to a page migration operation on the page to be migrated in the first window from the first window to the second window, a tab corresponding to the page to be migrated in the first window is closed, and a tab corresponding to the page to be migrated is created in the second window.

6. The method according to claim 1, characterized in that The presentation layer is provided with a jump control of the main window, and the method further includes: In response to a triggering operation on the jump control of the main window, the presentation layer is hidden and the main window and the jump controls corresponding to each page in the presentation layer are presented.

7. The method according to claim 1, characterized in that The display layer is provided with an arrangement style adjustment control, and the method further includes: In response to a triggering operation on a target style in the arrangement style adjustment control, the first window and the second window are arranged in the presentation layer in the target style.

8. A page display device, characterized in that: include: A first display module is configured to display a first menu page corresponding to the first menu in the tiled menu bar in the main window in response to a triggering operation on the first menu in the tiled menu bar in the main window; a second display module, configured to display, in a first window, a first function page corresponding to a first function entry in the first menu page in response to a triggering operation on the first function entry in the first menu page; wherein the first window is located in a display layer above the main window; A split-screen module is used to arrange the first window and the second window displaying the first drawer page in a split-screen arrangement on the display layer in response to an independent display operation on the first drawer entry in the first function page; wherein the first drawer page is a page corresponding to the first drawer entry.

9. An electronic device, characterized in that: The electronic device comprises: processor; a memory for storing instructions executable by the processor; The processor is configured to read the executable instructions from the memory and execute the instructions to implement the page display method described in any one of claims 1-7.

10. A computer-readable storage medium, characterized in that The storage medium stores a computer program, and the computer program is used to execute the page display method described in any one of claims 1 to 7.

Images