Display interface updating method and device, equipment and storage medium

Abstract

The invention provides a display interface updating method and device, equipment and a storage medium, a basic file of a target component is loaded, the basic file is used for representing an initial component state of the target component, and the initial component state comprises an initial function and / or an initial style of the target component; according to the basic file and user information corresponding to the target user, an extension file is determined, the extension file represents the extension component state of the target component, and the extension component state comprises a self-defined function and / or a self-defined style achieved on the basis of the initial component state; according to the extension file, a target display interface is obtained, and the target display interface is used for displaying the target component. On the basis of loading the basic file, the extension component state of the target component is determined in combination with the user information, and then user-defined function and / or user-defined style extension is carried out on the display state of the target component through the extension file, namely, the problem that the efficiency of changing a display interface of a user is low is solved.

Description

Technical Field

[0001] This application relates to the field of computer technologies, and in particular, to a method, apparatus, device, and storage medium for updating a display interface. Background Art

[0002] The user interfaces displayed by browsers, such as HTML interfaces (Hyper Text Markup Language) and JSP interfaces (Java Server Pages), are mainly designed to focus on the interaction experience between users and software, enabling users to quickly adapt and efficiently complete task assignments.

[0003] For HTML-based user interfaces, in order to optimize browser compatibility and improve development efficiency, a Regular JS self-encapsulated component library is often used for development. This component library has advantages such as simple use, good extensibility, and strong appearance customization capabilities.

[0004] However, for users of components, Regular JS components are an immutable black box system. Users can only control the content check, style display, and event response of input boxes by using the APIs (Application Programming Interfaces) provided by the components, and cannot directly penetrate into various application scenarios of the components at all levels for precise control, thus resulting in the problem of low efficiency in changing the user's display interface. Summary of the Invention

[0005] This application provides a method, apparatus, device, and storage medium for updating a display interface to solve the problem of low efficiency in changing the user's display interface.

[0006] In a first aspect, this application provides a method for updating a display interface, including: loading a base file of a target component, where the base file is used to represent an initial component state of the target component, and the initial component state includes an initial function and / or an initial style of the target component; determining an extension file according to the base file and user information corresponding to a target user, where the extension file represents an extended component state of the target component, and the extended component state includes a custom function and / or a custom style implemented on the basis of the initial component state; and obtaining a target display interface according to the extension file, where the target display interface is used to display the target component.

[0007] Optionally, in the method as described above, the user information includes user interaction information, and the user interaction information represents a control operation instruction of the target user on the initial display interface; determining an extended file according to the base file and the user information corresponding to the target user includes: obtaining at least two tasks to be processed according to the base file; obtaining a type of task to be processed according to the user interaction information and the task to be processed, where the type of task to be processed is used to indicate the priority of the task to be processed; and determining the extended file according to the type of task to be processed.

[0008] Optionally, in the method as described above, the user information includes user identity information, and the user identity information represents a login verification identifier for the target user to log in to the target system; determining an extended file according to the base file and the user information corresponding to the target user includes: obtaining user permission information according to the user identity information, where the user permission information represents an operation rule of the target user on the target system; and determining the extended file according to the base file and the user permission information.

[0009] Optionally, in the method as described above, before determining the extended file according to the base file and the user information corresponding to the target user, it further includes: obtaining at least two tasks to be processed in the initial display interface; obtaining a task processing order according to the processing processes of at least one user on at least two of the tasks to be processed, where the number of processing times of the processing process is at least once; and obtaining the extended file according to the task processing order.

[0010] Optionally, in the method as described above, before determining the extended file according to the base file and the user information corresponding to the target user, it further includes: obtaining at least two sub-display areas in the initial display interface, where the same task to be processed is displayed in each of the sub-display areas; obtaining a target display area according to the interaction processes of at least one user on at least two of the sub-display areas, where the number of interaction times of the interaction process is at least once; and obtaining the extended file according to the target display area.

[0011] Optionally, in the method as described above, it further includes: obtaining task processing information corresponding to at least one task to be processed according to the base file, where the task processing information represents the task processing process of the task to be processed; and determining the extended file according to the task processing information and the user interaction information.

[0012] Optionally, in the method as described above, the target display interface includes a first display interface and a second display interface. Obtaining the target display interface according to the extension file includes: obtaining the interface rendering duration according to the extension file; if the interface rendering duration is greater than or equal to the preset rendering duration, obtaining the first display interface corresponding to the initial component state; if the interface rendering duration is less than the preset rendering duration, obtaining the second display interface corresponding to the extended component state.

[0013] In a second aspect, the present application provides a display interface update device, including:

[0014] A loading module, configured to load a base file of a target component, where the base file is used to characterize the initial component state of the target component, and the initial component state includes the initial function and / or initial style of the target component;

[0015] A processing module, configured to determine an extension file according to the base file and user information corresponding to a target user, where the extension file characterizes the extended component state of the target component, and the extended component state includes custom functions and / or custom styles implemented on the basis of the initial component state;

[0016] A determination module, configured to obtain a target display interface according to the extension file, where the target display interface is used to display the target component.

[0017] Optionally, in the device as described above, the user information includes user interaction information, and the user interaction information characterizes a control operation instruction of the target user on the initial display interface; the processing module is specifically configured to: obtain at least two tasks to be processed according to the base file; obtain a task type to be processed according to the user interaction information and the task to be processed, where the task type to be processed is used to indicate the priority of the task to be processed; determine the extension file according to the task type to be processed.

[0018] Optionally, in the device as described above, the user information includes user identity information, and the user identity information characterizes a login verification identifier of the target user logging in to the target system; the processing module is specifically configured to: obtain user permission information according to the user identity information, where the user permission information characterizes the operation rules of the target user on the target system; determine the extension file according to the base file and the user permission information.

[0019] Optionally, for the device as described above, before determining the extended file according to the base file and the user information corresponding to the target user, the processing module is further configured to: obtain at least two to-be-processed tasks in the initial display interface; obtain a task processing order according to the processing processes of at least two of the to-be-processed tasks by at least one user, where the number of processing times of the processing process is at least once; and obtain the extended file according to the task processing order.

[0020] Optionally, for the device as described above, before determining the extended file according to the base file and the user information corresponding to the target user, the processing module is further configured to: obtain at least two sub-display areas in the initial display interface, where the same to-be-processed task is displayed in each of the sub-display areas; obtain a target display area according to the interaction processes of at least two of the sub-display areas by at least one user, where the number of interaction times of the interaction process is at least once; and obtain the extended file according to the target display area.

[0021] Optionally, for the device as described above, the processing module is further configured to: obtain task processing information corresponding to at least one to-be-processed task according to the base file, where the task processing information characterizes the task processing process of the to-be-processed task; and determine the extended file according to the task processing information and the user interaction information.

[0022] Optionally, for the device as described above, the target display interface includes a first display interface and a second display interface, and the determining module is specifically configured to: obtain an interface rendering duration according to the extended file; if the interface rendering duration is greater than or equal to a preset rendering duration, obtain the first display interface corresponding to the initial component state; and if the interface rendering duration is less than the preset rendering duration, obtain the second display interface corresponding to the extended component state.

[0023] In a third aspect, the present application provides an electronic device, including: a processor, and a memory communicatively connected to the processor;

[0024] The memory stores computer-executable instructions;

[0025] The processor executes the computer-executable instructions stored in the memory to implement the display interface update method according to any one of the first aspects of the embodiments of the present application.

[0026] In a fourth aspect, the present application provides a computer-readable storage medium, where computer-executable instructions are stored in the computer-readable storage medium, and when the computer-executable instructions are executed by a processor, they are used to implement the display interface update method according to any one of the first aspects of the embodiments of the present application.

[0027] According to a fifth aspect of the embodiments of the present application, the present application provides a computer program product, including a computer program, which when executed by a processor, implements the display interface update method described in any one of the above first aspects.

[0028] The display interface update method, device, equipment, and storage medium provided by the present application load a base file of a target component, where the base file is used to characterize the initial component state of the target component, and the initial component state includes the initial function and / or initial style of the target component; determine an extension file according to the base file and user information corresponding to the target user, where the extension file characterizes the extended component state of the target component, and the extended component state includes custom functions and / or custom styles implemented on the basis of the initial component state; obtain a target display interface according to the extension file, and the target display interface is used to display the target component. On the basis of loading the base file, combined with user information, the extended component state of the target component is correspondingly determined, and then on the basis of not changing the base file, the display state of the target component is extended with custom functions and / or custom styles through the extension file, providing the user with a customized extended component state of the target component, that is, solving the problem of low efficiency in changing the user's display interface. Description of the Drawings

[0029] The drawings here are incorporated into the specification and constitute a part of this specification, showing embodiments consistent with the present application, and are used together with the specification to explain the principles of the present application.

[0030] Figure 1 It is an application scenario diagram of the display interface update method provided by the embodiments of the present application;

[0031] Figure 2 It is a flowchart of the display interface update method provided by an embodiment of the present application;

[0032] Figure 3 It is a display schematic diagram of the initial component state of the "select number" target component displayed based on the base file provided by the embodiments of the present application;

[0033] Figure 4 It is a display schematic diagram of the "select number" target component passing the verification of the input content provided by the embodiments of the present application;

[0034] Figure 5 It is a schematic diagram of a target display interface displaying a target component provided by the embodiments of the present application;

[0035] Figure 6 For Figure 2 It is a schematic diagram of the specific implementation steps of step S103 in the shown embodiment;

[0036] Figure 7 Flow chart of the display interface update method provided by another embodiment of the present application;

[0037] Figure 8 Flow chart of the display interface update method provided by yet another embodiment of the present application;

[0038] Figure 9 One of the flow charts of obtaining an extension file provided by an embodiment of the present application;

[0039] Figure 10 Another flow chart of obtaining an extension file provided by an embodiment of the present application;

[0040] Figure 11 Schematic diagram of a zoned display provided by an embodiment of the present application;

[0041] Figure 12 Schematic diagram of the structure of a display interface update device provided by an embodiment of the present application;

[0042] Figure 13 Schematic diagram of an electronic device provided by an embodiment of the present application;

[0043] Figure 14 It is a block diagram of a terminal device shown in an exemplary embodiment of the present application.

[0044] Through the above-mentioned drawings, specific embodiments of the present application have been shown, and there will be more detailed descriptions hereinafter. These drawings and 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

[0045] Here, the exemplary embodiments will be described in detail, and the examples are shown in the drawings. When the following description refers to the drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. The implementation manners described in the following exemplary embodiments do not represent all implementation manners consistent with the present application. On the contrary, they are merely examples of devices and methods consistent with some aspects of the present application as detailed in the appended claims.

[0046] In the technical solution of the present application, the processing of the user's personal information and data, such as collection, storage, use, processing, transmission, provision, and disclosure, all comply with the provisions of relevant laws and regulations and do not violate public order and good customs.

[0047] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data for analysis, stored data, displayed data, etc.) involved in this application are all information and data that have been authorized by the user or fully authorized by all parties. Moreover, the collection, use, and processing of relevant data need to comply with relevant laws, regulations, and standards, and corresponding operation entrances are provided for users to choose to authorize or reject.

[0048] In the prior art, for the user interfaces displayed by browsers, such as HTML interfaces (Hyper Text Markup Language) and JSP interfaces (Java Server Pages), their designs mainly focus on the interaction experience between users and software, enabling users to quickly adapt and efficiently complete task assignments. For HTML-based user interfaces, in order to optimize browser compatibility and improve development efficiency, Regular JS self-encapsulated component libraries are often used for development. This component library has advantages such as simple use, good extensibility, and strong appearance customization capabilities. However, for component users, Regular JS components are an immutable black box system. Users can only control the content check, style display, and event response of input boxes by using the APIs (Application Programming Interfaces) provided by the components, and cannot directly penetrate into various application scenarios of the components at all levels for precise control, which thus leads to the problem of low efficiency in changing the user interface.

[0049] The display interface update method, device, equipment, and storage medium provided by this application aim to solve the above technical problems in the prior art.

[0050] The specific application scenario of this application is a further optimization scenario for the display interface developed based on the Regular JS self-encapsulated component library. Figure 1 As an application scenario diagram of the display interface update method provided by an embodiment of this application, as Figure 1 shown, in the display interface, based on the base file of the target component, the display state of the target component shown to the user is Figure 1 (a) as shown. For Figure 1 (a) the business A shown, when the user user_1 handles business A, it is necessary to select a specific type under "Terminal Type": type_1, type_2, or type_3; as Figure 1Service A shown in (b) does not require the selection of a specific type (type_1, type_2, or type_3) under "Terminal Type" when user user_2 handles Service A. Here, "*" represents the need to select a specific terminal type. Therefore, on the basis of loading the basic file, combined with the user information provided by the target user, the corresponding extended file is determined to achieve custom modification of whether the "Terminal Type" must be selected. That is, on the basis of displaying the initial component state of the target component corresponding to Service A, combined with the user information, the extended component state of the target component is correspondingly determined. Furthermore, on the basis of not changing the basic file, the display state of the target component is extended with custom functions and / or custom styles through the extended file, providing the user with the extended component state of the customized target component, which solves the problem of low efficiency in changing the user's display interface.

[0051] The following uses specific embodiments to elaborate in detail on the technical solution of the present application and how the technical solution of the present application solves the above technical problems. These several specific embodiments below can be combined with each other, and the same or similar concepts or processes may not be repeated in some embodiments. The embodiments of the present application will be described below in conjunction with the accompanying drawings.

[0052] Figure 2 The flowchart of the display interface update method provided by an embodiment of the present application is as Figure 2 shown. The display interface update method provided by this embodiment includes the following steps:

[0053] Step S101, load the basic file of the target component. The basic file is used to represent the initial component state of the target component, and the initial component state includes the initial function and / or initial style of the target component.

[0054] Exemplarily, the basic file is used to represent the initial component state of the target component, and the initial component state includes the initial function and / or initial style of the component. That is, based on the basic file, the initial function and / or initial style of the target component can be displayed on the display interface. More specifically, for example, Figure 3 The display schematic diagram of the initial component state of the "Select Number" target component shown based on the basic file provided by the embodiment of the present application is as Figure 3 shown. For the "Select Number" target component, it is essentially an input box with a button ("Please select"); Figure 4 The display schematic diagram of the "Select Number" target component when the input content is verified and passed provided by the embodiment of the present application is as Figure 4As shown, when the user selects a number in the input box, for example, the number is 123456789, and after the number passes the verification, the prompt text "Please select" corresponding to the button changes to "Selected"; if the display state after verification is implemented based on the base file, the component processing flow needs to be modified, an application programming interface needs to be added to the component, and when calling the application programming interface, the display state after verification needs to be specified, such as the displayed text and / or the displayed color.

[0055] Step S102: Determine an extended file according to the base file and the user information corresponding to the target user. The extended file represents the extended component state of the target component, and the extended component state includes custom functions and / or custom styles implemented on the basis of the initial component state.

[0056] Exemplarily, the extended file represents the extended component state of the target component, and the extended component state includes custom functions and / or custom styles implemented on the basis of the initial component state. That is, on the basis of displaying the initial functions and / or initial styles of the target component on the display interface based on the base file, the corresponding extended file can be loaded through the user information to realize the custom extension of the target component in terms of functions and / or styles. More specifically, for example, Figure 3 For the "Select Number" target component shown, in the processing flow of Service B, only the number needs to be selected without verification, so Figure 4 For the verified state corresponding to "Selected" shown, in the processing flow of Service C, the number needs to be verified, so Figure 4 For the verified state corresponding to "Selected" shown; then, based on the user information corresponding to the target user, the corresponding extended file is determined, where the user information includes service selection information, that is, according to "Service B" or "Service C" corresponding to the service selection information, the corresponding extended file is determined; for Service B, the selected number is highlighted based on the extended file file_B, that is, the target component is extended on the basis of the base file; for Service C, on the basis of the number passing the verification, the display content of the button is changed based on the extended file file_C, so that custom functions and / or custom styles can be implemented on the basis of the initial component state.

[0057] Step S103: Obtain a target display interface according to the extended file, and the target display interface is used to display the target component.

[0058] Exemplarily, the target display interface is used to display the target component. Based on the extended file, the custom extension of the target component in terms of custom functions and / or custom styles can be realized on the basis of the initial component state of the target component, and then the corresponding target display interface is obtained. More specifically, for example, Figure 5Schematic diagram of a target component displayed on a target display interface provided by an embodiment of the present application, as follows Figure 5 shown, in Figure 5 (a), Service B provides a function for users to query number information. For the "Select Number" target component, when the user selects the number 123456789 in the input box, the target display interface highlights the number 123456789 correspondingly. For example, an "underline" is displayed below the number "123456789". Further, the number information corresponding to the number 123456789 can be displayed simultaneously; in Figure 5 (b), Service C provides a function for users to change number services, such as changing the number type. For the "Select Number" target component, since it involves changing the number service, the business process requires the number to be verified. When the user selects the corresponding number 123456789 in the input box and the number passes the verification, it is necessary to display the selected state of the number, that is, "Selected". Further, the specific service change content is displayed correspondingly.

[0059] In another possible implementation manner, Figure 6 is Figure 2 a schematic diagram of the specific implementation steps of step S103 in the embodiment shown, as Figure 6 shown. The specific implementation steps of step S103 include:

[0060] Step S1031, obtain the interface rendering duration according to the extension file.

[0061] Step S1032, if the interface rendering duration is greater than or equal to the preset rendering duration, obtain the first display interface corresponding to the initial component state.

[0062] Step S1033, if the interface rendering duration is less than the preset rendering duration, obtain the second display interface corresponding to the extended component state.

[0063] Exemplarily, the target display interface includes a first display interface and a second display interface. To prevent the target service corresponding to the target component from not being displayed on the target display interface due to interface rendering timeout, when obtaining the target display interface according to the extension file, the interface rendering duration is obtained synchronously, and then the corresponding target display interface is determined according to the size relationship between the interface rendering duration and the preset rendering duration. More specifically, for example, as Figure 5 shown, in Figure 5In (a), Service B provides users with a function to query number information. The extended function corresponding to the extended file is to highlight the selected number to facilitate users to view the content displayed on the display interface. Then, by comparing the obtained interface rendering duration with the preset rendering duration, if the interface rendering duration is greater than or equal to the preset rendering duration, the first display interface corresponding to the initial component state is obtained, that is, the page rendering based on the extended component state is cancelled to provide the display content corresponding to the target component for the user in a timely manner. If the interface rendering duration is less than the preset rendering duration, the second display interface corresponding to the extended component state is obtained, that is, the selected number is highlighted.

[0064] Further, if the interface rendering duration is greater than or equal to the preset rendering duration, two options can be provided for the user: re-render according to the extended file to obtain the target display interface; or directly obtain the first display interface corresponding to the initial component state.

[0065] In the steps of this embodiment, by synchronously obtaining the interface rendering duration for loading the extended file, the interface rendering progress is monitored in real time. Then, according to the magnitude relationship between the interface rendering duration and the preset rendering duration, the target display interface to be displayed is determined. That is, when the interface rendering duration is greater than or equal to the preset rendering duration, in order not to affect the user's work progress, the page rendering based on the extended component state is cancelled, and the first display interface corresponding to the initial component state is provided for the user. When the interface rendering duration is less than the preset rendering duration, the second display interface corresponding to the extended component state is provided for the user.

[0066] In this embodiment, by loading the base file of the target component, the base file is used to represent the initial component state of the target component, and the initial component state includes the initial function and / or initial style of the target component. According to the base file and the user information corresponding to the target user, the extended file is determined. The extended file represents the extended component state of the target component, and the extended component state includes the custom function and / or custom style implemented on the basis of the initial component state. According to the extended file, the target display interface is obtained, and the target display interface is used to display the target component. On the basis of loading the base file, combined with the user information, the extended component state of the target component is correspondingly determined. Furthermore, on the basis of not changing the base file, the display state of the target component is extended with custom functions and / or custom styles through the extended file, providing the extended component state of the customized target component for the user, that is, solving the problem of low efficiency in changing the user's display interface.

[0067] Figure 7 It is a flowchart of the display interface update method provided for another embodiment of this application. As Figure 7 shown, the display interface update method provided in this embodiment is in Figure 2Based on the display interface update method provided by the illustrated embodiment, step S102 is further refined. Herein, the user information includes user interaction information, and the user interaction information represents the control operation instructions of the target user on the initial display interface. Then, the display interface update method provided by this embodiment includes the following steps:

[0068] Step S201, load the base file of the target component. The base file is used to represent the initial component state of the target component, and the initial component state includes the initial function and / or initial style of the target component.

[0069] Step S202, obtain at least two tasks to be processed according to the base file.

[0070] Step S203, obtain the type of task to be processed according to the user interaction information and the tasks to be processed. The type of task to be processed is used to indicate the priority of the task to be processed.

[0071] Exemplarily, according to the base file, the specific function to be implemented by the target component, that is, the specific content displayed on the display interface, can be determined, and then at least two tasks to be processed can be obtained, such as "user type" and "number type". Further, based on the control operation instructions of the target user on the initial display interface, the task processing logic corresponding to the task to be processed is selected, that is, the type of task to be processed is obtained, which is also the priority of the task to be processed. For example, if the task processing logic logic_1 is to determine the number type according to the user type, then the priority of the task to be processed "user type" is higher than the priority of the task to be processed "number type"; if the task processing logic logic_2 is to determine the user type according to the number type, then the priority of the task to be processed "number type" is higher than the priority of the task to be processed "user type".

[0072] Step S204, load the set of extension files, and the set of extension files includes at least two extension files.

[0073] Step S205, determine the extension file according to the type of task to be processed and the set of extension files.

[0074] Exemplarily, a set of extension files is loaded, and the set of extension files includes at least two extension files. Then, according to the type of task to be processed and the set of extension files, an extension file is determined, that is, according to the priority of the task to be processed, the corresponding extension file is determined from at least two extension files. More specifically, for example, according to the fact that the priority of the task to be processed "user type" is higher than the priority of the task to be processed "number type", the corresponding extension file file_1 is determined. The extension file file_1 stipulates that the position where "user type" is displayed is before the position where "number type" is displayed; according to the fact that the priority of the task to be processed "number type" is higher than the priority of the task to be processed "user type", the corresponding extension file file_2 is determined. The extension file file_1 stipulates that the position where "number type" is displayed is before the position where "user type" is displayed.

[0075] In the steps of this embodiment, without changing the base file or adding a new base file, the position adjustment of at least two tasks to be processed (page elements) in the initial display interface is completed based on the extension file, providing the user with the extended component state of the customized target component, and solving the problem of low efficiency in changing the user's display interface.

[0076] In another possible implementation, according to the base file, task processing information corresponding to at least one task to be processed is obtained, and the task processing information represents the task processing process of the task to be processed; according to the task processing information and the user interaction information, an extension file is determined. More specifically, for example, according to the base file, the specific function to be implemented by the target component can be determined, that is, the input content in the input box in the display interface is verified in real time, which is also the task processing process of the task to be processed; by monitoring the keyboard key-up event corresponding to the user interaction information, the real-time verification of the input content can be realized, and then the extension file based on listening to the keyboard event is determined. That is, on the basis that the base file only provides the input box blur event and does not provide the function of listening to the keyboard event, the function of listening to the keyboard event can be supplemented through the extension file, avoiding changing the base file or adding a new base file, and directly providing the user with the extended component state of the customized target component, and solving the problem of low efficiency in changing the user's display interface.

[0077] Step S206, according to the extension file, obtain a target display interface for displaying the target component.

[0078] In this embodiment, the implementation manners of step S201 and step S206 are the same as those of step S101 and step S103 in the embodiment Figure 2 shown in this application, and will not be elaborated here one by one.

[0079] Figure 8The flowchart of the display interface update method provided by another embodiment of this application is as follows. Figure 8 As shown, the display interface update method provided by this embodiment further refines step S102 on the basis of the display interface update method provided by the embodiment shown in Figure 2 wherein the user information includes user identity information, and the user identity information represents the login verification identifier for the target user to log in to the target system. Then, the display interface update method provided by this embodiment includes the following steps:

[0080] Step S301: Load the basic file of the target component. The basic file is used to represent the initial component state of the target component, and the initial component state includes the initial function and / or initial style of the target component.

[0081] Step S302: Obtain user permission information according to the user identity information. The user permission information represents the operation rules of the target user for the target system.

[0082] Exemplarily, the user information includes user identity information, and the user identity information represents the login verification identifier for the target user to log in to the target system. For users of different ranks, there are differences in the processing flow of the same business. For example, for business D, junior users correspond to junior permissions, so junior users need to fill in all input boxes in business D. Intermediate users correspond to intermediate permissions, so intermediate users do not need to fill in all input boxes in business D, but only need to fill in the input boxes marked with "*", where "*" represents that the corresponding input box at that position must be filled. More specifically, for example, for business D, based on the login verification identifier of the target user logging in to the target system, the rank of the target user can be determined. For example, when the login verification identifier of target user user_a logging in to the target system is label_1, it is correspondingly determined that the rank of target user user_a is junior, and then target user user_a needs to fill in all input boxes in business D; when the login verification identifier of target user user_b logging in to the target system is label_2, it is correspondingly determined that the rank of target user user_b is intermediate, and then target user user_b does not need to fill in all input boxes in business D, but only needs to fill in the input boxes marked with "*".

[0083] Step S303: Determine the extension file according to the basic file and the user permission information.

[0084] Exemplarily, based on the initial component state of the target component corresponding to the base file, all input boxes in Service D carry "*". Then, in combination with the user permission information, the corresponding extension file is determined. More specifically, for example, for a junior user, the "*" corresponding to each input box is not hidden, and the extension file is an empty file, that is, the target component is not extended in terms of component state. For an intermediate user, the "*" corresponding to a preset part of the input boxes needs to be hidden, that is, the corresponding extension file is determined, and this extension file is used to hide the "*" based on preset rules, where "*" represents that the input box at the corresponding position must be filled.

[0085] In the steps of this embodiment, without changing the base file or adding a new base file, the change of the initial display interface according to the user permission information is completed through the extension file, directly providing the extended component state of the customized target component for the user, and solving the problem of low efficiency in changing the user's display interface.

[0086] Step S304, according to the extension file, obtain the target display interface, and the target display interface is used to display the target component.

[0087] In this embodiment, the implementation manners of step S301 and step S304 are the same as those of step S101 and step S103 in the embodiment Figure 2 shown in this application, and will not be elaborated here one by one.

[0088] In the above embodiment, the process of determining the extension file according to the base file and the user information corresponding to the target user is to select the corresponding extension file from at least two extension files according to the base file and the user information corresponding to the target user. Furthermore, on the basis of the above embodiment, this embodiment relates to the process of obtaining the extension file.

[0089] Figure 9 It is one of the flowcharts for obtaining the extension file provided by the embodiment of this application. As Figure 9 shown, before determining the extension file according to the base file and the user information corresponding to the target user, it further includes:

[0090] Step S401, obtain at least two to-be-processed tasks in the initial display interface.

[0091] Step S402, according to the processing processes of at least one user for at least two to-be-processed tasks, obtain the task processing order, and the number of processing times of the processing process is at least once.

[0092] Step S403, according to the task processing order, obtain the extension file.

[0093] Exemplarily, for at least two to-be-processed tasks displayed in the initial display interface, by determining the user's habit of processing these at least two to-be-processed tasks according to the task processing order of the user for these at least two to-be-processed tasks, and then obtaining a corresponding extended file according to the user's habit. More specifically, for example, for at least two to-be-processed tasks task_1 and task_2 displayed in the initial display interface, in the layout of the initial display interface, the display position of task_1 is before the display position of task_2. According to the processing process of at least one user for task_1 and task_2 at least once, the corresponding user processing habit is obtained, and the display positions of task_1 and task_2 are adjusted, that is, the corresponding extended file is obtained. For example, in the actual user task processing process, the user is more inclined to process task_2 first and then task_1. Without modifying or adding to the basic file, the display positions of task_1 and task_2 can be adjusted through the extended file.

[0094] Figure 9 The illustrated embodiment is used to implement Figure 7 Step S204 in the illustrated embodiment, that is, by Figure 9 obtaining at least two extended files through the illustrated embodiment, and then implementing the loading process of the extended file set for step S204.

[0095] In the steps of this embodiment, by obtaining the actual processing habit of the user for the to-be-processed task and generating a corresponding extended file, the extended component state of the customized target component is directly provided for the user without changing the basic file or adding a new basic file, solving the problem of low efficiency in changing the user's display interface.

[0096] Figure 10 This is the second flowchart for obtaining the extended file provided by the embodiment of the present application. As Figure 10 shown, before determining the extended file according to the basic file and the user information corresponding to the target user, it further includes:

[0097] Step S501, obtaining at least two sub-display areas in the initial display interface, and the same to-be-processed task is displayed in each sub-display area.

[0098] Step S502, obtaining the target display area according to the interaction process of at least one user with at least two sub-display areas, and the number of interaction times of the interaction process is at least once.

[0099] Step S503, obtaining the extended file according to the target display area.

[0100] Exemplarily, before the official system release, the operation habits of users are recorded through a test system. That is, for the task to be processed, it is displayed in a divided area on the initial display interface of the test system, that is, the same task to be processed is displayed in at least two sub-display areas. Then, according to the interaction process of at least one user with at least two sub-display areas, a target display area is obtained, that is, it is obtained that the user is more accustomed to processing the task to be processed in this sub-display area. Wherein, the number of interactions in the interaction process is at least once. Then, according to the target display area, an extended file is obtained, and this extended file is used to change the position corresponding to the task to be processed determined based on the base file. More specifically, for example, Figure 11 is a schematic diagram of divided area display provided by an embodiment of the present application, as Figure 11 shown, for the task to be processed task_3, it is simultaneously displayed in area_1, area_2, and area_3 in the initial display interface. Then, according to the interaction process of at least one user with these three sub-display areas, it is determined that the user is more accustomed to processing the task to be processed task_3 in the sub-display area area_2. The display position of the task to be processed task_3 determined by the base file is the sub-display area area_1. Then, according to the sub-display area area_2, the corresponding extended file is obtained, that is, this extended file is used to change the display position of the task to be processed task_3.

[0101] Figure 10 The embodiment shown is used to implement Figure 7 the step S204 in the embodiment shown, that is, by Figure 10 the embodiment shown, at least two extended files are obtained, and then the loading process of the extended file set for implementing step S204 is realized.

[0102] In the steps of this embodiment, by obtaining that the user is more accustomed to processing the task to be processed in at least one sub-display area, a corresponding extended file is generated, so as to directly provide the extended component state of the customized target component for the user without changing the base file or adding a new base file, and solve the problem of low efficiency in changing the user's display interface.

[0103] Figure 12 is a schematic structural diagram of a display interface update device provided by an embodiment of the present application, as Figure 12 shown, the display interface update device 6 provided in this embodiment includes:

[0104] A loading module 61, configured to load the base file of the target component, and the base file is used to characterize the initial component state of the target component, and the initial component state includes the initial function and / or initial style of the target component;

[0105] A processing module 62, configured to determine an extended file according to a base file and user information corresponding to a target user, where the extended file represents an extended component state of a target component, and the extended component state includes custom functions and / or custom styles implemented on the basis of an initial component state;

[0106] A determining module 63, configured to obtain a target display interface according to the extended file, where the target display interface is used to display the target component.

[0107] Optionally, for the display interface updating device 6 as above, the user information includes user interaction information, and the user interaction information represents a control operation instruction performed by the target user on the initial display interface; specifically, the processing module 62 is configured to: obtain at least two tasks to be processed according to the base file; obtain a type of task to be processed according to the user interaction information and the tasks to be processed, where the type of task to be processed is used to indicate the priority of the tasks to be processed; and determine the extended file according to the type of task to be processed.

[0108] Optionally, for the display interface updating device 6 as above, the user information includes user identity information, and the user identity information represents a login verification identifier for the target user to log in to the target system; specifically, the processing module 62 is configured to: obtain user permission information according to the user identity information, where the user permission information represents an operation rule of the target user for the target system; and determine the extended file according to the base file and the user permission information.

[0109] Optionally, for the display interface updating device 6 as above, before determining the extended file according to the base file and user information corresponding to the target user, the processing module 62 is further configured to: obtain at least two tasks to be processed in the initial display interface; obtain a task processing order according to the processing processes of at least two tasks to be processed by at least one user, where the number of processing times of the processing process is at least once; and obtain the extended file according to the task processing order.

[0110] Optionally, for the display interface updating device 6 as above, before determining the extended file according to the base file and user information corresponding to the target user, the processing module 62 is further configured to: obtain at least two sub-display areas in the initial display interface, where the same task to be processed is displayed in each sub-display area; obtain a target display area according to the interaction processes of at least two sub-display areas by at least one user, where the number of interaction times of the interaction process is at least once; and obtain the extended file according to the target display area.

[0111] Optionally, for the display interface updating device 6 as above, the processing module 62 is further configured to: obtain task processing information corresponding to at least one task to be processed according to the base file, where the task processing information represents the task processing process of the task to be processed; and determine the extended file according to the task processing information and the user interaction information.

[0112] Optionally, for the display interface update device 6 as described above, the target display interface includes a first display interface and a second display interface. The determining module 63 is specifically configured to: obtain the interface rendering duration according to the extension file; if the interface rendering duration is greater than or equal to the preset rendering duration, obtain the first display interface corresponding to the initial component state; if the interface rendering duration is less than the preset rendering duration, obtain the second display interface corresponding to the extended component state.

[0113] Among them, the loading module 61, the processing module 62, and the determining module 63 are connected in sequence. The display interface update device 6 provided in this embodiment can execute the technical solutions of the method embodiments shown in Figures 2 - 11 any one of them. The implementation principles and technical effects are similar and will not be elaborated here.

[0114] Figure 13 The following is a schematic diagram of an electronic device provided by an embodiment of the present application. As Figure 13 shown, the electronic device 7 provided in this embodiment includes: a processor 71, and a memory 72 communicatively connected to the processor 71.

[0115] Among them, the memory 72 stores computer execution instructions;

[0116] The processor 71 executes the computer execution instructions stored in the memory 72 to implement the display interface update method provided in any one of the embodiments corresponding to the present application Figures 2 - 11 corresponding to the embodiments.

[0117] Among them, the memory 72 and the processor 71 are connected through a bus 73.

[0118] For relevant descriptions, reference can be made to the relevant descriptions and effects corresponding to the steps in the corresponding embodiments, and details will not be elaborated here. Figures 2 - 11 corresponding to the embodiments.

[0119] An embodiment of the present application provides a computer-readable storage medium. The computer-readable storage medium stores computer execution instructions, and when the computer execution instructions are executed by a processor, they are used to implement the display interface update method provided in any one of the embodiments corresponding to the present application Figures 2 - 11 corresponding to the embodiments.

[0120] Among them, the computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0121] An embodiment of the present application provides a computer program product, including a computer program. When the computer program is executed by a processor, it implements the display interface update method provided in any one of the embodiments corresponding to the present application Figures 2 - 11 corresponding to the embodiments.

[0122] Figure 14 It is a block diagram of a terminal device shown in an exemplary embodiment of the present application. The terminal device 800 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, etc.

[0123] The terminal device 800 may include one or more of the following components: a processing component 802, a memory 804, a power component 806, a multimedia component 808, an audio component 810, an input / output (I / O) interface 812, a sensor component 814, and a communication component 816.

[0124] The processing component 802 generally controls the overall operation of the terminal device 800, such as operations associated with display, telephone calls, data communication, camera operations, and recording operations. The processing component 802 may include one or more processors 820 to execute instructions to complete all or part of the steps of the above methods. In addition, the processing component 802 may include one or more modules to facilitate the interaction between the processing component 802 and other components. For example, the processing component 802 may include a multimedia module to facilitate the interaction between the multimedia component 808 and the processing component 802.

[0125] The memory 804 is configured to store various types of data to support the operation of the terminal device 800. Examples of these data include instructions for any application or method operating on the terminal device 800, contact data, phone book data, messages, pictures, videos, etc. The memory 804 may be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, a magnetic disk, or an optical disk.

[0126] The power component 806 provides power to the various components of the terminal device 800. The power component 806 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the terminal device 800.

[0127] The multimedia component 808 includes a screen that provides an output interface between the terminal device 800 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen can be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touches, swipes, and gestures on the touch panel. The touch sensors can sense not only the boundaries of touch or swipe actions but also detect the duration and pressure associated with the touch or swipe operation. In some embodiments, the multimedia component 808 includes a front camera and / or a rear camera. When the terminal device 800 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera can receive external multimedia data. Each of the front camera and the rear camera can be a fixed optical lens system or have a focal length and optical zoom capabilities.

[0128] The audio component 810 is configured to output and / or input audio signals. For example, the audio component 810 includes a microphone (MIC) that is configured to receive external audio signals when the terminal device 800 is in an operating mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals can be further stored in the memory 804 or transmitted via the communication component 816. In some embodiments, the audio component 810 further includes a speaker for outputting audio signals.

[0129] The I / O interface 812 provides an interface between the processing component 802 and a peripheral interface module, which can be a keyboard, a click wheel, buttons, etc. These buttons can include but are not limited to: a home button, a volume button, a power button, and a lock button.

[0130] The sensor component 814 includes one or more sensors for providing status assessments of various aspects of the terminal device 800. For example, the sensor component 814 can detect the on / off state of the terminal device 800, the relative positioning of components, such as the display and the keypad of the terminal device 800. The sensor component 814 can also detect a change in the position of the terminal device 800 or a component of the terminal device 800, the presence or absence of user contact with the terminal device 800, the orientation or acceleration / deceleration of the terminal device 800, and a change in the temperature of the terminal device 800. The sensor component 814 can include a proximity sensor configured to detect the presence of nearby objects without any physical contact. The sensor component 814 can also include a light sensor, such as a CMOS or a CCD image sensor, for use in imaging applications. In some embodiments, the sensor component 814 can further include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.

[0131] The communication component 816 is configured to facilitate communication between the terminal device 800 and other devices in a wired or wireless manner. The terminal device 800 can access a wireless network based on a communication standard, such as WiFi, 3G, 4G, 5G, or other standard communication networks, or a combination thereof. In an exemplary embodiment, the communication component 816 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 816 further includes a Near Field Communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on Radio Frequency Identification (RFID) technology, Infrared Data Association (IrDA) technology, Ultra Wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.

[0132] In an exemplary embodiment, the terminal device 800 can be implemented by one or more Application Specific Integrated Circuits (ASICs), Digital Signal Processors (DSPs), Digital Signal Processing Devices (DSPDs), Programmable Logic Devices (PLDs), Field Programmable Gate Arrays (FPGAs), controllers, microcontrollers, microprocessors, or other electronic components for performing the methods provided in any of the embodiments corresponding to the present application Figures 2 - 11 described above.

[0133] In an exemplary embodiment, a non-transitory computer-readable storage medium including instructions is also provided, such as a memory 804 including instructions, and the above instructions can be executed by a processor 820 of the terminal device 800 to complete the above method. For example, the non-transitory computer-readable storage medium can be a ROM, Random Access Memory (RAM), CD-ROM, magnetic tape, floppy disk, and optical data storage device, etc.

[0134] An embodiment of the present application also provides a non-transitory computer-readable storage medium, when the instructions in the storage medium are executed by a processor of the terminal device, enabling the terminal device 800 to execute the methods provided in any of the embodiments corresponding to the present application Figures 2 - 11 described above.

[0135] In several embodiments provided by the present application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are merely illustrative. For example, the division of modules is only a logical function division, and there can be other division methods in actual implementation. For example, multiple modules or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point, the displayed or discussed couplings or direct couplings or communication connections to each other can be through some interfaces, and the indirect couplings or communication connections of devices or modules can be in electrical, mechanical, or other forms.

[0136] It should be noted that, for the foregoing method embodiments, for the sake of simple description, they are all expressed as a series of action combinations. However, those skilled in the art should know that this application is not limited by the described action sequence, because according to this application, certain steps can be performed in other sequences or simultaneously. Secondly, those skilled in the art should also know that the embodiments described in the specification are all optional embodiments, and the actions and modules involved are not necessarily essential to this application.

[0137] It should be further noted that although the steps in the flowchart are shown in sequence according to the indication of the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless there is a clear description 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 flowchart may include multiple sub-steps or multiple stages. These sub-steps or stages are not necessarily executed at the same moment, but can be executed at different moments. The execution order of these sub-steps or stages is not necessarily sequential, but can be executed alternately or in turn with at least a part of other steps or sub-steps or stages of other steps.

[0138] It should be understood that the foregoing device embodiments are merely illustrative, and the devices of this application can also be implemented in other ways. For example, the division of units / modules in the foregoing embodiments is only a logical function division, and there can be other division methods in actual implementation. For example, multiple units, modules or components can be combined, or can be integrated into another system, or some features can be ignored or not executed.

[0139] In addition, without special description, in each embodiment of this application, each functional unit / module can be integrated in one unit / module, or each unit / module can exist physically alone, or two or more units / modules can be integrated together. The above integrated unit / module can be implemented in the form of hardware or in the form of a software program module.

[0140] When the integrated unit / module is implemented in the form of hardware, the hardware can be a digital circuit, an analog circuit, etc. The physical implementation of the hardware structure includes but is not limited to transistors, memristors, etc. Unless otherwise specified, the processor can be any suitable hardware processor, such as a CPU, GPU, FPGA, DSP, and ASIC, etc. Unless otherwise specified, the storage unit can be any suitable magnetic storage medium or magneto-optical storage medium, such as a resistive random access memory (RRAM), a dynamic random access memory (DRAM), a static random access memory (SRAM), an enhanced dynamic random access memory (EDRAM), a high-bandwidth memory (HBM), a hybrid memory cube (HMC), etc.

[0141] When the integrated unit / module is implemented in the form of a software program module and sold or used as an independent product, it can be stored in a computer-readable memory. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or all or part of this technical solution, can be embodied in the form of a software product. This computer software product is stored in a memory and includes several instructions to enable a computer device (which can be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the methods of the various embodiments of this application. And the aforementioned memory includes: USB flash drives, read-only memories (ROMs), random access memories (RAMs), external hard drives, magnetic disks, or optical discs, etc., which are various media that can store program codes.

[0142] In the above embodiments, the descriptions of the various embodiments have their own focuses. For the parts not detailed in a certain embodiment, reference can be made to the relevant descriptions of other embodiments. The technical features of the above embodiments can be combined arbitrarily. For the sake of brevity of 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 within the scope described in this specification.

[0143] Other embodiments of the present application will be readily apparent to those skilled in the art upon considering the specification and practicing the invention disclosed herein. The present application is intended to cover any variations, uses, or adaptations of the present application, which follow the general principles of the present application and include known common general knowledge or conventional technical means in the technical field not disclosed in the present application. The specification and examples are only illustrative, and the true scope and spirit of the present application are pointed out by the following claims.

[0144] It should be understood that the present application is not limited to the exact structures described above and shown in the drawings, and various modifications and changes can be made without departing from its scope. The scope of the present application is only limited by the appended claims.

Claims

1. A display interface updating method, characterized in that: The method comprises: Loading a basic file of a target component, wherein the basic file is used to represent an initial component state of the target component, wherein the initial component state includes an initial function and / or an initial style of the target component; Determine an extension file according to the basic file and user information corresponding to the target user, wherein the extension file represents an extension component state of the target component, and the extension component state includes a custom function and / or a custom style implemented based on the initial component state; A target display interface is obtained according to the extension file, and the target display interface is used to display the target component.

2. The method according to claim 1, characterized in that The user information includes user interaction information, and the user interaction information represents the control operation instructions performed by the target user on the initial display interface; The step of determining the extension file according to the basic file and the user information corresponding to the target user includes: According to the basic file, at least two tasks to be processed are obtained; Obtaining a type of the task to be processed according to the user interaction information and the task to be processed, wherein the type of the task to be processed is used to indicate a priority of the task to be processed; The extension file is determined according to the type of the task to be processed.

3. The method according to claim 1, characterized in that The user information includes user identity information, and the user identity information represents a login verification identifier of the target user logging into the target system; The step of determining the extension file according to the basic file and the user information corresponding to the target user includes: Obtaining user authority information according to the user identity information, wherein the user authority information represents the operation rules of the target user on the target system; The extension file is determined according to the basic file and the user authority information.

4. The method according to claim 1, characterized in that: Before determining the extended file according to the basic file and the user information corresponding to the target user, the method further includes: Obtain at least two pending tasks in the initial display interface; Obtaining a task processing order according to a processing process of at least two of the tasks to be processed by at least one user, wherein the processing process is processed at least once; The extension file is obtained according to the task processing order.

5. The method according to claim 1, characterized in that Before determining the extended file according to the basic file and the user information corresponding to the target user, the method further includes: Acquire at least two sub-display areas in the initial display interface, wherein the sub-display areas both display the same task to be processed; Obtaining a target display area according to an interaction process of at least one user on at least two of the sub-display areas, wherein the number of interactions in the interaction process is at least one; The extension file is obtained according to the target display area.

6. The method according to claim 2, characterized in that The method further comprises: Obtaining task processing information corresponding to at least one task to be processed according to the basic file, wherein the task processing information represents a task processing process of the task to be processed; The extension file is determined according to the task processing information and the user interaction information.

7. The method according to claim 1, characterized in that The target display interface includes a first display interface and a second display interface, and obtaining the target display interface according to the extended file includes: According to the extension file, the interface rendering duration is obtained; If the interface rendering time is greater than or equal to the preset rendering time, obtaining the first display interface corresponding to the initial component state; If the interface rendering time is less than the preset rendering time, the second display interface corresponding to the extended component state is obtained.

8. A display interface updating device, characterized in that: include: A loading module, used for loading a basic file of a target component, wherein the basic file is used for representing an initial component state of the target component, wherein the initial component state includes an initial function and / or an initial style of the target component; A processing module, configured to determine an extension file according to the basic file and user information corresponding to a target user, wherein the extension file represents an extension component state of the target component, wherein the extension component state includes a custom function and / or a custom style implemented based on the initial component state; The determination module is used to obtain a target display interface according to the extension file, and the target display interface is used to display the target component.

9. An electronic device, characterized in that: include: A processor, and a memory communicatively connected to the processor; The memory stores computer-executable instructions; The processor executes the computer-executable instructions stored in the memory to implement the method according to any one of claims 1 to 7.

10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer-executable instructions, which are used to implement the method according to any one of claims 1 to 7 when executed by a processor.

Images