Menu display method and device, equipment and storage medium

Abstract

The invention discloses a menu display method and device, equipment and a storage medium. When the software as a service application program is initialized, the visible area width of a display page of the software as a service application program is obtained, the total width of all first-level menu items is calculated, the visible area width and the total width of the first-level menu items are compared, and a menu navigation bar is displayed based on a comparison result. The menu navigation bar is used for displaying at least part of the first-level menu items and hiding the other first-level menu items, and displaying at least one of the hidden first-level menu items in the menu navigation bar in response to a display operation instruction of a user, according to the method, the first-level menu items can be adaptively displayed in the menu navigation bar according to the width of the visible area of the display page of the software-as-a-service application program, the first-level menu items are flatly displayed as many as possible, a user can see all the first-level menu items without multi-level operation, a needed function or page can be quickly positioned, and the user experience is improved. And the use efficiency of the user is improved.

Description

Technical Field

[0001] The present invention relates to computer software technology, and in particular, to a menu display method, apparatus, device, and storage medium. Background Art

[0002] Software as a Service (SaaS) is a model in which application programs are provided online as services, usually based on a subscription system. Different from traditional locally installed software, SaaS application programs are hosted in the cloud, and users can access them through a browser. This model eliminates the trouble of local installation and maintenance, making software updates and patch releases more efficient.

[0003] Currently, the display methods of the system menus of SaaS application programs on the market are divided into two types: a top menu navigation bar and a side menu navigation bar. The top menu navigation bar is located at the top of the display page, and the icon size of a single menu item is relatively large. Therefore, the top menu navigation only displays a few menu items as first-level menu items, and the remaining menu items are hidden as sub-menu items of the first-level menu items. The side menu navigation bar is located on the side of the display page and usually displays all menu items in a tree structure or a list form.

[0004] The display method of the top menu navigation bar cannot display all first-level menu items, and users often need multiple operations to find the required menu items, which reduces the user's usage efficiency. The side menu navigation bar often needs to occupy a relatively large space on the side, resulting in a smaller display area for the main content of the page, affecting the convenience of user browsing and operation. Summary of the Invention

[0005] The present invention provides a menu display method, apparatus, device, and storage medium to improve the user's usage efficiency.

[0006] In a first aspect, the present invention provides a menu display method, including:

[0007] When initializing a software as a service application program, obtaining the width of the visible area of the display page of the software as a service application program;

[0008] Calculating the total width of all first-level menu items;

[0009] Comparing the width of the visible area with the total width of the first-level menu items, and displaying a menu navigation bar based on the comparison result, where the menu navigation bar is used to display at least some first-level menu items and hide the remaining first-level menu items;

[0010] In response to a user's display operation instruction, displaying at least one of the hidden first-level menu items in the menu navigation bar.

[0011] Optionally, calculate the total width of all first-level menu items, including:

[0012] Traverse all first-level menu items and count the width of each first-level menu item;

[0013] Sum the widths of all first-level menu items to obtain the total width of all first-level menu items.

[0014] Optionally, display the menu navigation bar based on the comparison result, including:

[0015] When the total width of the first-level menu items is less than or equal to the width of the visible area, display all first-level menu items in the menu navigation bar;

[0016] When the total width of the first-level menu items is greater than the width of the visible area, display some first-level menu items in the menu navigation bar and hide the remaining first-level menu items.

[0017] Optionally, when the total width of the first-level menu items is greater than the width of the visible area, display some first-level menu items in the menu navigation bar and hide the remaining first-level menu items, including:

[0018] Sort all first-level menu items according to a preset arrangement order to obtain a menu item sorting;

[0019] Start from the first one in the menu item sorting and cumulatively sum the widths of the first-level menu items in the menu item sorting, and compare the sum result with the width of the visible area;

[0020] When the sum of the widths of the first K first-level menu items in the menu item sorting is greater than the width of the visible area, display the first K-1 first-level menu items as the first-level menu items to be displayed in the menu navigation bar and hide the remaining first-level menu items.

[0021] Optionally, the menu display method further includes:

[0022] Generate a two-way switching display control at one end of the menu navigation bar. The two-way switching display control is used to respond to the user's display operation instruction. The two-way switching display control includes a first-direction switching display control and a second-direction switching display control, and the first direction and the second direction are opposite directions.

[0023] Optionally, the menu display method further includes:

[0024] Obtain a first quantity of the first-level menu items hidden in the first direction of the menu navigation bar and a second quantity of the first-level menu items hidden in the second direction;

[0025] Display the first quantity within a preset range of the display control for the first direction, and display the second quantity within a preset range of the display control for the second direction.

[0026] Optionally, in response to a user's display operation instruction, display at least one of the hidden first-level menu items in the menu navigation bar, including:

[0027] In response to a user's operation on the display control for the first direction, display a hidden first-level menu item in the first direction in the menu navigation bar, and hide a currently displayed first-level menu item. At the same time, decrement the first quantity by one and increment the second quantity by one;

[0028] In response to a user's operation on the display control for the second direction, display a hidden first-level menu item in the second direction in the menu navigation bar, and hide a currently displayed first-level menu item. At the same time, decrement the second quantity by one and increment the first quantity by one.

[0029] In a second aspect, the present invention further provides a menu display device, including:

[0030] A visible area width acquisition module, configured to acquire the width of the visible area of the display page of the software-as-a-service application when the software-as-a-service application is initialized;

[0031] A total width calculation module, configured to calculate the total width of all first-level menu items;

[0032] A menu navigation bar display module, configured to compare the width of the visible area with the total width of the first-level menu items, and display the menu navigation bar based on the comparison result. The menu navigation bar is used to display at least some of the first-level menu items and hide the remaining first-level menu items;

[0033] A menu item display module, configured to display at least one of the hidden first-level menu items in the menu navigation bar in response to a user's display operation instruction.

[0034] In a third aspect, the present invention further provides an electronic device, including:

[0035] One or more processors;

[0036] A storage device, configured to store one or more programs;

[0037] When the one or more programs are executed by the one or more processors, the one or more processors implement the menu display method provided in the first aspect of the present invention.

[0038] Fourthly, the present invention further provides a computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, it implements the menu display method provided in the first aspect of the present invention.

[0039] In the menu display method provided by the present invention, when the software-as-a-service application is initialized, the width of the visible area of the display page of the software-as-a-service application is obtained, the total width of all first-level menu items is calculated, the width of the visible area is compared with the total width of the first-level menu items, and based on the comparison result, a menu navigation bar is displayed. The menu navigation bar is used to display at least some of the first-level menu items and hide the remaining first-level menu items. In response to the user's display operation instruction, at least one of the hidden first-level menu items is displayed in the menu navigation bar. The present invention can adaptively display the first-level menu items in the menu navigation bar according to the width of the visible area of the display page of the software-as-a-service application, and display as many first-level menu items in a tiled manner as possible. Users can see all the first-level menu items without multiple-level operations, quickly locate the required functions or pages, and improve the user's usage efficiency.

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

[0041] In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the following will briefly introduce the drawings required for the description of the embodiments. Obviously, the drawings in the following description are only some embodiments of the present invention. For those of ordinary skill in the art, without creative efforts, other drawings can be obtained based on these drawings.

[0042] Figure 1 It is a flowchart of a menu display method provided by the present invention;

[0043] Figure 2 It is a schematic diagram of a menu navigation bar provided by the present invention;

[0044] Figure 3 It is a schematic structural diagram of a menu display device provided by the present invention;

[0045] Figure 4 It is a schematic structural diagram of an electronic device provided by the present invention.

[0046] Through the above-mentioned drawings, the clear embodiments of the present application have been shown, and there will be more detailed descriptions hereinafter. These drawings and the textual descriptions are not intended to limit the scope of the concept of the present application in any way, but to illustrate the concept of the present application to those skilled in the art by referring to specific embodiments. Detailed implementation manners

[0047] To enable those skilled in the art to better understand the solutions of the present invention, the technical solutions in the embodiments of the present invention will be clearly and completely described below in conjunction with the accompanying drawings in the embodiments of the present invention. Obviously, the described embodiments are only a part of the embodiments of the present invention, rather than all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those of ordinary skill in the art without creative efforts shall fall within the protection scope of the present invention.

[0048] It should be noted that the terms "first", "second", etc. in the description and claims of the present invention and the above-mentioned drawings are used to distinguish similar objects, and do not necessarily need to be used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged under appropriate circumstances so that the embodiments of the present invention described here can be implemented in an order different from those illustrated or described here. In addition, the terms "include" and "have" and any variations thereof are intended to cover non-exclusive inclusion. For example, a process, method, system, product or device including a series of steps or units does not necessarily have to be limited to those steps or units clearly listed, but may include other steps or units not clearly listed or inherent to these processes, methods, products or devices.

[0049] Figure 1 As shown in the flowchart of a menu display method provided by the present invention, the present invention is applicable to the menu display of software-as-a-service applications to improve the user usage efficiency. This method can be executed by the menu display device provided by the present invention, and this device can be implemented in a software and / or hardware manner and is usually configured in an electronic device, such as Figure 1 As shown, the menu display method includes the following steps:

[0050] S101. When initializing a software-as-a-service application, obtain the width of the visible area of the display page of the software-as-a-service application.

[0051] In an embodiment of the present invention, a user generally accesses a software - as - a - service (SaaS) application through a browser. The initialization of the SaaS application may refer to the situation where the user just starts to access the page of the SaaS application. When the user starts to access the page of the SaaS application, the SaaS application is initialized, adapts to the user's software and hardware configurations, and transmits data to the user terminal through the network, and then is loaded on the browser page. When the SaaS application is initialized, the width of the visible area of the display page of the SaaS application is obtained. In an embodiment of the present invention, the display page of the SaaS application may be a browser page, which is adapted to the page size and screen resolution of the current browser, and may be a full - screen display, a zoomed - in or zoomed - out display, a high - resolution display, or a low - resolution display. The embodiments of the present invention do not limit this here.

[0052] It should be noted that in other embodiments of the present invention, the user may also access the SaaS application through a customized client, and then the display page of the SaaS application is the display page of the client. The embodiments of the present invention do not limit this here.

[0053] S102. Calculate the total width of all first - level menu items.

[0054] The first - level menu items generally refer to the main menu items or parent - level menu items in interface design. It is the first interface option when the user enters the application or software. The display page of the SaaS application usually shows multiple first - level menu items, and the user can enter different functional areas or content pages through these first - level menu items. In an embodiment of the present invention, when the SaaS application is initialized, the total width of all first - level menu items is calculated. Exemplarily, the width of each first - level menu item may be the same or different, and the present invention does not limit this here. In an embodiment of the present invention, the widths of the first - level menu items are not fixed and can be adaptively adjusted according to the page size and screen resolution of the current page.

[0055] Exemplarily, in some embodiments of the present invention, traverse all first - level menu items, count the width of each first - level menu item, and then sum up the widths of all first - level menu items to obtain the total width of all first - level menu items.

[0056] S103. Compare the width of the visible area with the total width of the first - level menu items, and display a menu navigation bar based on the comparison result. The menu navigation bar is used to display at least some of the first - level menu items and hide the remaining first - level menu items.

[0057] In an embodiment of the present invention, the width of the visible area is compared with the total width of the first-level menu items, and a menu navigation bar is displayed based on the comparison result. The menu navigation bar is used to display at least some of the first-level menu items and hide the remaining first-level menu items. Exemplarily, the menu navigation bar can be displayed at the top of the display page of the software-as-a-service application, and all or part of the first-level menu items are displayed in a row in the menu navigation bar based on the comparison result.

[0058] In some embodiments of the present invention, when the total width of the first-level menu items is less than or equal to the width of the visible area, it indicates that the visible area of the current display page can accommodate all the first-level menu items, and all the first-level menu items are displayed in the menu navigation bar. When the total width of the first-level menu items is greater than the width of the visible area, it indicates that the visible area of the current display page cannot accommodate all the first-level menu items, and some of the first-level menu items are displayed in the menu navigation bar, and the remaining first-level menu items are hidden. Exemplarily, the menu navigation bar can preferentially display the first-level menu items frequently used by the user. These frequently used first-level menu items can be automatically determined according to the user's historical usage records or can be pre-configured by the user. The embodiments of the present invention do not make limitations here.

[0059] Exemplarily, in some embodiments of the present invention, when the total width of the first-level menu items is greater than the width of the visible area, all the first-level menu items are sorted according to a preset arrangement order (which can be the priority of the usage frequency) to obtain a menu item sorting. The widths of the first-level menu items in the menu item sorting are cumulatively summed starting from the first one in the menu item sorting, and the sum result is compared with the width of the visible area to determine whether the sum result is greater than the width of the visible area. When the sum result is less than or equal to the width of the visible area, the summation step is returned for iterative calculation. When the sum result of the widths of the first K first-level menu items in the menu item sorting is greater than the width of the visible area, the first K-1 first-level menu items are used as the first-level menu items to be displayed and are displayed in the menu navigation bar, and the remaining first-level menu items are hidden.

[0060] Exemplarily, in some embodiments of the present invention, when the total width of the first-level menu items is greater than the width of the visible area, a two-way switching display control is generated at one end of the menu navigation bar. The two-way switching display control is used to respond to the user's display operation instruction and display at least one of the hidden first-level menu items in the menu navigation bar. The two-way switching display control includes a first-direction switching display control and a second-direction switching display control, and the first direction and the second direction are opposite directions. In the embodiments of the present invention, the first-direction switching display control and the second-direction switching display control are located at the same end of the menu navigation bar, which is convenient for the user to switch the menu more quickly without swiping across the entire page.

[0061] In some embodiments of the present invention, when the total width of the first-level menu items is greater than the width of the visible area, the first quantity of the first-level menu items hidden in the first direction of the menu navigation bar and the second quantity of the first-level menu items hidden in the second direction are obtained. The first quantity is displayed within the preset range of the display control in the first direction, and the second quantity is displayed within the preset range of the display control in the second direction. In this way, the user can intuitively know the quantities of the first-level menu items hidden in the two directions.

[0062] Figure 2 A schematic diagram of a menu navigation bar provided by the present invention is shown in Figure 2 As shown, the menu navigation bar displays multiple first-level menu items, namely Menu 1 to Menu 6. A two-way switching display control is generated at one end of the menu navigation bar. The two-way switching display control includes a first-direction switching display control (the right arrow in the figure) and a second-direction switching display control (the left arrow in the figure). The first direction and the second direction are opposite directions. The first quantity 4 (indicating that there are 4 hidden first-level menu items in the first direction) is displayed within the preset range of the first-direction switching display control, and the second quantity 2 (indicating that there are 2 hidden first-level menu items in the second direction) is displayed within the preset range of the second-direction switching display control.

[0063] S104. In response to the user's display operation instruction, at least one of the hidden first-level menu items is displayed in the menu navigation bar.

[0064] In the embodiments of the present invention, the user can operate the menu navigation bar. The user terminal (front end) of the software-as-a-service application responds to the user's display operation instruction and displays at least one of the hidden first-level menu items in the menu navigation bar. In this way, the user can quickly find the hidden first-level menu items. Exemplarily, in the embodiments of the present invention, all the hidden first-level menu items can be displayed at one time, or a part of the hidden first-level menu items can be displayed. The present invention does not make a limitation here.

[0065] In some embodiments of the present invention, referring to Figure 2 , when the user clicks the first-direction switching display control, the user terminal (front end) responds to the user's operation on the first-direction switching display control, displays one hidden first-level menu item in the first direction in the menu navigation bar, and hides one currently displayed first-level menu item (that is, the first-level menu items as a whole move one menu distance in the first direction). At the same time, the first quantity is decreased by one, and the second quantity is increased by one. It should be noted that during the process of the overall movement of the first-level menu items, the moving distance is equal to the distance of one hidden first-level menu item to be displayed in the first direction.

[0066] When the user clicks the second - direction switching display control, the user terminal (front - end) responds to the user's operation on the second - direction switching display control, displays a hidden first - level menu item in the menu navigation bar in the second direction, and hides a currently displayed first - level menu item (i.e., the first - level menu items as a whole move one menu distance in the second direction). At the same time, the second quantity is decreased by one, and the first quantity is increased by one. It should be noted that during the overall movement of the first - level menu items, the moving distance is equal to the distance of a hidden first - level menu item to be displayed in the second direction.

[0067] In the embodiment of the present invention, when the number displayed in the first direction is 0, it represents that there is no hidden first - level menu item in the first direction. The user terminal (front - end) configures the background color of the first - direction switching display control to gray, and the mouse pointer changes from the 'hand' state to the disabled state, and cannot continue to be clicked. When the number displayed in the second direction is 0, it represents that there is no hidden first - level menu item in the second direction. The user terminal (front - end) configures the background color of the second - direction switching display control to gray, and the mouse pointer changes from the 'hand' state to the disabled state, and cannot continue to be clicked.

[0068] In the embodiment of the present invention, when the user clicks a certain first - level menu item, the user terminal (front - end) highlights the first - level menu item and pops up the sub - menu items under the first - level menu item or enters the function module corresponding to the first - level menu item.

[0069] In the embodiment of the present invention, when the user changes the resolution of the display terminal or adjusts the size of the browser or the display page, the visible - area width of the display page of the software - as - a - service application can be re - obtained, and the method of the present invention is repeatedly executed to adaptively display the first - level menu items in the menu navigation bar and tile as many first - level menu items as possible.

[0070] The menu display method provided by the present invention, when initializing the software - as - a - service application, obtains the visible - area width of the display page of the software - as - a - service application, calculates the total width of all first - level menu items, compares the visible - area width with the total width of the first - level menu items, and based on the comparison result, displays the menu navigation bar. The menu navigation bar is used to display at least some first - level menu items and hide the remaining first - level menu items. In response to the user's display operation instruction, at least one of the hidden first - level menu items is displayed in the menu navigation bar. The present invention can adaptively display the first - level menu items in the menu navigation bar according to the visible - area width of the display page of the software - as - a - service application, tile as many first - level menu items as possible, so that the user can see all first - level menu items without multi - level operations, quickly locate the required function or page, and improve the user's usage efficiency.

[0071] Figure 3 For the structural schematic diagram of a menu display device provided by the present invention, asFigure 3 As shown, the menu display device includes:

[0072] A visible area width acquisition module 201, configured to acquire the width of the visible area of the display page of the software - as - a - service application when the software - as - a - service application is initialized;

[0073] A total width calculation module 202, configured to calculate the total width of all first - level menu items;

[0074] A menu navigation bar display module 203, configured to compare the width of the visible area with the total width of the first - level menu items, and display a menu navigation bar based on the comparison result, where the menu navigation bar is used to display at least some of the first - level menu items and hide the remaining first - level menu items;

[0075] A menu item display module 204, configured to, in response to a user's display operation instruction, display at least one of the hidden first - level menu items in the menu navigation bar.

[0076] In some embodiments of the present invention, the total width calculation module 202 includes:

[0077] A width statistics sub - module, configured to traverse all first - level menu items and count the width of each first - level menu item;

[0078] A width summation sub - module, configured to sum the widths of all first - level menu items to obtain the total width of all first - level menu items.

[0079] In some embodiments of the present invention, the menu navigation bar display module 203 includes:

[0080] A first display sub - module, configured to display all first - level menu items in the menu navigation bar when the total width of the first - level menu items is less than or equal to the width of the visible area;

[0081] A second display sub - module, configured to display some first - level menu items in the menu navigation bar and hide the remaining first - level menu items when the total width of the first - level menu items is greater than the width of the visible area.

[0082] In some embodiments of the present invention, the second display sub - module includes:

[0083] A sorting unit, configured to sort all first - level menu items according to a preset arrangement order to obtain a menu item sorting;

[0084] An accumulative summation unit, configured to start from the first one in the menu item sorting and accumulatively sum the widths of the first - level menu items in the menu item sorting, and compare the summation result with the width of the visible area;

[0085] A display unit, when the sum of the widths of the top K first-level menu items before sorting the menu items is greater than the width of the visible area, takes the top K-1 first-level menu items as the first-level menu items to be displayed and displays them in the menu navigation bar, and hides the remaining first-level menu items.

[0086] In some embodiments of the present invention, the menu display device further includes:

[0087] A control generation module, used to generate a two-way switching display control at one end of the menu navigation bar. The two-way switching display control is used to respond to the user's display operation instruction. The two-way switching display control includes a first-direction switching display control and a second-direction switching display control, and the first direction and the second direction are opposite directions.

[0088] In some embodiments of the present invention, the menu display device further includes:

[0089] A quantity acquisition module, used to acquire a first quantity of the first-level menu items hidden in the first direction of the menu navigation bar and a second quantity of the first-level menu items hidden in the second direction;

[0090] A quantity display module, used to display the first quantity within a preset range of the first-direction switching display control, and display the second quantity within a preset range of the second-direction switching display control.

[0091] In some embodiments of the present invention, the menu item display module 204 includes:

[0092] A first menu item display sub-module, used to respond to the user's operation on the first-direction switching display control, display a hidden first-level menu item in the first direction in the menu navigation bar, and hide a currently displayed first-level menu item. At the same time, the first quantity is decreased by one, and the second quantity is increased by one;

[0093] A second menu item display sub-module, used to respond to the user's operation on the second-direction switching display control, display a hidden first-level menu item in the second direction in the menu navigation bar, and hide a currently displayed first-level menu item. At the same time, the second quantity is decreased by one, and the first quantity is increased by one.

[0094] The above menu display device can execute the menu display method provided in the foregoing embodiments of the present invention, and has corresponding functional modules and beneficial effects for executing the menu display method.

[0095] Figure 4Schematic diagram of the structure of an electronic device provided by the present invention. The electronic device is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processors, cellular phones, smart phones, wearable devices (such as helmets, glasses, watches, etc.) and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely examples and are not intended to limit the implementation of the present invention described and / or claimed herein.

[0096] As Figure 4 shown, the electronic device includes at least one processor 11, and a memory communicatively connected to the at least one processor 11, such as a read-only memory (ROM) 12, a random access memory (RAM) 13, etc. The memory stores a computer program executable by the at least one processor. The processor 11 can perform various appropriate actions and processes according to the computer program stored in the read-only memory (ROM) 12 or the computer program loaded from the storage unit 18 into the random access memory (RAM) 13. In the RAM 13, various programs and data required for the operation of the electronic device can also be stored. The processor 11, the ROM 12, and the RAM 13 are connected to each other through a bus 14. The input / output (I / O) interface 15 is also connected to the bus 14.

[0097] Multiple components in the electronic device are connected to the I / O interface 15, including: an input unit 16, such as a keyboard, a mouse, etc.; an output unit 17, such as various types of displays, speakers, etc.; a storage unit 18, such as a magnetic disk, an optical disk, etc.; and a communication unit 19, such as a network card, a modem, a wireless communication transceiver, etc. The communication unit 19 allows the electronic device to exchange information / data with other devices through a computer network such as the Internet and / or various telecommunication networks.

[0098] The processor 11 can be various general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of the processor 11 include but are not limited to a central processing unit (CPU), a graphics processing unit (GPU), various dedicated artificial intelligence (AI) computing chips, various processors running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. The processor 11 executes the various methods and processes described above, such as the menu display method.

[0099] In some embodiments, the menu display method may be implemented as a computer program tangibly embodied in a computer-readable storage medium, such as storage unit 18. In some embodiments, part or all of the computer program may be loaded and / or installed onto the electronic device via ROM 12 and / or communication unit 19. When the computer program is loaded into RAM 13 and executed by processor 11, one or more steps of the menu display method described above may be performed. Alternatively, in other embodiments, processor 11 may be configured to execute the menu display method by any other suitable means (e.g., by means of firmware).

[0100] The various embodiments of the systems and techniques described above in this document can be implemented in digital electronic circuitry, integrated circuit systems, field-programmable gate arrays (FPGA), application-specific integrated circuits (ASIC), application-specific standard products (ASSP), systems-on-a-chip (SOC), complex programmable logic devices (CPLD), computer hardware, firmware, software, and / or combinations thereof. These various embodiments can include: implemented in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which can be a special-purpose or general-purpose programmable processor that receives data and instructions from a storage system, at least one input device, and at least one output device, and transmits the data and instructions to the storage system, the at least one input device, and the at least one output device.

[0101] The computer programs for implementing the methods of the present invention can be written in any combination of one or more programming languages. These computer programs can be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing device, such that when the computer programs are executed by the processor, the functions / operations specified in the flowchart and / or block diagram are implemented. The computer programs can be executed entirely on the machine, partially on the machine, as a stand-alone software package partially on the machine and partially on a remote machine, or entirely on a remote machine or server.

[0102] In the context of the present invention, a computer-readable storage medium can be a tangible medium that can contain or store a computer program for use by or in connection with an instruction execution system, apparatus, or device. The computer-readable storage medium can include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. Alternatively, the computer-readable storage medium can be a machine-readable signal medium. More specific examples of the machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer 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 disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0103] In order to provide interaction with a user, the systems and techniques described herein can be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and a pointing device (e.g., a mouse or a trackball) by which the user can provide input to the electronic device. Other kinds of devices can also be used to provide interaction with the user; for example, the feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including acoustic input, speech input, or tactile input).

[0104] The systems and techniques described herein can be implemented in a computing system that includes backend components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes frontend components (e.g., a user computer having a graphical user interface or a web browser through which the user can interact with an implementation of the systems and techniques described herein), or a computing system that includes any combination of such backend components, middleware components, or frontend components. The components of the system can be interconnected to each other by any form or medium of digital data communication (e.g., a communication network). Examples of the communication network include: a local area network (LAN), a wide area network (WAN), a blockchain network, and the Internet.

[0105] A computing system may include a client and a server. The client and the server are generally far from each other and usually interact via a communication network. The relationship between the client and the server is created by computer programs that run on respective computers and have a client-server relationship with each other. The server can be a cloud server, also known as a cloud computing server or a cloud host, which is a host product in the cloud computing service system, solving the defects of difficult management and weak business scalability existing in traditional physical hosts and VPS services.

[0106] An embodiment of the present invention also provides a computer program product, including a computer program which, when executed by a processor, implements the menu display method provided in any embodiment of the present application.

[0107] In the process of implementing the computer program product, computer program code for performing the operations of the present invention can be written in one or more programming languages or combinations thereof. The programming languages include object-oriented programming languages such as Java, Smalltalk, C++, and also include conventional procedural programming languages such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, executed as an independent software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In the case of a remote computer, the remote computer can be connected to the user's computer through any type of network - including a local area network (LAN) or a wide area network (WAN) - or can be connected to an external computer (for example, by using an Internet service provider to connect through the Internet).

[0108] It should be understood that various forms of the processes shown above can be used, with steps reordered, added, or deleted. For example, the steps recited in the present invention can be executed in parallel, sequentially, or in a different order, as long as the desired results of the technical solution of the present invention can be achieved, and no limitation is imposed herein.

[0109] The above specific embodiments do not constitute a limitation to the protection scope of the present invention. Those skilled in the art should understand that various modifications, combinations, sub-combinations, and substitutions can be made according to design requirements and other factors. Any modifications, equivalent substitutions, and improvements made within the spirit and principle of the present invention shall be included within the protection scope of the present invention.

Claims

1. A menu display method, characterized in that: include: When the software-as-a-service application is initialized, obtaining a width of a visible area of ​​a display page of the software-as-a-service application; Calculate the total width of all first-level menu items, where the width of each first-level menu item is not fixed; Comparing the width of the visible area with the total width of the first-level menu items, and displaying a menu navigation bar based on the comparison result, wherein the menu navigation bar is used to display at least part of the first-level menu items and hide the remaining first-level menu items; In response to a display operation instruction from the user, at least one of the hidden first-level menu items is displayed in the menu navigation bar.

2. The menu display method according to claim 1, characterized in that: Calculate the total width of all first-level menu items, including: Traverse all first-level menu items and count the width of each first-level menu item; Sum the widths of all first-level menu items to get the total width of all first-level menu items.

3. The menu display method according to claim 1, characterized in that: Displays a menu navigation bar based on the comparison results, including: When the total width of the first-level menu items is less than or equal to the width of the visible area, displaying all the first-level menu items in the menu navigation bar; When the total width of the first-level menu items is greater than the width of the visible area, some of the first-level menu items are displayed in the menu navigation bar, and the remaining first-level menu items are hidden.

4. The menu display method according to claim 3, characterized in that: When the total width of the first-level menu items is greater than the width of the visible area, some of the first-level menu items are displayed in the menu navigation bar, and the remaining first-level menu items are hidden, including: Sorting all first-level menu items according to a preset arrangement order to obtain a menu item sorting order; Starting from the first one in the menu item sequence, the widths of the first-level menu items in the menu item sequence are cumulatively summed, and the summed result is compared with the width of the visible area; When the sum of the widths of the first K first-level menu items in the menu item sorting is greater than the width of the visible area, the first K-1 first-level menu items are displayed in the menu navigation bar as the first-level menu items to be displayed, and the remaining first-level menu items are hidden.

5. The menu display method according to claim 3, characterized in that: Also includes: A two-way switching display control is generated at one end of the menu navigation bar, and the two-way switching display control is used to respond to the user's display operation instruction. The two-way switching display control includes a first direction switching display control and a second direction switching display control, and the first direction and the second direction are opposite directions.

6. The menu display method according to claim 5, characterized in that: Also includes: Acquire a first number of first-level menu items hidden in a first direction and a second number of first-level menu items hidden in a second direction of the menu navigation bar; The first quantity is displayed within a preset range of the display control switched in the first direction, and the second quantity is displayed within a preset range of the display control switched in the second direction.

7. The menu display method according to claim 6, characterized in that: In response to a user's display operation instruction, displaying at least one of the hidden first-level menu items in the menu navigation bar includes: In response to the user's operation on the first direction switching display control, a hidden first-level menu item in the first direction is displayed in the menu navigation bar, and a currently displayed first-level menu item is hidden, and at the same time, the first number is reduced by one, and the second number is increased by one; In response to the user's operation on the second direction switching display control, a hidden first-level menu item in the second direction is displayed in the menu navigation bar, and a currently displayed first-level menu item is hidden. At the same time, the second number is reduced by one and the first number is increased by one.

8. A menu display device, characterized in that: include: A visible area width acquisition module, used to acquire the visible area width of the display page of the software as a service application when the software as a service application is initialized; Total width calculation module, used to calculate the total width of all first-level menu items; A menu navigation bar display module, used to compare the width of the visible area with the total width of the first-level menu items, and display a menu navigation bar based on the comparison result, wherein the menu navigation bar is used to display at least part of the first-level menu items and hide the remaining first-level menu items; The menu item display module is used to display at least one of the hidden first-level menu items in the menu navigation bar in response to a display operation instruction from the user.

9. An electronic device, characterized in that: include: one or more processors; A storage device for storing one or more programs; When the one or more programs are executed by the one or more processors, the one or more processors implement the menu display method as described in any one of claims 1-7.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the menu display method as described in any one of claims 1 to 7 is implemented.

Images