Interface display method and device, computer equipment and storage medium
By updating the cached second interface example during the first interface update operation, the flashing problem when returning in the WEB display interface is solved, and smooth interface updates and improved user experience are achieved.
Patent Information
- Application Number
- CN202311646745.0
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2023-11-30
- Publication Date
- 2025-05-30
AI Technical Summary
In the prior art, in the WEB display interface, when the B interface returns to the A interface, there is a flash phenomenon, affecting the user experience.
By responding to the update operation of the first interface, the cached second interface instance is updated to ensure that the second interface instance is updated before the first jump operation, so that the updated second interface is directly displayed during the jump.
Avoid flashing during the display process, improve user experience, and ensure smooth interface updates.
Smart Images
Figure CN120066637A_ABST
Abstract
Description
Technical Field
[0001] This application relates to the field of front-end display technologies, and particularly to an interface display method, apparatus, computer device, and storage medium. Background Art
[0002] Taking the Vue framework as an example, after jumping from interface A to interface B in a WEB display interface, there is a need to return from interface B to interface A. Since there is an association relationship between interface A and interface B, after the state of interface B is updated, the state of the displayed interface A also needs to be updated.
[0003] In the prior art, the hook function is called to update interface A to display the updated interface A. However, there is a flashing phenomenon in the current interface display method during the display process. Summary of the Invention
[0004] Based on this, it is necessary to provide an interface display method, apparatus, computer device, and storage medium that can avoid the flashing phenomenon during the display process for the above technical problems.
[0005] In a first aspect, this application provides an interface display method, including:
[0006] In response to an update operation for a displayed first interface, updating an instance corresponding to a cached second interface to obtain a new instance; there is an association relationship between the first interface and the second interface;
[0007] In response to a first jump operation from the first interface to the second interface, displaying a new second interface corresponding to the new instance.
[0008] In one embodiment, the method further includes:
[0009] Displaying the second interface;
[0010] In response to a second jump operation from the second interface to the first interface, caching the instance of the second interface.
[0011] In one embodiment, in response to an update operation for a displayed first interface, updating an instance corresponding to a cached second interface to obtain a new instance includes:
[0012] Determining an update method for the first interface according to the update operation;
[0013] Updating the instance corresponding to the second interface according to the update method to obtain a new instance.
[0014] In one embodiment, caching the instance of the second interface includes:
[0015] Using a preset cache component to cache the instance of the second interface.
[0016] In one embodiment, updating the instance corresponding to the second interface in the cache to obtain a new instance includes:
[0017] Updating the heartbeat information in the instance corresponding to the second interface in the cache to obtain a new instance.
[0018] In one embodiment, the first jump operation and the second jump operation are implemented by means of routing jumps.
[0019] In a second aspect, the present application further provides an interface display device, including:
[0020] An update module, configured to update the instance corresponding to the second interface in the cache to obtain a new instance in response to an update operation on the displayed first interface; there is an association relationship between the first interface and the second interface;
[0021] A first display module, configured to display a new second interface corresponding to the new instance in response to a first jump operation from the first interface to the second interface.
[0022] In a third aspect, the present application further provides a computer device, including a memory and a processor, where the memory stores a computer program, and when the processor executes the computer program, the steps of any of the above methods are implemented.
[0023] In a fourth aspect, the present application further provides a computer-readable storage medium, on which a computer program is stored, and when the computer program is executed by a processor, the steps of any of the above methods are implemented.
[0024] In a fifth aspect, the present application further provides a computer program product, including a computer program, and when the computer program is executed by a processor, the steps of any of the above methods are implemented.
[0025] For the above interface display method, device, computer device, and storage medium, since there is an association relationship between the first interface and the second interface, and then in response to an update operation on the displayed first interface, the instance corresponding to the second interface in the cache is updated to obtain a new instance. In this way, before the first jump operation, the instance corresponding to the second interface can be updated to obtain a new instance according to the update operation on the first interface. Therefore, in response to the first jump operation from the first interface to the second interface, the new second interface corresponding to the new instance can be directly displayed, without first displaying the second interface before the update in response to the first jump operation, and then updating the second interface through a hook function to display the updated second interface. Therefore, the flashing phenomenon during the display process can be avoided. BRIEF DESCRIPTION OF THE DRAWINGS
[0026] To more clearly illustrate the technical solutions in the embodiments of the present application or related technologies, the following will briefly introduce the drawings required for use in the description of the embodiments or related technologies. Obviously, the drawings in the following description are only some embodiments of the present application. For those of ordinary skill in the art, without creative efforts, other drawings can also be obtained based on these drawings.
[0027] Figure 1 It is an application environment diagram of the interface display method in the embodiments of the present application;
[0028] Figure 2 It is a schematic flowchart of the interface display method in the embodiments of the present application;
[0029] Figure 3 It is a schematic flowchart of an existing technology;
[0030] Figure 4 It is a schematic diagram of the process of an interface display;
[0031] Figure 5 It is a schematic flowchart of a process in the embodiments of the present application;
[0032] Figure 6 It is a schematic flowchart of an example of caching a second interface in the embodiments of the present application;
[0033] Figure 7 It is a schematic flowchart of a process of obtaining a new instance by updating in the embodiments of the present application;
[0034] Figure 8 It is a schematic diagram of the process of an interface display method in the embodiments of the present application;
[0035] Figure 9 It is a timing diagram of the interface display method in the existing technology;
[0036] Figure 10 It is a timing diagram of an interface display method in the embodiments of the present application;
[0037] Figure 11 It is a structural block diagram of the interface display device in the embodiments of the present application. Detailed implementation manners
[0038] In order to make the objectives, technical solutions and advantages of the present application more clear and understandable, the following further details the present application in combination with the drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.
[0039] Figure 1 It is an application environment diagram of the interface display method in the embodiments of the present application. Figure 1A computer device is provided. The computer device may be a terminal, and its internal structure diagram may be as shown in Figure 1 . The computer device includes a processor, a memory, an input / output interface, a communication interface, a display unit, and an input device. Among them, the processor, the memory, and the input / output interface are connected through a system bus, and the communication interface, the display unit, and the input device are connected to the system bus through the input / output interface. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The input / output interface of the computer device is used to exchange information between the processor and external devices. The communication interface of the computer device is used to communicate with external terminals in a wired or wireless manner. The wireless manner can be achieved through WIFI, a mobile cellular network, NFC (Near Field Communication), or other technologies. When the computer program is executed by the processor, it implements an interface display method. The display unit of the computer device is used to form a visually visible picture, which can be a display screen, a projection device, or a virtual reality imaging device. The display screen can be a liquid crystal display screen or an electronic ink display screen. The input device of the computer device can be a touch layer covering the display screen, or a button, a trackball, or a touchpad provided on the housing of the computer device, or an external keyboard, touchpad, or mouse, etc.
[0040] Those skilled in the art can understand that Figure 1 the structure shown in is only a block diagram of some structures related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than those shown in the figure, or combine some components, or have different component arrangements.
[0041] In this embodiment, the method is exemplified by being applied to a terminal. It can be understood that the method can also be applied to a system including a terminal and a server and implemented through the interaction between the terminal and the server. Among them, the terminal can be, but is not limited to, various personal computers, laptop computers, smart phones, tablet computers, Internet of Things devices, and portable wearable devices. The Internet of Things devices can be smart speakers, smart TVs, smart air conditioners, smart in-vehicle devices, etc. The portable wearable devices can be smart watches, smart bracelets, head-mounted devices, etc. The server can be implemented by an independent server or a server cluster composed of multiple servers.
[0042] Figure 2 is a schematic flow diagram of the interface display method in the embodiment of the present application. In an exemplary embodiment, as shown in Figure 2 , a method for displaying an interface is provided. Taking the method as an example applied toFigure 1 Taking the computer device in
[0043] S201, in response to an update operation on the displayed first interface, update the instance corresponding to the cached second interface to obtain a new instance; there is an association relationship between the first interface and the second interface.
[0044] Figure 3 is a schematic flow diagram of an existing technology, as Figure 3 shown. In the existing technology, in the WEB display interface, it is possible to jump from interface A to interface B to display interface B. After modifying interface B, if returning from the updated interface B, it will first return to the unupdated interface A before the jump and display the unupdated interface A, and then call the hook function onActivated to update interface A to display the updated interface A. Therefore, in the existing technology, if you want to return to the updated interface A after updating interface B, there will be a process of refreshing the interface during the display, that is, there is a flashing phenomenon. For users, it is similar to the phenomenon of network lag, and the user experience is poor.
[0045] Figure 4 is a schematic diagram of the process of interface display, as Figure 4 (a) and Figure 4 (b) shown. Assuming that in the initial situation, both interface A and interface B are in a 3×3 layout. After jumping from interface A to interface B, the 3×3 layout is modified to a 2×2 layout in interface B, as Figure 4 (c) shown. Ideally, after returning to interface A, interface A should display the 2×2 layout as Figure 4 (d) shown. However, in the existing technology, since it will first return to the unupdated interface A and then call the hook function onActivated to update interface A, therefore, after updating interface B and then returning to interface A in the existing technology, it will first display Figure 4 (a)'s 3×3 layout, and then switch from Figure 4 (a) to Figure 4 (d), and then display Figure 4 (d)'s 2×2 layout.
[0046] Therefore, in order to avoid the flashing phenomenon during the display and improve the user experience, in this embodiment, in response to an update operation on the displayed first interface, the instance corresponding to the cached second interface will be updated to obtain a new instance.
[0047] Among them, the first interface and the second interface have an associated relationship. That is to say, if the first interface is updated, the second interface also needs to be updated; if the second interface is updated, the first interface also needs to be updated. Among them, the associated relationship includes, but is not limited to, causal relationship, dependence relationship, mutual restriction relationship, etc., and this embodiment does not make any restrictions.
[0048] Optionally, the first interface and the second interface may include target information from the same source. In this way, when the target information in the first interface is updated, the target information in the second interface will also be updated.
[0049] Among them, the target information can be stored in a database. If the update information is used to modify the target information in the second interface, then in response to the update operation, the computer device can copy the target information in the database to the memory and modify the target information in the memory, so as to display the first interface according to the target information in the memory. When updating the example corresponding to the cached second interface, the example corresponding to the second interface will also be associated with the target information in the memory. In this way, when the computer device responds to the first jump operation, it will display the second interface according to the target information in the memory, that is, a new second interface is displayed.
[0050] Taking the target information including a target electrocardiogram as an example, the same-source target electrocardiogram can be displayed in both the first interface and the second interface. Therefore, when the target electrocardiogram in the first interface is updated, the target electrocardiogram in the second interface should also be updated accordingly.
[0051] In some embodiments, the first interface may include first target information, and the second interface may include second target information, and there is an associated relationship between the first target information and the second target information. For example, the first interface includes electrocardiogram parameters, and the second interface includes a target electrocardiogram. In this way, after the electrocardiogram parameters are updated in the first interface, the target electrocardiogram in the second interface should also be updated according to the electrocardiogram parameters.
[0052] In some embodiments, the layouts between the first interface and the second interface may also be consistent. In this way, when the layout of the first interface is updated, the layout of the second interface will also be updated.
[0053] Further optionally, the computer device can cache the instance corresponding to the second interface when the second interface is displayed. In some embodiments, the user can also save manually. Then, in response to the save operation for the displayed second interface, the computer device can cache the instance corresponding to the second interface.
[0054] Exemplarily, taking the WEB display interface based on the react framework or the angular framework as an example, the user can manually save all the states of the components of the second interface. If it is necessary to display the second interface subsequently, all the states of the components of the second interface can be reloaded to initialize the components.
[0055] Among them, the corresponding instance of the second interface can be cached in the memory of the computer device or on the cloud platform communicatively connected to the computer device. This embodiment does not make any restrictions.
[0056] In this way, since the computer device has cached the instance corresponding to the second interface, therefore, in the case of updating the first interface, the cached instance corresponding to the second interface can be updated to obtain a new instance.
[0057] The update operation can be but is not limited to at least one of operations such as mouse click, keyboard selection, voice trigger, gesture trigger, etc. The update operation on the first interface can be to update information such as the content and layout of the first interface. This embodiment does not make any restrictions.
[0058] Optionally, the computer device can replace the instance corresponding to the second interface with the updated new instance in the memory. The computer device can also save both the instance corresponding to the second interface before the update and the new instance corresponding to the second interface after the update.
[0059] Continuing with the above example, taking the first interface as interface B and the second interface as interface A as an example. In this embodiment, the computer device can first display interface B. Furthermore, the user can initiate an update operation on interface B based on the displayed interface B, so that the computer device can respond to the update operation on the first interface and, in response to the update operation on the first interface, update the cached instance of interface A to obtain a new instance.
[0060] S202, in response to the first jump operation of jumping from the first interface to the second interface, display the new second interface corresponding to the new instance.
[0061] In the case where it is necessary to jump back from the first interface to the second interface, the user can initiate the first jump operation, so that the computer device responds to the first jump operation and displays the new second interface corresponding to the new instance. Similarly, the first jump operation can also be but is not limited to at least one of operations such as mouse click, keyboard selection, voice trigger, gesture trigger, etc.
[0062] Optionally, the first jump operation may carry the address index of the second interface, and the computer device may jump from the first interface to the second interface according to the address index of the second interface. The address index of the second interface may be used to indicate the Internet Protocol (IP) address of the second interface, or may be used to indicate the storage location of the second interface in the computer device.
[0063] Figure 5 This is a schematic diagram of a process in the embodiment of the present application, such as Figure 5 As shown, in the interface display method provided by this embodiment, in the WEB display interface, the A interface jumps to the B interface to display the B interface. When the B interface is modified, the A interface will also be modified in conjunction, that is, the computer device will modify the A interface in conjunction with the B interface. Furthermore, if it is necessary to return to the A interface from the B interface, the updated A interface can be directly displayed.
[0064] continue Figure 4 For example, after jumping from interface A to interface B, if the 3×3 layout is changed to a 2×2 layout in interface B, after returning to interface A according to the method provided in the embodiment of the present application, the interface A machine will directly display the following Figure 4 The 2×2 layout shown in (d) improves the user experience.
[0065] In some embodiments, the computer device may also display the second interface before the update in response to the third jump operation from the first interface to the second interface. In this way, it can be applicable to the scenario where even if the first interface and the second interface are associated, after the first interface is updated, it is possible to directly return to the unupdated second interface.
[0066] In some embodiments, after the computer device displays the new second interface corresponding to the new instance, it may also display the second interface before the update in response to the fourth jump operation. In this way, it can be applicable to the application scenario that after displaying the new second interface, if the user is not satisfied, he can return to the second interface before the update.
[0067] In the above-mentioned interface display method, since there is an association relationship between the first interface and the second interface, in response to the update operation on the displayed first interface, the instance corresponding to the cached second interface is updated to obtain a new instance. In this way, before the first jump operation, the instance corresponding to the second interface can be updated to obtain a new instance according to the update operation on the first interface. Therefore, in response to the first jump operation from the first interface to the second interface, the new second interface corresponding to the new instance can be directly displayed. There is no need to first display the second interface before the update after responding to the first jump operation, and then update the second interface through the hook function to display the updated second interface. Therefore, flickering during the display process can be avoided.
[0068] Figure 6 This is a schematic flowchart of an example for caching a second interface in an embodiment of the present application. In an exemplary embodiment, as Figure 6 shown, the above interface display method further includes S601 to S602.
[0069] S601, display the second interface.
[0070] Optionally, the computer device can display the second interface after logging in to a fixed website or account, or can automatically start the second interface. Continuing with the above example, the computer device can display interface A.
[0071] S602, in response to a second jump operation for jumping from the second interface to the first interface, cache an instance of the second interface.
[0072] Further, in the case where it is necessary to jump from the second interface to the first interface, the user can initiate a second jump operation. In this way, the computer device can cache an instance of the second interface in response to the second jump operation. Even further, the computer device will display the first interface in response to the second jump operation.
[0073] Similarly, the second jump operation can also be, but is not limited to, at least one of operations such as mouse click, keyboard selection, voice trigger, gesture trigger, etc.
[0074] Optionally, the second jump operation can carry an address index of the first interface. Further, the computer device can jump from the second interface to the first interface according to the address index of the first interface. Among them, the address index of the first interface can be used to indicate the IP address of the first interface, or can be used to indicate the storage location of the first interface in the computer device.
[0075] Exemplarily, interface A can include a "jump" button. After the user presses the "jump" button, the computer device can respond to the second jump operation. Further, the computer device caches an instance of interface A and displays interface B.
[0076] In the above embodiment, since the second interface is displayed and an instance of the second interface is cached in response to a second jump operation for jumping from the second interface to the first interface. In this way, before displaying the first interface, an instance corresponding to the second interface can be cached to ensure that the instance corresponding to the second interface can be updated when performing an update operation based on the first interface.
[0077] Figure 7 This is a schematic flowchart of a process for obtaining a new instance by updating in an embodiment of the present application. In an exemplary embodiment, as Figure 7 shown, S201 further includes S701 to S702.
[0078] S701, determining an update method for the first interface according to an update operation.
[0079] In this embodiment, in response to an update operation, the computer device determines an update method for the first interface according to the update operation. The update method is used to indicate how to update the first interface. That is, in the process of performing an update operation on the first interface, the computer device can record the update method for updating the second interface. The update method can be stored in the computer device in the form of a pointer index, a binary file, etc., which is not limited in this embodiment.
[0080] For example, Figure 4 For example, suppose the user will Figure 4 (b) The B interface is modified as follows Figure 4 (c) is the B interface shown, the update method determined by the computer device in response to the update operation indicates that the layout is changed from 3×3 to 2×2.
[0081] S702: Update the instance corresponding to the second interface according to the updating method to obtain a new instance.
[0082] Further, after determining the update method, the computer device can update the instance corresponding to the second interface according to the update method to obtain a new instance. Continuing the above example, according to the update method, the computer device will also modify the layout method in the instance corresponding to the second interface to 2×2.
[0083] In the above embodiment, since the update method of the first interface is determined according to the update operation, and the instance corresponding to the second interface is updated according to the update method to obtain a new instance, before returning to the second interface, the second interface can be linked updated according to the update method of the first interface.
[0084] In an exemplary embodiment, optionally, the “caching the instance of the second interface” in S602 may be implemented in the following manner:
[0085] The instance of the second interface is cached using a preset cache component.
[0086] In this embodiment, taking the WEB display interface of the vue framework as an example, the preset cache component can be a keep-alive component. Taking the jump from interface A to interface B as an example, after jumping from interface A to interface B, the components of interface A will be uninstalled, that is, the computer device cannot save the state of interface A, which is not conducive to returning to interface A from interface B. Therefore, the computer device can use the keep-alive component to cache the instance of the second interface to save the state of interface A before interface A jumps to interface B.
[0087] In the above embodiments, since the instance of the second interface can be cached by using the preset cache component, the caching efficiency is improved.
[0088] In an exemplary embodiment, optionally, "updating the instance corresponding to the cached second interface to obtain a new instance" in S201 can be implemented in the following manner:
[0089] Update the heartbeat information in the instance corresponding to the cached second interface to obtain a new instance.
[0090] In this embodiment, both the second interface and the first interface may include a target electrocardiogram. The target electrocardiogram is stored in a database.
[0091] During the process of the computer device displaying the first interface, the user can update the heartbeat information of the target electrocardiogram displayed in the first interface. For example, mark point 1 of the target electrocardiogram as ventricular premature beat and mark point 2 of the target electrocardiogram as atrial premature beat. The marking method may include but is not limited to color marking, text marking, etc. This embodiment is not limited thereto. During this process, the computer device can copy the target electrocardiogram in the database to the memory and update the target electrocardiogram in the memory according to the above marking method to display the first interface according to the target electrocardiogram in the memory.
[0092] Further, the computer device can, in response to the update operation for the first interface, perform the same update on the heartbeat information in the cached second interface to obtain a new instance. That is, update the heartbeat information in the instance corresponding to the cached second interface to obtain a new instance. Continuing the above example, the computer device can associate the new instance corresponding to the second interface with the target electrocardiogram in the memory, so that point 1 of the target electrocardiogram in the instance corresponding to the second interface is also marked as ventricular premature beat and point 2 of the target electrocardiogram is also marked as atrial premature beat.
[0093] In this way, when it is necessary to jump from the first interface to the second interface, the computer device, in response to the first jump operation, can display the new second interface corresponding to the new instance. In the new second interface, the heartbeat information in the target electrocardiogram is updated. Continuing the above example, the computer device will also display the second interface according to the target electrocardiogram in the memory. Furthermore, in the displayed second interface, point 1 of the target electrocardiogram is marked as ventricular premature beat and point 2 of the target electrocardiogram is marked as atrial premature beat.
[0094] Since this embodiment can update the heartbeat information in the instance corresponding to the cached second interface to obtain a new instance, thus, the interface display method provided in this embodiment can be applied to medical fields such as heartbeat information update, improving the work efficiency of doctors.
[0095] In an exemplary embodiment, optionally, the first jump operation and the second jump operation are implemented by means of routing jump.
[0096] That is to say, in the case of needing to jump from the first interface to the second interface, the computer device will respond to the first jump operation and jump from the first interface to the second interface by means of routing jump. Similarly, in the case of needing to jump from the second interface to the first interface, the computer device will respond to the second jump operation and jump from the second interface to the first interface by means of routing jump.
[0097] In the above embodiment, since the first jump operation and the second jump operation are implemented by means of routing jump, the jump efficiency of the interface is improved.
[0098] For a clearer introduction of the interface display method in the embodiments of the present application, the following is combined Figure 8 for description. Figure 8 is a schematic process diagram of an interface display method in an embodiment of the present application. As Figure 8 shown, the computer device can execute the interface display method according to the following process.
[0099] S801, display the second interface.
[0100] S802, in response to the second jump operation of jumping from the second interface to the first interface, use a preset cache component to cache an instance of the second interface. Among them, the first jump operation and the second jump operation are implemented by means of routing jump.
[0101] S803, in response to an update operation for the displayed first interface, determine an update method for the first interface according to the update operation. Optionally, the update operation can be used to update the heartbeat information in the first interface.
[0102] S804, update the cached instance corresponding to the second interface according to the update method to obtain a new instance. Optionally, the heartbeat information in the cached instance corresponding to the second interface can be updated according to the update method to obtain a new instance.
[0103] S805, in response to the first jump operation of jumping from the first interface to the second interface, display the new second interface corresponding to the new instance.
[0104] S801 to S805 can refer to the above embodiment and will not be elaborated here.
[0105] Figure 9 is a timing schematic diagram of an interface display method in the prior art. As Figure 9As shown, in the prior art, the computer device first displays interface A. If it is necessary to jump from interface A to interface B, the computer device will cache interface A and jump from interface A to interface B to display interface B. After updating interface B, if it is necessary to return to interface A, the computer device first returns to the previous version of interface A and then calls the hook function to update interface A, and finally displays the updated interface A. Please refer to Figure 4 , the process of the computer device displaying in the prior art is as follows: Figure 4 (a), Figure 4 (b), Figure 4 (c), Figure 4 (a), Figure 4 (d).
[0106] Figure 10 is a timing schematic diagram of an interface display method in an embodiment of the present application. As Figure 10 described, in the interface display method provided in this embodiment, the computer device first displays interface A. If it is necessary to jump from interface A to interface B, the computer device will cache interface A and jump from interface A to interface B to display interface B. During the process of updating interface B, the computer device will also update the cache of interface A, that is, update the instance corresponding to interface A in the cache to update interface A. If it is necessary to return to interface A, the computer device will directly return to the updated interface A. Please refer to Figure 4 , the process of the computer device displaying in this embodiment is as follows: Figure 4 (a), Figure 4 (b), Figure 4 (c), Figure 4 (d). It can be seen that the method provided in this embodiment does not display the process of switching from Figure 4 (a) to Figure 4 (d), but directly displays the updated interface A.
[0107] It should be understood that although the steps in the flowcharts involved in the above-described embodiments are shown in sequence according to the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless there is a clear indication in this article, the execution of these steps has no strict order limit, and these steps can be executed in other orders. Moreover, at least a part of the steps in the flowcharts involved in the above-described embodiments may include multiple steps or multiple stages. These steps or stages are not necessarily executed at the same time, but can be executed at different times. The execution order of these steps or stages is not necessarily sequential, but can be executed alternately or alternately with at least a part of other steps or steps in other steps.
[0108] Based on the same inventive concept, an embodiment of the present application further provides an interface display device for implementing the interface display method involved above. The implementation solution provided by this device to solve the problem is similar to the implementation solution described in the above method. Therefore, the specific limitations in one or more embodiments of the interface display device provided below can refer to the limitations on the interface display method in the above text, and will not be elaborated here.
[0109] Figure 11 It is a structural block diagram of the interface display device in an embodiment of the present application. In an exemplary embodiment, as Figure 11 shown, an interface display device 1100 is provided, including: an update module 1101 and a first display module 1102, where:
[0110] The update module 1101 is configured to update the instance corresponding to the second interface in the cache to obtain a new instance in response to an update operation for the first interface being displayed; there is an association relationship between the first interface and the second interface.
[0111] The first display module 1102 is configured to display the new second interface corresponding to the new instance in response to a first jump operation from the first interface to the second interface.
[0112] In the above interface display device, since there is an association relationship between the first interface and the second interface, and then in response to an update operation for the first interface being displayed, the instance corresponding to the second interface in the cache is updated to obtain a new instance. In this way, before the first jump operation, the instance corresponding to the second interface can be updated to obtain a new instance according to the update operation for the first interface. Therefore, in response to the first jump operation from the first interface to the second interface, the new second interface corresponding to the new instance can be directly displayed, without first displaying the second interface before the update in response to the first jump operation, and then updating the second interface through a hook function to display the updated second interface. Therefore, it is possible to avoid the flashing phenomenon during the display process.
[0113] Optionally, the interface display device 1100 further includes:
[0114] A second display module, configured to display the second interface.
[0115] A cache module, configured to cache the instance of the second interface in response to a second jump operation from the second interface to the first interface.
[0116] Optionally, the update module 1101 includes:
[0117] A determination unit, configured to determine the update method of the first interface according to the update operation.
[0118] An update unit, configured to update the instance corresponding to the second interface according to an update method to obtain a new instance.
[0119] Optionally, the cache module is further configured to cache the instance of the second interface by using a preset cache component.
[0120] Optionally, the update module 1101 is further configured to update the heartbeat information in the cached instance corresponding to the second interface to obtain a new instance.
[0121] Optionally, the first jump operation and the second jump operation are implemented by means of route jumps.
[0122] Each module in the above interface display device can be implemented in whole or in part by software, hardware, and their combination. The above modules can be embedded in or independent of the processor in the computer device in the form of hardware, or stored in the memory of the computer device in the form of software, so that the processor can call and execute the operations corresponding to the above modules.
[0123] In one embodiment, a computer device is provided, including a memory and a processor. A computer program is stored in the memory. When the processor executes the computer program, the following steps are implemented:
[0124] In response to an update operation for the displayed first interface, update the cached instance corresponding to the second interface to obtain a new instance; there is an association relationship between the first interface and the second interface;
[0125] In response to a first jump operation from the first interface to the second interface, display the new second interface corresponding to the new instance.
[0126] In one embodiment, when the processor executes the computer program, the following steps are further implemented:
[0127] Display the second interface; in response to a second jump operation from the second interface to the first interface, cache the instance of the second interface.
[0128] In one embodiment, when the processor executes the computer program, the following steps are further implemented:
[0129] Determine the update method of the first interface according to the update operation; update the instance corresponding to the second interface according to the update method to obtain the new instance.
[0130] In one embodiment, when the processor executes the computer program, the following steps are further implemented:
[0131] Cache the instance of the second interface by using a preset cache component.
[0132] In one embodiment, when the processor executes the computer program, the following steps are further implemented:
[0133] Update the heartbeat information in the instance corresponding to the second interface of the cache to obtain the new instance.
[0134] In one embodiment, a computer-readable storage medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the following steps are implemented:
[0135] In response to an update operation for the displayed first interface, update the instance corresponding to the second interface of the cache to obtain a new instance; there is an association relationship between the first interface and the second interface;
[0136] In response to a first jump operation from the first interface to the second interface, display the new second interface corresponding to the new instance.
[0137] In one embodiment, when the computer program is executed by a processor, the following steps are further implemented:
[0138] Display the second interface; in response to a second jump operation from the second interface to the first interface, cache the instance of the second interface.
[0139] In one embodiment, when the computer program is executed by a processor, the following steps are further implemented:
[0140] Determine the update method of the first interface according to the update operation; update the instance corresponding to the second interface according to the update method to obtain the new instance.
[0141] In one embodiment, when the computer program is executed by a processor, the following steps are further implemented:
[0142] Cache the instance of the second interface by using a preset cache component.
[0143] In one embodiment, when the computer program is executed by a processor, the following steps are further implemented:
[0144] Update the heartbeat information in the instance corresponding to the second interface of the cache to obtain the new instance.
[0145] In one embodiment, a computer program product is provided, including a computer program. When the computer program is executed by a processor, the following steps are implemented:
[0146] In response to an update operation for the displayed first interface, update the instance corresponding to the second interface of the cache to obtain a new instance; there is an association relationship between the first interface and the second interface;
[0147] In response to a first jump operation from the first interface to the second interface, display the new second interface corresponding to the new instance.
[0148] In one embodiment, when the computer program is executed by a processor, the following steps are further implemented:
[0149] Display the second interface; in response to a second jump operation from the second interface to the first interface, cache the instance of the second interface.
[0150] In one embodiment, when the computer program is executed by a processor, the following steps are further implemented:
[0151] Determine the update method of the first interface according to the update operation; update the instance corresponding to the second interface according to the update method to obtain the new instance.
[0152] In one embodiment, when the computer program is executed by a processor, the following steps are further implemented:
[0153] Use a preset cache component to cache the instance of the second interface.
[0154] In one embodiment, when the computer program is executed by a processor, the following steps are further implemented:
[0155] Update the heartbeat information in the cached instance corresponding to the second interface to obtain the new instance.
[0156] Those of ordinary skill in the art can understand that all or part of the processes in the methods of the above embodiments can be completed by instructing relevant hardware through a computer program. The computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above methods. Among them, any reference to a memory, database, or other medium used in the embodiments provided in the present application can include at least one of non-volatile and volatile memories. Non-volatile memories can include read-only memory (ROM), magnetic tapes, floppy disks, flash memories, optical memories, high-density embedded non-volatile memories, resistive random access memories (ReRAM), magnetoresistive random access memories (MRAM), ferroelectric random access memories (FRAM), phase change memories (PCM), graphene memories, etc. Volatile memories can include random access memory (RAM) or external cache memories, etc. By way of illustration and not limitation, RAM can be in various forms, such as static random access memory (SRAM) or dynamic random access memory (DRAM), etc. The databases involved in the embodiments provided in the present application can include at least one of relational databases and non-relational databases. Non-relational databases can include distributed databases based on blockchain, etc., without limitation. The processors involved in the embodiments provided in the present application can be general-purpose processors, central processing units, graphics processing units, digital signal processors, programmable logics, data processing logics based on quantum computing, etc., without limitation.
[0157] The technical features of the above embodiments can be combined arbitrarily. For the sake of concise description, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, it should be considered as the scope described in this specification.
[0158] The above-described embodiments only represent several implementation manners of the present application. The description is relatively specific and detailed, but it should not be construed as a limitation on the patent scope of the present application. It should be noted that for those of ordinary skill in the art, without departing from the concept of the present application, several modifications and improvements can still be made, and these all belong to the protection scope of the present application. Therefore, the protection scope of the present application should be subject to the appended claims.
Claims
1. An interface display method, characterized in that, the method includes: responding to an update operation for the displayed first interface, updating the instance corresponding to the cached second interface to obtain a new instance; there is an association relationship between the first interface and the second interface; responding to a first jump operation from the first interface to the second interface, displaying the new second interface corresponding to the new instance.
2. The method according to claim 1, characterized in that, the method further includes: displaying the second interface; responding to a second jump operation from the second interface to the first interface, caching the instance of the second interface.
3. The method according to claim 1, characterized in that, the step of responding to an update operation for the displayed first interface, updating the instance corresponding to the cached second interface to obtain a new instance includes: determining the update method of the first interface according to the update operation; updating the instance corresponding to the second interface according to the update method to obtain the new instance.
4. The method according to claim 2, characterized in that, the step of caching the instance of the second interface includes: using a preset cache component to cache the instance of the second interface.
5. The method according to any one of claims 1-4, characterized in that, the step of updating the instance corresponding to the cached second interface to obtain a new instance includes: updating the heartbeat information in the instance corresponding to the cached second interface to obtain the new instance.
6. The method according to claim 2, characterized in that, the first jump operation and the second jump operation are implemented by means of route jump.
7. An interface display device, characterized in that, the device includes: an update module, configured to respond to an update operation for the displayed first interface, update the instance corresponding to the cached second interface to obtain a new instance; there is an association relationship between the first interface and the second interface; a first display module, configured to respond to a first jump operation from the first interface to the second interface, display the new second interface corresponding to the new instance.
8. A computer device, including a memory and a processor, the memory stores a computer program, characterized in that, when the processor executes the computer program, the steps of the method according to any one of claims 1 to 6 are implemented.
9. A computer-readable storage medium, on which a computer program is stored, characterized in that, when the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 6 are implemented.
10. A computer program product, including a computer program, characterized in that, when the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 6 are implemented.