Interface display method and electronic equipment

Abstract

The invention discloses an interface display method which is applied to electronic equipment, and the method comprises the steps that a second interface is displayed in response to a first operation of a user on a first interface, the second interface comprises a plurality of preview windows, the preview windows are used for displaying preview information of an application, and the preview information comprises a first page of the application; the first page is used for displaying related information of the application corresponding to the preview window. According to the method and the device, a user can better know the corresponding application through the preview information of the application in the preview window, so that the application which the user wants to use can be more accurately and quickly selected, the conditions that the application is difficult to search and the application is mistakenly opened are effectively reduced, and the search and opening efficiency of the application is improved. Moreover, the application page of the application corresponding to the preview window can be directly opened subsequently through the preview window, so that the application can be quickly searched and opened based on the preview window, the user operation is simplified, and the searching and opening efficiency of the application is further improved. The invention further discloses the electronic equipment.

Description

Technical Field

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

[0002] The browser / server (B / S) architecture usually requires a terminal device and a server as carriers. The terminal device is installed with a browser application and has a display screen. Users can log in to the server management platform by entering the address of the server management platform and the corresponding user name, password and other information in the browser application through the terminal device, and can implement relevant business functions for the server by operating the server management platform. The server management platform provides relevant business functions for the server as different applications. The server management platform provides users with navigation guidance for finding and opening applications through the navigation menu.

[0003] The inventor discovered the following problems when searching and opening applications using the navigation menu:

[0004] On the one hand, since the navigation menu is a simple text title corresponding to the path information of the application, the user cannot understand the corresponding application well through the navigation menu. Therefore, the user is often unsure of which menu to use to find the application they need to use, which leads to difficulty in finding the application and the error of opening the application, which affects the efficiency of finding and opening the application. On the other hand, since the navigation menu is a multi-level structure, the user needs to perform multiple operations to expand the navigation menu from high to low levels in order to find the application, so the user operation is cumbersome, which also affects the efficiency of finding and opening the application. Summary of the invention

[0005] The embodiments of the present application provide an interface display method, an electronic device, a computer program product, and a computer-readable storage medium, which can realize fast and accurate search of applications and fast opening of applications, effectively improving the search and opening efficiency of applications.

[0006] To solve the above technical problems, in a first aspect, an embodiment of the present application provides an interface display method, which is applied to an electronic device, and the method includes: displaying a first interface; in response to a first operation of a user on the first interface, displaying a second interface, the second interface including multiple preview windows, the preview windows being used to display preview information of an application, the preview information including a first page of the application, the first page being used to display relevant information of the application corresponding to the preview window; in response to a second operation of the user on any preview window, displaying a third interface, the third interface including a second page of the application corresponding to the preview window corresponding to the second operation, the second page being used to indicate status information of the application.

[0007] The interface display method provided in the embodiment of the present application displays the corresponding application through a preview window indicating the preview information of the application. The preview information includes the first page of the application. The first page is used to display the relevant information of the application corresponding to the preview window. The relevant information can intuitively display the functions of the application or the status of the application, so that the user can better understand the functions and status of the application through the preview information in the preview window, and then can more accurately and quickly select the application they want to use, effectively reducing the difficulty of finding the application and the situation of application opening errors, thereby effectively improving the efficiency of finding and opening the application. In addition, the user can directly find the application they want to use and open the corresponding application through the preview window, and no longer need to search and open the application by operating the navigation menu in a hierarchical manner from high to low, which simplifies the user operation and further effectively improves the efficiency of finding and opening the application. Therefore, the efficiency of finding and opening the application is effectively improved as a whole, thereby effectively improving the user experience.

[0008] In a possible implementation of the first aspect above, the application-related information included in the preview information is displayed through any one of picture information, video information, and audio information.

[0009] In a possible implementation of the first aspect above, the preview information further includes path information of the application, function description information of the application, and the like.

[0010] The path information of the application may be, for example, the title names of the navigation menus such as the first-level menu, the second-level menu, and the third-level menu corresponding to the application, and the functional description information of the application may be, for example, text description information of the main functions provided by the application.

[0011] In this way, users can better understand the applications based on the preview information, and can then more accurately and quickly select the applications they want to use and open the corresponding applications, effectively improving the efficiency of application search and opening, and thus effectively improving the user experience.

[0012] In a possible implementation of the first aspect, the first operation is any one of the following operations: a trigger operation of a first control included in the first interface by a user; a trigger operation of a target position in the first interface by a user; a trigger operation of a target key in an input keyboard of an electronic device by a user. Of course, the first operation may also be other operations, which may be set as needed.

[0013] In this way, the user can easily and quickly open the preview window display interface displaying the preview window through a simple trigger operation, so that the user can more accurately and quickly select the application they want to use and open the corresponding application through the preview window displayed on the preview window display interface.

[0014] In a possible implementation of the first aspect above, the second operation is a triggering operation such as a click operation of the user on the preview window.

[0015] In this way, the user can easily and quickly select the preview window corresponding to the application he wants to use, so as to quickly and conveniently open the corresponding application.

[0016] In a possible implementation of the first aspect above, the method further includes: in response to a third operation of the user on any preview window, displaying a fourth interface, wherein the fourth interface includes the preview window displayed in an enlarged manner.

[0017] In this way, the enlarged preview window can also be displayed to the user, so that the user can better view the preview information in the preview window, and then can more accurately and quickly select the application they want to use.

[0018] In a possible implementation of the first aspect above, the method further includes: in response to a fourth operation of the user on the second interface, switching one or more preview windows in the second interface.

[0019] In this way, users can easily view different preview windows.

[0020] In a possible implementation of the first aspect above, the second interface includes a second control, and the fourth operation is a triggering operation of the second control by the user.

[0021] In a possible implementation of the first aspect above, the second control is any one of the following: a preview window page turning control; a preview window search control; a preview window selection control.

[0022] In a possible implementation of the first aspect above, the third interface also includes path information of the application corresponding to the preview window.

[0023] In this way, the user can further perform other operations based on the path information.

[0024] In a possible implementation of the first aspect above, the arrangement of the preview windows is determined based on at least one of the following information: path information of the application corresponding to the preview window; historical usage habit information of the user for the application corresponding to the preview window; and priority information of the application corresponding to the preview window.

[0025] In this way, the preview window can be better presented to the user so that the user can view and operate.

[0026] In a possible implementation of the first aspect above, the preview window is generated based on configuration information and / or status information of the application.

[0027] In this way, a more realistic application can be presented to the user through the preview window, so that the user can better understand the application and thus better select the application he wants to use.

[0028] In a possible implementation of the first aspect above, the configuration file includes the following information: identification information of the preview window; preview information included in the preview window; display permission information of the preview window; and page routing information of the application corresponding to the preview window.

[0029] In a possible implementation of the first aspect above, in response to a second operation of a user on any preview window, a third interface is displayed, including: in response to a second operation of a user on any preview window, determining a preview window corresponding to the second operation; determining page routing information of an application corresponding to the preview window; and displaying a third interface including an application page according to the page routing information.

[0030] In a second aspect, an embodiment of the present application provides an electronic device, comprising: a memory for storing a computer program, the computer program comprising program instructions; a processor for executing the program instructions so that the electronic device executes an interface display method provided in the above-mentioned first aspect and / or any possible implementation method of the first aspect.

[0031] In a third aspect, an embodiment of the present application provides a computer program product comprising instructions, which, when executed by an electronic device, enables the electronic device to execute an interface display method provided by the above-mentioned first aspect and / or any possible implementation of the first aspect.

[0032] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, which stores a computer program. The computer program includes program instructions, and the program instructions are executed by an electronic device to enable the electronic device to execute an interface display method provided in the first aspect and / or any possible implementation of the first aspect. BRIEF DESCRIPTION OF THE DRAWINGS

[0033] In order to more clearly illustrate the technical solution of the present application, the drawings used in the description of the implementation methods are briefly introduced below.

[0034] Figure 1A-1E According to some implementations of the present application, a schematic diagram of a display interface of some terminal devices is shown;

[0035] Figure 2 is a flowchart showing a method for displaying an interface according to some implementations of the present application;

[0036] Figure 3 The present invention is a schematic diagram showing the structure of an electronic device according to some implementations of the present application. DETAILED DESCRIPTION

[0037] The technical solution provided by the implementation method of this application will be further described in detail below in conjunction with the accompanying drawings.

[0038] Taking the server management platform "fusion one Center" as an example, "fusion one Center" can realize relevant business functions for servers, such as creating virtual machines, managing distributed storage, drawing network topology, and executing remote power on and off commands on servers. Therefore, "fusion one Center" can be a server management platform based on hyper-converged infrastructure (HCI). Business functions provided by "fusion one Center" such as creating virtual machines, managing distributed storage, drawing network topology, etc. are applications provided by "fusion one Center". "fusion one Center" provides corresponding multi-level navigation menus according to business function classification, providing users with navigation guidance for finding and opening applications. In the process of using "fusion one Center", users can expand the first-level menu, second-level menu, and even multi-level menu in order from high to low levels to find and open the application they want to use.

[0039] Exemplarily, "fusion one Center" usually includes three levels of navigation menus: first-level menu, second-level menu, and third-level menu. Among them, the first-level menu includes "Home", "Resources", "Applications", "Equipment", "Monitoring", "Operation and Maintenance", "System Settings", etc. Each first-level menu has a corresponding second-level menu. For example, the second-level menus corresponding to the first-level menu "Resources" include "Compute", "Storage", "Network", "Graphics Processing Unit (GPU) Resource Group", "Site", "Multi-Cloud Management", etc., the second-level menus corresponding to the first-level menu "Operation and Maintenance" include "Log", "System Configuration", etc., and the second-level menus corresponding to the first-level menu "Equipment" include "Device List", etc. Each second-level menu has a corresponding third-level menu. For example, the third-level menus corresponding to the second-level menu "Compute" include "Virtual Machine", "Data Protection", "Virtual Machine Template", "Virtual Machine Recycle Bin", "Server", "Cluster", etc.; the third-level menus corresponding to the second-level menu "Storage" include "Distributed Storage", etc.; the third-level menus corresponding to the second-level menu "Network" include "Network Topology", "Distributed Switch", "Security Group", etc.; the third-level menus corresponding to the second-level menu "Log" include "Audit Log", etc.; the third-level menus corresponding to the second-level menu "System Configuration" include "System Power Off", etc.; the third-level menus corresponding to the second-level menu "Device List" include "Server", etc.

[0040] Among them, each three-level menu corresponds to a business function as an application, and the three-level menus such as "Virtual Machine", "Data Protection", "Virtual Machine Template", "Virtual Machine Recycle Bin", "Server", "Cluster", "Distributed Storage", "Network Topology", "Distributed Switch", "Security Group", "Audit Log", "System Power Off", and "Server" correspond to one application respectively. Therefore, "fusionone Center" includes multiple applications, and each first-level menu of "fusionone Center" corresponds to one or more applications.

[0041] Furthermore, the path information of each application can be a collection of menu title names at each level corresponding to the application. For example, the path information of the above-mentioned applications is "Resources / Computing / Virtual Machine", "Resources / Computing / Data Protection", "Resources / Computing / Virtual Machine Template", "Resources / Computing / Virtual Machine Recycle Bin", "Resources / Computing / Server", "Resources / Computing / Cluster", "Resources / Storage / Distributed Storage", "Resources / Network / Network Topology", "Resources / Network / Distributed Switch", "Resources / Network / Security Group", "Operation and Maintenance / Log / Audit Log", "Operation and Maintenance / System Configuration / System Power Off", and "Device / Device List / Server".

[0042] The interface display method provided in the embodiment of the present application can be applied to a terminal device. The terminal device can display a preview window of the application provided by the "fusionone Center" according to the user's operation on the display interface of the server management platform "fusionone Center", for example. The preview window is used to display the preview information of the corresponding application. The preview information includes the first page of the application, and the first page is used to display the relevant information of the application corresponding to the preview window. Therefore, the user can better understand the corresponding application through the preview information in the preview window, and then can more accurately and quickly find the application they want to use, effectively reducing the difficulty of finding the application and the situation of application opening errors, thereby effectively improving the efficiency of finding and opening the application, and then effectively improving the user experience. In addition, the user can directly find and open the corresponding application through the preview window, which simplifies the user operation, further effectively improves the efficiency of finding and opening the application, and then further effectively improves the user experience.

[0043] For example, in one implementation of the present application, the terminal device displays the following information based on the user's operation of logging into "fusiononeCenter": Figure 1AThe first interface shown is the home page interface of "fusionone Center", including the first-level menu "Home", "Resources", "Applications", "Equipment", "Monitoring", "Operation and Maintenance", "System Settings", as well as the first control R1 and some other default display contents (the specific contents of these default displays are not clearly shown in the figure). As mentioned above, each first-level menu corresponds to at least one application.

[0044] If the user wants to open an application, he can click the first control R1. Figure 1A As shown, in response to receiving a first operation such as a click operation on the first control R1 by the user, the terminal device displays the following Figure 1B The second interface shown is a preview window display interface, including multiple preview windows such as preview windows K1-K8, and the applications corresponding to preview windows K1-K8 are "virtual machine", "distributed storage", "network topology", "distributed switch", "security group", "audit log", "system power off", and "server", respectively.

[0045] In order to facilitate users to better understand the application based on the preview window, each preview window includes preview information of the corresponding application, and the preview information includes the first page of the application, and the first page is used to display relevant information of the application corresponding to the preview window. Figure 1B S1-S8 in the figure are presented on the first page. The relevant information can be used to characterize the corresponding application. For example, the relevant information can include the parameters that the application needs to collect from the background server, as well as the information such as the collected parameter values. The relevant information can be displayed through any one of pictures, videos, and audios. These relevant information can be understood as the status information of the application, that is, the status information of the application can be presented, for example, through the thumbnail corresponding to the application page, the display video of the application status, or the audio description. When displayed in the form of a picture, the picture can be a state diagram of the parameter values ​​collected in real time; the relevant information of the application includes, for example, the running status, login status, memory usage, and other status information of the virtual machine involved.

[0046] Of course, the relevant information may not be a state diagram of parameter values ​​collected in real time, but may be a preset state diagram corresponding to the application, but the parameter values ​​in the state diagram will not change in real time.

[0047] Continue to see Figure 1B The preview information may also include the path information of the application and the functional description information of the application.

[0048] The path information of the application is, for example, a collection of menu title names corresponding to each level of the application. The functional description information of the application can be, for example, text description information of the main functions provided by the application. Of course, the preview information can also include other information, which can be set as needed to enable users to better understand the application.

[0049] Exemplarily, the preview window K1 corresponding to the "virtual machine" application includes the path information "resources / computing / virtual machine" of the "virtual machine" application, the functional description information of the "virtual machine" application "a virtual machine is a virtual computer that runs an operating system and applications. A virtual machine runs on a server, and multiple virtual machines can run on one server at the same time", and the application page thumbnail S1 shown in the figure that displays the status information of the "virtual machine" application.

[0050] The preview window K2 corresponding to the "distributed storage" application includes the path information "resources / storage / distributed storage" of the "distributed storage" application, the functional description information of the "distributed storage" application "distributed storage centrally manages the local hard disks of the server through software methods, and combines the local hard disks into a storage pool for all servers to use, thereby achieving the purpose of converting local storage into shared storage.", and the application page thumbnail S2 shown in the figure that displays the status information of the "distributed storage" application.

[0051] The preview window K3 corresponding to the "Network Topology" application includes the path information "Resources / Network / Network Topology" of the "Network Topology" application, the functional description information of the "Network Topology" application "Network Topology displays a maximum of 200 network components by default. If there are more than 2,000 network components, network components created from non-canvas entries will not be displayed by default, and adding new network components from the canvas will not be affected", and the application page thumbnail S3 showing the status information of the "Network Topology" application shown in the figure. Among them, the non-canvas entry refers to an operation entry such as a control that does not provide an operation corresponding to the network component from the application page.

[0052] The preview window K4 corresponding to the "distributed switch" application includes the path information "resources / network / distributed switch" of the "distributed switch" application, the functional description information of the "distributed switch" application "The function of the distributed switch is similar to that of an ordinary physical switch, and each server is connected to the distributed switch. One end of the distributed switch is a virtual port connected to the virtual machine, and the other end is the virtual machine.", and the video S4 shown in the figure showing the status information of the "distributed switch" application.

[0053] The preview window K5 corresponding to the "Security Group" application includes the path information "Resources / Network / Security Group" of the "Security Group" application, the functional description information of the "Security Group" application "This task guides the administrator to add a security group to the virtual machine network card through the HCI architecture management system interface. All virtual machine network cards in the same security group will use the security group rules for network communication.", and the application page thumbnail S5 shown in the figure showing the status information of the "Security Group" application.

[0054] The preview window K6 corresponding to the "Audit Log" application includes the path information "Operation and Maintenance / Log / Audit Log" of the "Audit Log" application, the functional description information of the "Audit Log" application "In the "Audit Log" interface, the successful or failed operation logs and security logs of a server operating system are recorded. Click the navigation bar above this interface, and the page will display the log information of different sites.", and the application page thumbnail S6 shown in the figure that shows the status information of the "Audit Log" application.

[0055] The preview window K7 corresponding to the "System Power Off" application includes the path information "Operation and Maintenance / System Configuration / System Power Off" of the "System Power Off" application, the functional description information of the "System Power Off" application "This task is used to guide maintenance engineers to shut down servers for maintenance according to business needs during holidays, such as during time periods when server power off has the least impact on productivity, to ensure the long-term stable operation of the server system.", and the video S7 shown in the figure that shows the status information of the "System Power Off" application.

[0056] The preview window K8 corresponding to the "Server" application includes the path information of the "Server" application "Device / Device List / Server", the functional description information of the "Server" application "The "Server" interface lists all servers managed by the HCI architecture management system (except third-party servers). You can use this interface to understand and modify the basic information of each server.", and the application page thumbnail S8 shown in the figure that shows the status information of the "Server" application.

[0057] In this way, the user can understand the application corresponding to each preview window through the preview information in the preview window, so as to more conveniently and accurately find and open the application he wants to use.

[0058] For example, if the user wants to use the “virtual machine” application, the user only needs to perform a second operation such as double-clicking the preview window K1 to directly open the “virtual machine” application.

[0059] For example, Figure 1B As shown, the terminal device responds to receiving the user's Figure 1B The second operation such as double-clicking the preview window K1 as shown in FIG. 1 opens the "virtual machine" application corresponding to the preview window K1, and displays the following Figure 1C The third interface shown includes an application page of the "virtual machine" application corresponding to the preview window K1, that is, the second page. The application page is used to indicate the status information of the "virtual machine" application, for example, including the running status, login status, memory usage, and cluster status information of the illustrated virtual machine.

[0060] In this way, users can better understand the corresponding application through the preview information in the preview window, and then more accurately select the application they want to use, effectively improving the efficiency of finding and opening applications, and thus effectively improving the user experience. In addition, users can directly find and open the corresponding application through the preview window, which simplifies user operations, effectively improves the efficiency of finding and opening applications, and effectively improves the user experience.

[0061] In another implementation of the present application, Figure 1B As shown, the preview window display interface displayed by the terminal device may also include a control R2, and the user may close the preview window display interface through the control R2. Figure 1A The display interface shown.

[0062] Furthermore, if Figure 1C As shown, after the terminal device displays the application page of the application corresponding to the preview window, the first control R1 can also be displayed on the display interface, and the user can open the preview window display interface again through the first control R1. That is, if the terminal device receives the user's click operation on the first control R1, the terminal device displays Figure 1B The display interface shown is displayed so that the user can select the application they want to use again.

[0063] In another implementation of the present application, Figure 1C As shown, the terminal device can also continue to display the path information M corresponding to the application on the left and upper sides of the display interface (i.e., the dotted box position) according to the path information of the application corresponding to the preview window K1, so that the user can view it, or perform further processing based on the path information.

[0064] In another implementation of the present application, the terminal device generates preview information according to a preset configuration file and / or application status information. The configuration file is a configuration file for the preview window predefined by the developer, including preview window identification information such as the preview window ID, preview information included in the preview window, display permission information of the preview window, page routing information of the application corresponding to the preview window, and other information. The generation process of the preview window will be described later, and will not be described here.

[0065] In another implementation of the present application, when there are multiple preview windows, the display method of the multiple preview windows is determined based on information such as path information of the application corresponding to the preview window, historical usage habit information of the user for the application corresponding to the preview window, and priority information of the application corresponding to the preview window.

[0066] For example, the preview windows may be displayed in sequence according to the path information of the application corresponding to the preview window, or the preview windows corresponding to the applications that the user has used frequently may be displayed in the front position according to the user's historical application usage habits, so that the user can find and open them, or some applications containing important information, such as applications with update functions, may be displayed in the front position as high-priority applications for the user to view.

[0067] Of course, the terminal device may also determine the order of the preview windows based on other information.

[0068] In another implementation of the present application, the terminal device may also display a preview interface of the preview window, such as enlarging the preview window, according to the user's operation on the preview window. If the status information of the aforementioned application is displayed in the form of a picture, the preview interface may be an enlarged preview window, or only the picture in the preview window may be enlarged. If the status information of the aforementioned application is displayed in the form of a video, the preview interface may be an enlarged preview window, or only the playback interface of the video in the preview window may be enlarged. If the status information of the aforementioned application is displayed in the form of an audio, the preview interface may be an enlarged preview window, or only the playback interface of the audio in the preview window may be enlarged.

[0069] For example, if the terminal device receives a user's Figure 1B For example, a single click operation of the preview window K1 shown in FIG. 1 is used as the third operation. In response to the third operation, the terminal device displays the following Figure 1D The fourth interface shown includes a preview page corresponding to the preview window K1, that is, includes an enlarged preview window K1 so that the user can view the content in the preview window K1 more clearly.

[0070] In addition, if the terminal device receives an operation in which the user moves the mouse onto the preview window K1 , the terminal device may also directly display the preview page corresponding to the preview window K1 .

[0071] Furthermore, the user can double-click the preview interface corresponding to the preview window to open the application corresponding to the preview window. Figure 1D The second operation such as double-clicking the preview interface of the preview window K1 shown in the figure opens the "virtual machine" application corresponding to the preview window K1 and displays the aforementioned Figure 1C The Apps page for the Virtual Machines app is shown.

[0072] Of course, the user can also exit the preview interface by clicking on the preview interface. Figure 1D The preview window K1 shown in the figure is clicked to display the above Figure 1B The preview window shown displays the interface.

[0073] Furthermore, the preview interface may also include, for example Figure 1D The “zoom in”, “zoom out”, “close” and other controls shown are used for the user to “zoom in”, “zoom out” and “close” the preview interface.

[0074] Of course, other operation controls and other display contents may also be set on the preview interface so that the user can perform corresponding operations, which may be set as needed.

[0075] Furthermore, in another implementation of the present application, the preview window display interface also includes a second control such as a preview window page turning control, a preview window search control, a preview window selection control, and the like.

[0076] Exemplarily, the preview window page turning control may be, for example, Figure 1E As shown in the slide bar X1, of course, the preview window page turning control can also be a page turning control for up and down pages, a page number input control and a jump control, etc., to realize the page turning function, which can be set as needed.

[0077] When there are multiple preview windows that cannot be displayed on a card interface at the same time, the user can view other preview windows by operating these preview window page turning controls. For example, the terminal device displays the corresponding fourth interface according to the fourth operation such as the user pulling down the slider X1, and the fourth interface includes preview windows corresponding to the "virtual machine template" application other than the aforementioned card, so as to achieve the purpose of switching one or more preview windows in the second interface. Or the terminal device switches different preview window display pages according to the fourth operation such as the user clicking the up and down page turning controls, or the terminal device jumps to the corresponding preview window display page according to the fourth operation such as the user entering a page number in the page number input control and clicking the jump control.

[0078] The preview window search control can be, for example, Figure 1E As shown in the search box and the "Search" control X2, the user can enter the keyword corresponding to the page in the search box and then click the "Search" control. According to the operation of the user clicking the "Search" control, the terminal device can search for the corresponding preview window according to the keyword entered by the user and display the corresponding preview window.

[0079] Exemplarily, if the keyword input by the user is "network", the preview window display interface displayed by the terminal device includes preview windows corresponding to the aforementioned "network topology", "distributed switch", and "security group" applications.

[0080] Exemplarily, the preview window selection control may be, for example, Figure 1E In the control X3 shown, the terminal device displays keywords corresponding to applications such as "network", "system", "device", etc. according to the user's click operation on the control X3, so that the user can select. The terminal device searches for the corresponding preview window and displays the corresponding preview window according to the keyword selected by the user.

[0081] Exemplarily, if the terminal device receives a click operation on a "device" control by the user, the terminal device displays a preview window display interface including the aforementioned "device / device list / server" preview window.

[0082] In this way, when there are multiple preview windows, the user can filter and search for the preview windows in the above manner to find the preview windows more quickly.

[0083] Of course, the preview window display interface may also include other controls and information to facilitate the user to perform desired operations.

[0084] In another implementation of the present application, the user can also Figure 1A Or the user can trigger the operation of the target area such as the lower left area of ​​the display interface, the blank area, etc. in other display interfaces to open the preview window display interface of the aforementioned preview window, or the user can also operate the target key such as the preset shortcut key in the input keyboard corresponding to the terminal device to open the preview window display interface of the aforementioned preview window. Of course, the user can also open the preview window display interface in other ways, which can be set as needed. Similarly, the user's operation method for other interfaces can also be set as needed.

[0085] Furthermore, the aforementioned user-triggered operations such as user operations on controls and pages can be operations of touching the terminal device screen with fingers, operations of clicking corresponding controls and interfaces with the mouse, or voice control operations, which can be set as needed.

[0086] Furthermore, the aforementioned first interface, second interface, third interface, fourth interface, first control, second control, first operation, second operation, third operation, fourth operation and the like are merely examples, and may be implemented in other ways as needed.

[0087] The following further describes the interface display method provided by the implementation method of this application.

[0088] like Figure 2 As shown, in one implementation of the present application, the interface display method provided by the implementation of the present application includes the following steps.

[0089] S100, displaying a first interface.

[0090] The first interface may be the home page interface of "fusionone Center", for example, the first interface may be the aforementioned Figure 1A The display interface shown, of course, the first interface can also be any interface of "fusionone Center". In addition, the first interface can include multiple first-level menus, each of which corresponds to at least one application provided by "fusionone Center".

[0091] S200, in response to a first operation of the user on the first interface, a second interface is displayed, the second interface includes multiple preview windows, the preview windows are used to display preview information of the application, the preview information includes a first page of the application, and the first page is used to display relevant information of the application corresponding to the preview window.

[0092] The first operation can be, for example, the user Figure 1A The second interface may be, for example, the first control R1 on the Figure 1B The terminal device displays the preview window, and the preview information may be generated based on the aforementioned configuration file and / or the status information of the application to obtain the preview window.

[0093] Among them, the configuration file is a configuration file for the preview window pre-defined by the developer, such as a cardConfig.json configuration file, etc. The configuration file may include identification information of each preview window, and the preview information includes the first page of the application, and the first page is used to display relevant information of the application corresponding to the preview window. The preview information may also include path information of the application, functional description information of the application, and status information of the application.

[0094] Exemplarily, the configuration file is as follows, and the identification information of the preview window is, for example, "id": "XXX", "id": "YYY", etc.

[0095] The path information of the corresponding application includes, for example, a Chinese menu title "Resource-Computing-Virtual Machine" and an English menu title "Resource-Computing-Virtual Maching". The Chinese and English menu titles can be switched and displayed based on information such as a preset time interval.

[0096] Including the path information of the file of application status information, for example, the path information of the image file displaying the application status information is "icon: " / plugings / HCI / assets / icon / system-docking.svg"", and the path information of the video file displaying the application status information is "vidio: " / plugings / HCI / assets / icon / system-docking..mp4"". Of course, it can also include the function description information of the aforementioned application and other information.

[0097] It should be noted that the application status information included in the file obtained based on the path information of the file for displaying the application status information may be preset fixed status information or dynamic status information updated in real time based on the application status.

[0098] Furthermore, the configuration file also includes display permission information related to the preview window display, such as different preview windows corresponding to different users, different preview windows corresponding to different websites, etc. Therefore, the display permission information includes, for example, information on whether the preview window is displayed: "show": true, permission name information of the "fusionone Center" logged-in user: "permissionName": ["true"], website permission information: "siteshow": ["ALL", "FC", "sigle-mirror"], etc.

[0099] Furthermore, the configuration file also includes page routing information of the application corresponding to the preview window, such as "router": [" / systemsetting / systemConfig / systemDocking / snmp"].

[0100] Furthermore, the configuration file also includes the application scenario system information of "fusionone Center". For example, if the application scenario is HCI architecture, the application scenario system information is "namekey": "HCI", etc. In addition, the configuration file also includes other information such as the prompt information "tip": "nav_Menu_systemDocking", which can be defined as needed.

[0101] “platform Version”:***,

[0102] ……{

[0103] …

[0104] },

[0105] "configuration":{

[0106] “namekey”:“HCI”,

[0107] HeaderNavigationconf:[

[0108] {

[0109] “id”:“xxx”,

[0110] “icon”:“ / plugings / HCI / assets / icon / system-docking.svg”,

[0111] “vidio”:“ / plugings / HCI / assets / icon / system-docking..mp4”,

[0112] “router”:[“ / systemsetting / systemConfig / systemDocking / snmp”],

[0113] “show”:“true”,

[0114] “tip”:“nav_Menu_systemDocking”,

[0115] “permissionName”:[“true”]

[0116] “siteshow”:[“ALL”,“FC”,“sigle-mirror”]

[0117] },

[0118] {

[0119] “id”:“YYY”,

[0120] “icon”:“ / plugings / HCI / assets / icon / system-docking.svg”

[0121] “vidio”:“ / plugings / HCI / assets / icon / system-docking.mp4”

[0122] “router”:“ / systemsetting / systemConfig / systemDocking / snmp”

[0123] “show”:“true”

[0124] "tip":"nav_Menu_systemDocking"

[0125] "permissionName":["true"]

[0126] "siteshow":["ALL"]

[0127] } ]

[0129] },

[0130] "i18n":{

[0131] "locales":["en-US","zh-CN"],

[0132] "definitions":{

[0133] "zh-CN":{

[0134] “resource-VM”: “resource-computing-virtual machine”,

[0135] “Upgrade”: “System Settings-Upgrade-Upgrade Project”,

[0136] },

[0137] "en-US":{

[0138] "resource-VM":"Resource-Computing-Virtual Maching",

[0139] "Upgrade":"System Setting-Upgrate—Upgrate Project",

[0140] }

[0141] }

[0142] }

[0143] }

[0144] "Fusionone Center" can generate and store preview windows corresponding to each application in advance according to the configuration file, and then directly search and display the corresponding preview window according to the user's first operation. Of course, the browser can also generate the corresponding preview window in real time directly based on the user's first operation without generating the preview window in advance.

[0145] Furthermore, when the browser generates preview windows corresponding to each application according to the configuration file, it can also match the configuration file based on the usage status information of "fusionone Center" to generate a preview window. The usage status information of fusiononeCenter can include, for example, the navigation menu level that fusionone Center is currently in, such as a first-level menu expansion state or a second-level menu expansion state. It can also include user information of fusionone Center, which can be, for example, user permissions, permissions of the website where the user is located, the language used by the user, historical usage information of the user on the application, and other content related to the use of the application.

[0146] Then, illustratively, the terminal device generates a preview window based on the usage status information of fusionone Center and matches the configuration file, and can display the preview windows of all applications corresponding to all first-level menus for the user to choose, or only display the preview windows of the applications corresponding to the menus below the current menu level for the user to choose. For example, the current user has opened the second-level menu "Resources / Computing", then the user only opens the preview windows of the applications corresponding to the third-level menus "Resources / Computing / Virtual Machine", "Resources / Computing / Data Protection", "Resources / Computing / Virtual Machine Template", "Resources / Computing / Virtual Machine Recycle Bin", "Resources / Computing / Host", "Resources / Computing / Cluster" under this level according to the aforementioned click operation on the first control R1. The terminal device can also display the preview windows corresponding to the applications that are allowed to be opened by the corresponding permissions according to the user permissions and the permissions of the network site, or display the preview windows of the user's commonly used applications according to the user's historical usage habits of the applications. Further, the terminal device can determine the display language of the preview window based on the language used by the user in the terminal device, and the terminal device can also determine the display content on the preview window based on the preview window configuration file and the aforementioned information.

[0147] Of course, the configuration information may also include other information. As mentioned above, the terminal device generates a corresponding preview window according to the configuration information, and determines the display mode of each preview window based on the hierarchy and order of the menus included in the aforementioned menu, the user's historical usage habits of the page, the importance of the information on the page, and other information, and displays the generated preview window on the corresponding preview window display interface for the user to view and operate.

[0148] Furthermore, the terminal device may generate a preview window in advance and display the preview window according to the above operation of the user, or may load a configuration file according to the above operation of the user to generate a corresponding preview window.

[0149] In addition, the preview information included in the preview window may include application information such as online functions that can be planned in advance and corresponding product introductions, in addition to the aforementioned information.

[0150] S300, in response to a second operation of the user on any preview window, displaying a third interface, the third interface including a second page of the application corresponding to the preview window corresponding to the second operation, the second page being used to indicate status information of the application.

[0151] The second operation may be, for example, the user's Figure 1B In response to the second operation, the terminal device first determines the preview window selected by the user, then determines the application corresponding to the preview window, and then determines the page routing information of the application page corresponding to the application, and displays a third interface including the second page of the application according to the page routing information. The third interface can be, for example, the aforementioned Figure 1C The interface shown.

[0152] The interface display method provided by the implementation of the present application can intuitively display the preview windows corresponding to all applications or at least some applications provided by "fusiononeCenter" through the preview window by adding quick entry points for application switching, such as the aforementioned first control R1 and the target button on the input keyboard, so that users can intuitively view the application content through the preview window, thereby finding and opening the application more conveniently, accurately and quickly. Compared with the method of querying and opening the application only through the title text description corresponding to the application path provided by the navigation menu in the prior art, the ease of finding, opening and browsing the application can be improved. Moreover, compared with the prior art, it is equivalent to displaying the navigation menu in the form of a preview window card with richer content in the user list. The diversified display not only improves the user's visual effect, but also enhances the ease of operation and improves the diversified interaction of applications and pages.

[0153] Furthermore, in the interface display method provided by the implementation of the present application, the terminal device can also enlarge the preview window according to the user's double-clicking of the preview window and other operations, so that the user can view the application in the preview window more clearly, and implement related functions such as application search and opening according to other operations of the user, so as to better meet user needs.

[0154] In summary, in the interface display method provided by the implementation of this application, the developer configures the routing of the preview window card involved in "fusionone Center" through a configuration file (such as a config.ts configuration file) to implement the routing adjustment of the application page. The configuration logic can be as follows:

[0155] First, the developer configures the data structure of the config.ts configuration file. The display of the data structure is supplemented according to what the user actually needs to see. For example, the configuration can be based on the following information.

[0156] 1. Configure the ID of the preview window card to ensure the uniqueness of each preview window card.

[0157] 2. Title configuration for switching between Chinese and English.

[0158] 3. Configuration of site or permission controls.

[0159] 4. The preview window card corresponds to the path configuration of the picture or video.

[0160] 5. Enter the operation configuration of the keyboard shortcut keys.

[0161] 6. Routing configuration.

[0162] 7. Preview window card display content configuration for different users.

[0163] Secondly, the developer adds a first control such as control R1 as the entrance to the preview window display application page according to the permission. The terminal device displays the application provided by "fusionone Center" according to the configuration file based on the user's operation on the entrance, and generates a corresponding preview window card for user browsing. For example, corresponding to the above case: the entire application is displayed in the preview window card with the content area corresponding to the menu title + description content + picture. Of course, as mentioned above, it is also possible to arbitrarily expand and develop according to the user's usage habits, and the preview window card in the form of a menu can provide a better user experience.

[0164] In addition, based on the actual use of the application by users, the display method of the preview window card-style menu can be directly changed by modifying the configuration file. The configuration file can be configured separately for the front end, so that the file details can be deployed separately without packaging.

[0165] Moreover, if "fusionone Center" includes many applications, the corresponding preview windows of the applications can be displayed in pages, and users can quickly find the introduction of the corresponding application based on the intuitive preview window display, and click the preview window to jump directly to the corresponding application page. In addition, the content of the preview window can also be made into a form in which the aforementioned titles are switched between Chinese and English titles according to a preset period or the language used by the user in the terminal device.

[0166] Based on the above process, the configuration, generation and display of the preview window can be realized, so that the user can better understand the content of the corresponding application through the preview window, and then can more accurately select the application they want to use, which can effectively reduce the situation of application opening errors, effectively improve the efficiency of finding and opening application pages, and thus effectively improve the user experience. In addition, the user can directly open the corresponding application page through the preview window, and no longer need to expand the multi-level menu to find and open the application page, which simplifies the user operation, improves the efficiency of finding and opening application pages, and further effectively improves the user experience.

[0167] Furthermore, the interface display method provided by the implementation of the present application, on the one hand, can intuitively display all applications under the menu provided by the "fusionone Center" through the display of the preview window as an application quick view, for example, allowing users to view the preview windows of all applications at once, rather than expanding the corresponding application pages one by one through the multi-level menu. This improvement allows users to find and open the application pages they want to view more quickly, reduces the time of navigating between multi-level menus, and significantly improves the speed at which users find and open application pages.

[0168] On the other hand, the preview window can be understood as a card-based menu display method. This method converts traditional menu items into card form. Compared with the existing menu system, which usually only provides title descriptions and lacks sufficient detailed information to help users make choices, the implementation method of this application processes the data structure of the configuration file, and can flexibly adjust the display method of the application according to the needs of different scenarios, and provide each application with rich information such as title, function description, picture, video and other status information display, including extended description information for the application in addition to the title information, providing users with richer information, making the application content more intuitive and easy to understand, meeting the diverse needs of users, increasing the user's pre-understanding of the application content, and enabling users to more intuitively understand the content of each application, thereby making more accurate choices, which can help users make decisions faster and choose the applications they want to open, thereby improving the overall user experience.

[0169] On the other hand, regarding configuration file management, the data structure of the application's display content is processed through the configuration file, so that the application can be customized according to different scenarios and user permissions, meeting diverse needs, and the application's display method can be quickly changed by the developer's configuration as needed, without the need for repackaging and deployment, which simplifies the application page management process and increases the flexibility and adaptability of the system.

[0170] In the interface display method provided in the embodiment of the present application, through the management of the configuration file, in the process of processing the data structure of the content that needs to be displayed by the application through the configuration file, it is necessary to take into account the information such as the page title and content corresponding to the card display of different scenarios. In the case of increasing the diversity of pages, the application page that the user needs to open can be quickly located, and the page display method can be quickly changed. The configuration method of the file can be dynamically adjusted, and the page management process is simplified. Different scenarios may include display states under different user permissions and different website permissions. There may be different scenarios depending on the project, and all need to be configured in the configuration file. Among them, a website is one or more websites hosted on a server, which are used to store, manage and provide website content for user access.

[0171] In summary, the interface display solution provided in the embodiment of the present application structures the traditional menu display method through configuration file data, provides users with a diversified quick view display, and effectively solves the problems existing in the prior art such as a single menu, inability to quickly operate page opening, page titles that are not convenient for users to understand the page content, and page opening errors, by introducing improvement measures such as application quick view display, card-based menu display, configuration file management, preview window paging function, and preview window multi-language support. It brings significant beneficial visual effects and user operation effects, and improves the user experience and the overall performance of the system.

[0172] Furthermore, in some other implementations of the present application, the terminal device may also directly generate preview information of the corresponding application based on the data received from the background server, which may be, for example, the status information of the application monitored in real time or periodically, to obtain the corresponding preview window. For example, pictures, videos, audio and other information for displaying the status information are directly generated based on the monitored status information of the application to obtain the corresponding preview information, and then obtain the corresponding preview window. In this way, the user can better understand the current status of the application.

[0173] Furthermore, in some other implementations of the present application, the terminal device may also generate preview information of the corresponding application based on the aforementioned configuration file and the data received from the background server, where the data from the background server may be status information of the application monitored in real time or periodically, through comprehensive analysis, for example, using the status information of the application monitored in real time or periodically as the status information of the application in the aforementioned configuration file.

[0174] Of course, in other implementations of the present application, the terminal device may also generate preview information in other ways.

[0175] Furthermore, in some other implementations of the present application, the server management platform may also be any other platform other than "fusionone Center".

[0176] Furthermore, an embodiment of the present application also provides an electronic device, which may be, for example, the aforementioned terminal device, such as a tablet terminal device, a notebook terminal device, a handheld terminal device, or other electronic device, or may be a mobile phone, a mobile Internet device (mobile internet device, MID), a wearable device (for example, including: smart watches, smart bracelets, pedometers, etc.), a personal digital assistant, a portable media player, a navigation device, a video game device, a set-top box, a virtual reality and / or augmented reality device, an Internet of Things device, an industrial control device, a streaming media client device, an e-book, a reading device, a POS machine, a vehicle-mounted device, and other devices.

[0177] See also Figure 3 , Figure 3 FIG. 1 is a block diagram of a structure of an electronic device provided by an implementation of the present application. In an implementation of the present application, Figure 3 As shown, the electronic device may include a processor 121 , a memory 122 , and a communication bus 123 , and the processor 121 and the memory 122 are communicatively connected via the communication bus 123 .

[0178] The memory 122 may be used to store instructions, programs, codes, code sets or instruction sets. The memory 122 may include a program storage area and a data storage area, wherein the program storage area may store instructions for implementing an operating system, instructions for at least one function, and instructions for implementing the interface display method provided in the above embodiment, etc.; the data storage area may store data such as configuration files involved in the interface display method provided in the above embodiment.

[0179] The processor 121 may include one or more processing cores. The processor 121 calls the data stored in the memory 122 by running or executing the instructions, programs, code sets or instruction sets stored in the memory 122, and executes various functions and processes data of the embodiments of the present application. The processor 121 can be at least one of an application-specific integrated circuit (ASIC), a digital signal processor (DSP), a digital signal processing device (DSPD), a programmable logic device (PLD), a field programmable gate array (FPGA), a central processing unit (CPU), a controller, a microcontroller and a microprocessor. It can be understood that for different devices, the electronic device used to implement the above-mentioned processor 121 function can also be other, and the embodiments of the present application are not specifically limited.

[0180] Furthermore, in addition to the processor 121, the memory 122 and the communication bus 123, the electronic device may also include other components, such as an input unit (such as at least one of a keyboard, a touch panel, and an audio input unit) and an output unit (such as at least one of a display screen and a speaker).

[0181] An embodiment of the present application also provides a chip for running instructions, which is used to execute the technical solution of the interface display method in the above embodiment.

[0182] An embodiment of the present application also provides a computer-readable storage medium, in which computer instructions / programs are stored. When the computer instructions / programs are executed on a processor of an electronic device, the processor of the electronic device executes the technical solution of the interface display method of the above embodiment.

[0183] In some possible implementations, various aspects of the interface display method provided by the implementation of the present application can also be implemented in the form of a program product, which includes program code. When the program product runs on a processor of an electronic device, the program code is used to enable the processor of the electronic device to execute the steps of the method according to various exemplary implementations of the present application described above in this specification. For example, the electronic device can execute the interface display method recorded in the implementation of the present application.

[0184] The program product may employ any combination of one or more readable media. The readable medium may be a readable data medium or a readable storage medium. The readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of readable storage media (a non-exhaustive list) 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 of the above.

[0185] An embodiment of the present application also provides a computer program product, which includes a computer program / instructions stored in a computer-readable storage medium. At least one processor can read the computer program / instructions from the computer-readable storage medium. When at least one processor executes the computer program / instructions, the technical solution of the interface display method in the above-mentioned implementation method can be implemented.

[0186] The present application is described with reference to the flowchart and / or block diagram of the method, device and computer program product according to the present application. It should be understood that each process and / or box in the flowchart and / or block diagram, as well as the combination of the process and / or box in the flowchart and / or block diagram can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor or other programmable information processing device to produce a machine, so that the instructions executed by the processor of the computer or other programmable information processing device produce a device for implementing the functions specified in one process or multiple processes in the flowchart and / or one box or multiple boxes in the block diagram.

[0187] These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable information processing device to operate in a specific manner, so that the instructions stored in the computer-readable memory produce a manufactured product including an instruction device that implements the functions specified in one or more processes in the flowchart and / or one or more boxes in the block diagram.

[0188] These computer program instructions may also be loaded onto a computer or other programmable information processing device so that a series of operational steps are executed on the computer or other programmable device to produce a computer-implemented process, whereby the instructions executed on the computer or other programmable device provide steps for implementing the functions specified in one or more processes in the flowchart and / or one or more boxes in the block diagram.

[0189] Those skilled in the art will readily appreciate other embodiments of the present application after considering the specification and practicing the application disclosed herein. The present application is intended to cover any variations, uses or adaptations of the present application, which follow the general principles of the present application and include common knowledge or customary technical means in the art that are not disclosed in the present application.

[0190] It should be noted that, in addition to the implementation of the present application described in the above-mentioned specific embodiments, those skilled in the art can easily understand other advantages and effects of the present application from the contents disclosed in this specification. Although the description of the present application is introduced in conjunction with the preferred embodiment, this does not mean that the features of this application are limited to the implementation. On the contrary, the purpose of introducing the application in conjunction with the implementation is to cover other options or modifications that may be extended based on the claims of the present application. In order to provide an in-depth understanding of the present application, the above description contains many specific details, and the present application may also be implemented without using these details. In addition, in order to avoid confusion or blurring the focus of the present application, some specific details will be omitted in the description. It should be noted that, in the absence of conflict, the embodiments in the present application and the features in the embodiments can be combined with each other.

[0191] It should be noted that in this specification, similar reference numerals and letters denote similar items in the following drawings, and therefore, once an item is defined in one drawing, it does not need to be further defined and explained in the subsequent drawings.

[0192] Although the present application has been illustrated and described by referring to certain implementations of the present application, it should be understood by those skilled in the art that the above contents are further detailed descriptions of the present application in combination with specific implementations, and it cannot be determined that the specific implementation of the present application is limited to these descriptions. Those skilled in the art may make various changes in form and details, including making several simple deductions or substitutions, without departing from the spirit and scope of the present application.

Claims

1. An interface display method, characterized in that: Applied to electronic equipment, the method comprises: Display the first interface; In response to a first operation of the user on the first interface, displaying a second interface, wherein the second interface includes a plurality of preview windows, the preview windows are used to display preview information of the application, the preview information includes a first page of the application, and the first page is used to display relevant information of the application corresponding to the preview window; In response to a second operation of the user on any of the preview windows, a third interface is displayed, wherein the third interface includes a second page of the application corresponding to the preview window corresponding to the second operation, and the second page is used to indicate status information of the application.

2. The interface display method according to claim 1, characterized in that: The relevant information of the application included in the preview information is displayed through any one of picture information, video information, and audio information.

3. The interface display method according to claim 1 or 2, characterized in that: The method further comprises: In response to a third operation of the user on any of the preview windows, a fourth interface is displayed, wherein the fourth interface includes the preview window displayed in an enlarged manner.

4. The interface display method according to any one of claims 1 to 3, characterized in that: The method further comprises: In response to a fourth operation of the user on the second interface, one or more preview windows in the second interface are switched.

5. The interface display method according to any one of claims 1 to 4, characterized in that: The third interface also includes path information of the application corresponding to the preview window.

6. The interface display method according to any one of claims 1 to 5, characterized in that: The arrangement of the multiple preview windows is determined based on at least one of the following information: Path information of the application corresponding to the preview window; The user's historical usage habit information for the application corresponding to the preview window; The preview window corresponds to the priority information of the application.

7. The interface display method according to any one of claims 1 to 6, characterized in that: The preview information is generated based on the configuration file and / or the status information of the application.

8. The interface display method according to claim 7, characterized in that: The configuration file includes the following information: identification information of the preview window; The preview information included in the preview window; Display permission information of the preview window; The preview window corresponds to the page routing information of the application.

9. The interface display method according to claim 8, characterized in that: In response to the user's second operation on any of the preview windows, displaying a third interface includes: In response to the second operation performed by the user on any of the preview windows, determining the preview window corresponding to the second operation; Determine the page routing information of the application corresponding to the preview window; The third interface including the application page is displayed according to the page routing information.

10. An electronic device, characterized in that: include: A memory for storing a computer program, wherein the computer program includes program instructions; A processor is used to execute the program instructions so that the electronic device executes the interface display method according to any one of claims 1-9.

Images