A method, apparatus and electronic device for generating an interface
By obtaining the interface parameters and differences that the system presets, an interface that meets the target requirements is generated, which solves the problems of repetitive development and tedious maintenance of the system, realizes flexible switching and configuration of the interface in different scenarios, and reduces development costs and time.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- CHINA CONSTRUCTION BANK
- Filing Date
- 2021-12-01
- Publication Date
- 2026-07-03
AI Technical Summary
In existing technologies, the system display interface is difficult to meet the different application needs of different target objects in different scenarios, resulting in a large amount of repetitive development work and cumbersome later maintenance.
By obtaining the display parameters and difference parameters of the first interface preset by the system, a second interface that meets the target requirements is generated, enabling quick switching and flexible configuration of the system interface.
It effectively lowers the development threshold, shortens development time and costs, solves the problems of repetitive development and tedious maintenance work, and enables the fulfillment of business needs of different target objects in different application scenarios.
Smart Images

Figure CN114115864B_ABST
Abstract
Description
Technical Field
[0001] This application relates to the field of page development technology, and in particular to a method, apparatus and electronic device for generating interfaces. Background Technology
[0002] With the development of the internet, the widespread development and use of systems has brought convenience in various aspects. Typically, the system's interface is pre-defined, but a fixed interface can hardly meet the diverse application needs of different target audiences in different scenarios.
[0003] For example, a system's primary function is to provide a display interface for read and write operations, mainly addressing the business needs of target object A. In different application scenarios, target object B may also have business needs related to modifying the primary function. In this case, existing technologies typically address the business needs of target object B by developing a new display interface for the system.
[0004] However, due to the huge workload of repeated development and the tedious maintenance work in the later stage, it would waste a lot of time and human resources if the system's display interface had to be redeveloped every time. Summary of the Invention
[0005] This application provides a method, apparatus, and electronic device for generating an interface, which enables rapid and flexible switching and configuration of the same system interface, meets the different business needs of different target objects in different scenarios, solves the problems of huge workload and cumbersome maintenance work in the existing technology for repeated system development, and effectively reduces the time cost and human resources spent on configuring system interfaces.
[0006] Firstly, this application provides a method for generating an interface, the method comprising:
[0007] When obtaining the first target requirement, determine the first display parameters of the first interface that the system presets to display;
[0008] After determining the first display parameter, obtain the difference parameter corresponding to the first target requirement;
[0009] Based on the difference parameters and the first display parameters, a second interface that meets the first target requirement is generated.
[0010] In one possible design, determining the first display parameters of the first interface preset to be displayed by the system includes: determining each sub-interface in the first interface preset to be displayed by the system according to preset target requirements; after determining each sub-interface, obtaining the column parameters of each field in the sub-interface, wherein the sub-interface is an interface generated according to the column parameters of each field in the sub-interface; obtaining the layout parameters of each sub-interface in the first interface, thereby obtaining the first display parameters including the layout parameters and the column parameters.
[0011] In one possible design, obtaining the layout parameters of each sub-interface in the first interface includes: obtaining the layout parameters of each sub-interface in the first interface according to the correspondence between the sub-interface and the layout parameters; or determining the position coordinates and size of each sub-interface according to the first target requirement, and then obtaining the layout parameters of each sub-interface in the first interface based on the position coordinates and size of each sub-interface.
[0012] In one possible design, obtaining the difference parameters corresponding to the first target requirement includes: obtaining the difference parameters corresponding to the first target requirement based on the correspondence between the target requirement and the difference parameters.
[0013] In one possible design, obtaining the difference parameters corresponding to the first target requirement includes: identifying the difference sub-interfaces that do not meet the first target requirement in each sub-interface of the first interface; obtaining the layout parameters of the difference sub-interfaces in the first interface to obtain the difference parameters containing the layout parameters.
[0014] In one possible design, identifying the sub-interfaces that do not meet the first objective requirement includes: identifying the sub-fields that do not meet the first objective requirement in each sub-interface of the first interface, and designating the sub-interfaces containing the sub-fields as sub-interfaces with differences; and identifying the sub-interfaces in each sub-interface of the first interface whose layout coordinates and / or size do not meet the first objective requirement, and designating those sub-interfaces as sub-interfaces with differences.
[0015] In one possible design, a second interface that meets the first target requirement is generated based on the difference parameters and the first display parameters, including: modifying the first display parameters based on the difference parameters; and generating the second interface that meets the first target requirement based on the modified first display parameters.
[0016] In one possible design, a second interface that meets the first target requirement is generated based on the difference parameter and the first display parameter, including: determining the difference sub-interface corresponding to the difference parameter based on the correspondence between the difference parameter and the sub-interface; deleting the sub-interface that is the same as the difference sub-interface in the first interface corresponding to the first display parameter, and using the first interface after deleting the sub-interface as the second interface that meets the first target requirement.
[0017] In one possible design, a second interface that meets the first target requirement is generated based on the difference parameters and the first display parameters, including: generating a difference sub-interface based on the difference parameters; adding the difference sub-interface to the first interface corresponding to the first display parameters, and using the first interface after adding the difference sub-interface as the second interface that meets the first target requirement.
[0018] Based on the method provided in this application, by obtaining the difference parameters, a second interface different from the first interface is generated according to the difference parameters based on the first display parameters. This makes the switching of the system display interface more flexible, and enables the provision of display interfaces that meet different target needs according to different business needs of different target objects in different application scenarios. This effectively solves the problem of large workload and cumbersome maintenance caused by the development of a new display interface every time a new target need is required in the existing technology. It effectively reduces the development threshold, shortens the development time, and reduces the development cost.
[0019] Secondly, this application provides an apparatus for generating an interface, the apparatus comprising:
[0020] The module determines the first display parameters of the first interface to be displayed by the system when the first target requirement is obtained;
[0021] The acquisition module, after determining the first display parameter, acquires the difference parameter corresponding to the first target requirement;
[0022] The generation module generates a second interface that meets the first target requirement based on the difference parameters and the first display parameters.
[0023] In one possible design, the determining module is specifically used to determine each sub-interface in the first interface preset to be displayed by the system according to preset target requirements; after determining each sub-interface, obtain the column parameters of each field in the sub-interface to obtain the column parameters of each field in the sub-interface, wherein the sub-interface is an interface generated according to the column parameters of each field in the sub-interface; obtain the layout parameters of each sub-interface in the first interface to obtain a first display parameter including the layout parameters and the column parameters.
[0024] In one possible design, the determining module is specifically used to obtain the layout parameters of each sub-interface in the first interface according to the correspondence between the sub-interface and the layout parameters; or to determine the position coordinates and size of each sub-interface according to the first target requirement, and obtain the layout parameters of each sub-interface in the first interface based on the position coordinates and the size.
[0025] In one possible design, the acquisition module is specifically used to obtain the difference parameters corresponding to the first target requirement based on the correspondence between the target requirement and the difference parameters.
[0026] In one possible design, the acquisition module is specifically used to identify, among the various sub-interfaces of the first interface, the differing sub-interfaces that do not meet the first target requirement; acquire the layout parameters of the differing sub-interfaces in the first interface, and obtain the difference parameters including the layout parameters.
[0027] In one possible design, the acquisition module is specifically used to identify, in each of the sub-interfaces of the first interface, the difference fields that do not meet the first target requirement, and to designate the sub-interfaces containing the difference fields as difference sub-interfaces; and to identify, in each of the sub-interfaces of the first interface, the sub-interfaces whose position coordinates and / or size do not meet the first target requirement, and to designate the sub-interfaces as difference sub-interfaces.
[0028] In one possible design, the generation module is specifically used to modify the first display parameter according to the difference parameter; and generate a second interface that meets the first target requirement based on the modified first display parameter.
[0029] In one possible design, the generation module is specifically used to determine the difference sub-interface corresponding to the difference parameter based on the correspondence between the difference parameter and the sub-interface; in the first interface corresponding to the first display parameter, delete the sub-interface that is the same as the difference sub-interface in the first interface, and use the first interface after deleting the sub-interface as the second interface that meets the first target requirement.
[0030] In one possible design, the generation module is specifically used to generate a difference sub-interface based on the difference parameters; add the difference sub-interface to the first interface corresponding to the first display parameters, and use the first interface after adding the difference sub-interface as the second interface that meets the first target requirement.
[0031] Thirdly, this application provides an electronic device, the electronic device comprising:
[0032] Memory, used to store computer programs;
[0033] When a processor executes a computer program stored in the memory, it implements the above-described method steps for generating an interface.
[0034] Fourthly, this application provides a computer-readable storage medium storing a computer program, which, when executed by a processor, implements the above-described method steps for generating an interface.
[0035] Fifthly, this application also provides a computer program product that, when run on a computer, causes the computer to perform the method described in the first aspect or any possible design of the first aspect.
[0036] For the various aspects of the second to fifth aspects mentioned above, and the technical effects that each aspect may achieve, please refer to the above description of the technical effects that can be achieved for the first aspect or the various possible solutions in the first aspect, which will not be repeated here. Attached Figure Description
[0037] Figure 1 A flowchart of a method for generating an interface provided in this application;
[0038] Figure 2 A schematic diagram of a display interface provided in this application;
[0039] Figure 3 A schematic diagram of a drop-down selection field provided in this application;
[0040] Figure 4 A schematic diagram of a checkbox field provided in this application;
[0041] Figure 5 A schematic diagram of an input field provided in this application;
[0042] Figure 6 A schematic diagram illustrating the determination of a first display parameter provided in this application;
[0043] Figure 7 A schematic diagram of a sub-interface layout provided in this application;
[0044] Figure 8 A schematic diagram of an interface corresponding to the target requirements provided in this application;
[0045] Figure 9 A schematic diagram illustrating a sub-interface layout order provided in this application;
[0046] Figure 10 A schematic diagram illustrating another sub-interface layout order provided in this application;
[0047] Figure 11 A schematic diagram of an interface generation device provided in this application;
[0048] Figure 12 A schematic diagram of the structure of an electronic device provided in this application. Detailed Implementation
[0049] To make the objectives, technical solutions, and advantages of this application clearer, the application will be further described in detail below with reference to the accompanying drawings. The specific operational methods in the method embodiments can also be applied to the device embodiments or system embodiments. It should be noted that in the description of this application, "multiple" is understood as "at least two". "And / or" describes the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A existing alone, A and B existing simultaneously, and B existing alone. A connected to B can represent: A and B directly connected, and A and B connected through C. Furthermore, in the description of this application, terms such as "first" and "second" are used only for distinguishing the purpose of description and should not be construed as indicating or implying relative importance or order.
[0050] This application provides a method, apparatus, and electronic device for displaying an interface. First, when a first target requirement is obtained, a first display parameter for a first interface to be preset for display is determined. Then, according to different target requirements, a difference parameter different from the first display parameter is determined. Finally, a second interface that meets the first target requirement is generated based on the difference parameter and the first display parameter.
[0051] Based on the method provided in the embodiments of this application, the same interface in the system can be quickly and flexibly switched and configured to meet the different business needs of different target objects in different scenarios. This solves the problems of huge workload and cumbersome maintenance work in the existing technology for repeated system development, and effectively shortens the time cost and human resources spent on configuring the system interface.
[0052] The method provided in the embodiments of this application will be further described in detail below with reference to the accompanying drawings.
[0053] See Figure 1 As shown in the figure, this application embodiment provides a method for displaying an interface, and the specific process is as follows:
[0054] Step 101: When obtaining the first target requirement, determine the first display parameters of the first interface preset by the system;
[0055] In this embodiment of the application, when obtaining the first target requirement, the first display parameters of the first interface preset by the system are determined. The first display parameters are determined as follows: according to the preset target requirement, the layout parameters of each sub-interface in the first interface preset by the system for display, and the arrangement order of each sub-interface in the first interface are determined. Then, according to the preset target requirement, the column parameters of each column in each sub-interface are obtained, the column parameters of all columns in each sub-interface are determined, and finally the first display parameters containing the layout parameters and column parameters are obtained. The first display parameters are used to generate the first interface.
[0056] Specifically, the first target requirement refers to the business requirements of the first target group, which includes system users, developers, and maintenance personnel. Business requirements characterize the needs of the target group's application system to complete the corresponding system functions. The first target requirement differs from the preset target requirement in terms of business requirements; that is, the same interface within the same system may display differently. Here, the system can be an application software, including but not limited to business systems, learning systems, and office systems. Its deployment methods include but are not limited to server deployment and local deployment, and its display methods include but are not limited to web pages, client applications, and server applications.
[0057] In addition, the system may include one or more display interfaces, each display interface includes one or more sub-interfaces, and each sub-interface includes one or more fields. The following is a detailed description of a single display interface using a business system with a web page display as an example.
[0058] See Figure 2 The image shows a possible display interface for a business system, which includes three sub-interfaces: the first sub-interface is used to implement the information query function of the business system, the second sub-interface is used to implement the information selection function of the business system, and the third sub-interface is used to implement the information input function of the business system.
[0059] exist Figure 2 The first sub-interface is specifically used to query information from three business systems: Name, Business, and Individual. This information query function can be implemented through text display fields and drop-down selection fields. Taking the Name business system's information query function as an example... Figure 2 As shown, the first sub-interface includes a text display field for "Name Display" and a dropdown selection field for "Search Now". The text display field for "Name Display" is mainly to help the target audience understand the selection options in the "Search Now" dropdown selection field. See also Figure 3 As shown, this is the dropdown menu for "Search Now," which offers four name options for the target object: "First Name," "Second Name," "Third Name," and "Fourth Name." The target object can choose any of these four names.
[0060] exist Figure 2 In the second sub-interface, information is specifically selected from the business system; this selection is achieved through checkboxes. For example... Figure 2 As shown, the second sub-interface includes a checkbox field for "Information Selection," allowing the target user to select one or more types of information within the system. See also... Figure 4As shown, this is the "Information Selection" checkbox field. This field provides the target object with four types of information to choose from: "First Information," "Second Information," "Third Information," and "Fourth Information." The target object can select one or more of these four types of information.
[0061] exist Figure 2 In this context, the third sub-interface is specifically used for inputting information from the business system, and its information input function can be implemented through input box fields. For example... Figure 2 As shown, the third sub-interface includes input fields for "Name" and "Business". See also Figure 5 As shown, this is the "Information Input" field. In this field, you can obtain the specific name and specific business of the target object. For example, you can obtain the "first name" and "first business" of the target object.
[0062] It is worth noting that the display interface of the above-mentioned business system is one possible interface display method, and the columns listed in the sub-interface are also some possible columns; the display interfaces of other business systems or other systems, as well as other columns, can be inferred by those skilled in the art based on the technical solutions provided in the embodiments of this application without creative effort, and will not be specifically described here.
[0063] After the above description of the system's display interface, the following example illustrates the method for determining the first display parameters of the system's preset first interface.
[0064] For example, see Figure 6 As shown in the diagram, to determine the first display parameters, firstly, the column parameters of all columns in each sub-interface of the first interface are determined according to the preset target requirements. Here, the corresponding functions of the sub-interface can be realized by combining one or more columns. Then, the layout parameters of each sub-interface in the first interface are obtained. Finally, the first display parameters containing column parameters and layout parameters are obtained. The first interface can be generated according to the first display parameters.
[0065] In detail, such as Figure 2 As shown, if the first interface corresponding to the preset target requirements of the business system includes information query, information selection, and information input functions, then firstly, the field parameters of all fields in each sub-interface are determined. Taking the second sub-interface as an example, the field parameters of the "Information Selection" checkbox field are obtained. The second sub-interface can then be generated based on these field parameters, and the information selection function of the second sub-interface can be implemented. Next, the layout parameters of each sub-interface are obtained. Layout parameters may include the size of the sub-interface, its coordinate position, and its arrangement order. The display format of each sub-interface is then determined based on these layout parameters. See also... Figure 7 As shown, Figure 7In the middle (a), the arrangement order of the three sub-interfaces is determined according to the first layout parameters. Figure 7 (b) shows the arrangement order of the three sub-interfaces determined according to the second layout parameters; taking the first layout parameters as an example, the first interface that meets the preset target requirements is finally generated based on the first display parameters including the column parameters and the first layout parameters. The first interface can be as follows: Figure 2 The display interface shown.
[0066] In addition, other interfaces can be generated based on the same methodology described above, and other display parameters for these interfaces can be determined.
[0067] Using the above method, the first display parameters of the first interface preset by the system can be determined.
[0068] Step 102: After determining the first display parameter, obtain the difference parameter corresponding to the first target requirement;
[0069] After determining the first display parameters, it is known that the first display interface generated based on the first display parameters cannot meet the first target requirement. In this step, according to the first target requirement, the difference parameters corresponding to the different parts from the preset target requirement are obtained, and then a second interface is generated based on the first display parameters and the difference parameters. Here, the difference parameters represent the parameters corresponding to the different parts of the first interface and the second interface.
[0070] In this embodiment, within each sub-interface of the first interface, sub-interfaces differing from the preset target requirements are determined based on the first target requirement. Then, difference parameters corresponding to the first target requirement are obtained based on these different sub-interfaces. The difference parameters are obtained as follows: first, based on the first target requirement, different sub-interfaces that do not meet the first target requirement are determined in the first interface, along with the difference layout parameters for the arrangement order of each sub-interface in the second interface; then, based on the first target requirement, the difference field parameters for each difference field in each different sub-interface are obtained; finally, the difference parameters, including the difference layout parameters and the difference field parameters, are obtained.
[0071] Specifically, the process of determining and obtaining the difference parameters will be explained in detail below in two cases: column difference and layout order difference.
[0072] It is worth noting that the process of determining the difference parameters corresponding to the difference sub-interface here can be either one of the following two cases, or a combination of the following two cases.
[0073] First scenario:
[0074] When there are differences in the fields in the sub-interfaces, the differences in the fields can be used to determine the field size. These differences can be achieved in various ways, such as deleting fields in the atomic interface, adding new fields in the atomic interface, or modifying the fields in the atomic interface.
[0075] For example, see Figure 8 As shown, firstly, within each sub-interface of the first interface, identify the fields that differ from the first target requirement, and the sub-interfaces containing these fields. For example... Figure 8 As shown in (a), this is the first interface corresponding to the preset target requirement. The first interface includes a first sub-interface, a second sub-interface, and a third sub-interface. If the first target requirement can be characterized as follows... Figure 8 The second interface shown in (b) is based on the first objective requirement. In the first sub-interface, the text display field for "Personal Inquiry" and the dropdown selection field for "Inquire Now" can be designated as difference fields. In the second sub-interface, the checkbox field for "Information Selection" can also be designated as a difference field. Based on these difference fields, the parameters for each field are determined. Then, according to these parameters, the display method of the difference fields in the first interface can be changed: Based on the first objective requirement, the text display field for "Personal Inquiry" in the first interface is modified to a text display box for "Personal Inquiry"; the checkbox field for "Information Selection" in the second interface is deleted.
[0076] Furthermore, the method for determining the difference field parameters based on the difference field can be as follows: the system presets multiple field parameters, and the difference field parameters are determined by selecting the field parameters that meet the target requirements from the preset field parameters. The preset field parameters can be shown in Table 1.
[0077]
[0078] Table 1
[0079] As shown in Table 1, the target object can select the field that meets the target requirements in the field name, and determine the difference parameters that meet the target requirements in the field function parameters, field action parameters, and field description parameters.
[0080] In addition, Table 1 is a specific example of a possible parameter selection provided by the embodiments of this application, and the content therein does not constitute a limitation on the technical method of determining the difference parameter from a variety of preset field parameters.
[0081] The second scenario:
[0082] When the arrangement order of each sub-interface differs, the different layout parameters can be determined based on the different sizes and coordinate positions of each sub-interface.
[0083] For example, see Figure 9As shown, first determine the arrangement order of sub-interfaces that differ from the first target requirement in the first interface, such as... Figure 9 As shown in (a), this is the first interface. Within the first interface, the first sub-interface is at the top, with dimensions of: first length × first width; the second sub-interface is at the bottom, with dimensions of: second length × second width. If the first target requirement can be characterized as follows... Figure 9 The second interface shown in (b) is then determined. Figure 9 The first and second sub-interfaces are considered as different sub-interfaces. Based on the difference in the arrangement order between the two different sub-interfaces, the difference layout parameters are determined. According to the difference layout parameters, the second sub-interface can be adjusted to the top, the first sub-interface can be adjusted to the bottom, and the size of the second sub-interface can be adjusted to: first length × first width.
[0084] Furthermore, the method for determining the difference layout parameters based on the different sub-interface arrangement order can be as follows: the system presets multiple layout parameters, and the difference layout parameters are determined by selecting the layout parameters that meet the target requirements from the preset layout parameters. The preset layout parameters can be shown in Table 2.
[0085]
[0086] Table 2
[0087] As shown in Table 2, the target object first determines the sub-interfaces that do not meet the target requirements, and then sets the size and position coordinates of each sub-interface. The setting rules can be based on one or more preset size or coordinate settings, or they can be set according to the target requirements in the actual application scenario.
[0088] One possible design also includes automatic adjustment of layout parameters for the arrangement order. By setting layout parameters according to preset adjustment rules, the automatic arrangement of sub-interfaces can be achieved. For example... Figure 10 As shown, Figure 10 In diagram (a), the first interface is shown. If the first sub-interface is directly above the first interface, the second sub-interface is slightly below and to the right of the first sub-interface, and there is empty space to the left of the second sub-interface, then the second sub-interface can be automatically moved to the left, adjusting the original first interface to achieve the following result: Figure 10 The second interface shown in (b) is shown in the middle.
[0089] It is worth noting that the preset adjustment rules mentioned in the above examples are only one possible adjustment rule. Other preset adjustment rules may also be included, depending on the actual application. The key point is to automatically adjust the layout parameters according to the preset adjustment rules.
[0090] In addition, Table 2 provides a specific example of a possible method for determining difference parameters in the embodiments of this application. The content therein does not constitute a limitation on the technical method of determining difference layout parameters from a variety of preset layout parameters.
[0091] Using the methods described above, the difference parameters corresponding to the first target requirement can be obtained.
[0092] Step 103: Generate a second interface that meets the first target requirement based on the difference parameters and the first display parameters.
[0093] After obtaining the difference parameters, the sub-interfaces in the first interface that do not meet the first target requirement can be identified. In this embodiment, a second interface that meets the first target requirement can be generated in two ways: one is to modify the first display parameters corresponding to the first interface based on the difference parameters, and then generate the second interface based on the modified first display parameters; the other is to generate the first interface based on the first display parameters, and add the sub-interfaces corresponding to the difference parameters in the first interface, or delete the sub-interfaces corresponding to the difference parameters in the first interface, or modify the atomic interface in the first interface to the sub-interfaces corresponding to the difference parameters, according to the correspondence between the difference parameters and the sub-interfaces.
[0094] Specifically, the first method involves adding difference parameters to the first display parameters, and then generating a second interface based on the first display parameters after adding the difference parameters. The process of generating the second interface includes: if the difference sub-interface generated by the difference parameters does not conflict with any of the sub-interfaces in the first interface generated by the first display parameters, then the difference sub-interface is added to the first interface; if the difference sub-interface generated by the difference parameters conflicts with any of the sub-interfaces in the first interface generated by the first display parameters, then the conflicting sub-interfaces are designated as difference sub-interfaces. Specifically, this can involve deleting the conflicting sub-interfaces in the first interface and / or replacing the conflicting sub-interfaces in the first interface with difference sub-interfaces.
[0095] In the second approach, based on the correspondence between the difference parameters and sub-interfaces, a sub-interface corresponding to the difference parameter is added to the first interface; a sub-interface corresponding to the difference parameter is deleted from the first interface based on the same correspondence; and the atomic interface in the first interface is modified to correspond to the sub-interface of the difference parameter based on the same correspondence. It is worth noting that the add, delete, and modify operations in this approach can be performed independently or in any combination.
[0096] Using the above method, it is not necessary to redevelop the interface based on the first target requirement. Only the difference parameters that differ from the first display parameters need to be identified, and a second interface that meets the first target requirement can be generated based on these difference parameters. This makes the interface generation process more flexible and standardized.
[0097] In one possible design, based on the first objective requirement, second display parameters for the second interface that satisfy the first objective requirement can be determined, and the second display parameters can then be used to generate the second interface. Since the first display parameters of the first interface have been determined in step 101, various display parameters that are different from the column parameters and layout parameters in the first display parameters can be preset here. By selecting the column parameters and layout parameters that satisfy the first objective requirement from the preset display parameters, the second display parameters containing the column parameters and layout parameters can be determined, and the second interface corresponding to the second display parameters can be generated.
[0098] Based on the method provided in the above embodiments of this application, by obtaining the difference parameters, a second interface different from the first interface is generated based on the difference parameters, making the switching of the system display interface more flexible. It can provide display interfaces that meet different target needs according to the different business needs of different target objects in different application scenarios, effectively solving the problem of large workload and cumbersome maintenance caused by the development of a new display interface every time a new target need is needed in the prior art, effectively reducing the development threshold, shortening the development time, and reducing the development cost.
[0099] Based on the same inventive concept, this application also provides a device for generating an interface, which enables rapid and flexible switching and configuration of the same system interface to meet the different business needs of different target objects in different scenarios. This solves the problems of massive workload and cumbersome maintenance associated with repetitive system development in existing technologies, effectively reducing the time and human resources spent configuring system interfaces. See [link to relevant documentation]. Figure 11 The device / system includes:
[0100] Module 111 determines the first display parameters of the first interface preset by the system when obtaining the first target requirement;
[0101] The acquisition module 112, after determining the first display parameter, acquires the difference parameter corresponding to the first target requirement;
[0102] The generation module 113 generates a second interface that meets the first target requirement based on the difference parameters and the first display parameters.
[0103] In one possible design, the determining module 111 is specifically used to determine each sub-interface in the first interface preset to be displayed by the system according to preset target requirements; after determining each sub-interface, obtain the column parameters of each field in the sub-interface to obtain the column parameters of each field in the sub-interface, wherein the sub-interface is an interface generated according to the column parameters of each field in the sub-interface; obtain the layout parameters of each sub-interface in the first interface to obtain a first display parameter including the layout parameters and the column parameters.
[0104] In one possible design, the determining module 111 is specifically used to obtain the layout parameters of each sub-interface in the first interface according to the correspondence between the sub-interface and the layout parameters; or to determine the position coordinates and size of each sub-interface according to the first target requirement, and obtain the layout parameters of each sub-interface in the first interface based on the position coordinates and the size.
[0105] In one possible design, the acquisition module 112 is specifically used to obtain the difference parameters corresponding to the first target requirement based on the correspondence between the target requirement and the difference parameters.
[0106] In one possible design, the acquisition module 112 is specifically used to identify, among the various sub-interfaces of the first interface, the difference sub-interfaces that do not meet the first target requirement; acquire the layout parameters of the difference sub-interfaces in the first interface, and obtain difference parameters including the layout parameters.
[0107] In one possible design, the acquisition module 112 is specifically used to identify, in each of the sub-interfaces of the first interface, the difference fields that do not meet the first target requirement, and to designate the sub-interface containing the difference fields as the difference sub-interface; and to identify, in each of the sub-interfaces of the first interface, the sub-interface whose position coordinates and / or size do not meet the first target requirement, and to designate the sub-interface as the difference sub-interface.
[0108] In one possible design, the generation module 113 is specifically used to modify the first display parameter according to the difference parameter; and generate a second interface that meets the first target requirement based on the modified first display parameter.
[0109] In one possible design, the generation module 113 is specifically used to determine the difference sub-interface corresponding to the difference parameter based on the correspondence between the difference parameter and the sub-interface; in the first interface corresponding to the first display parameter, delete the sub-interface in the first interface that is the same as the difference sub-interface, and use the first interface after deleting the sub-interface as the second interface that meets the first target requirement.
[0110] In one possible design, the generation module 113 is specifically used to generate a difference sub-interface based on the difference parameters; add the difference sub-interface to the first interface corresponding to the first display parameters, and use the first interface after adding the difference sub-interface as the second interface that meets the first target requirement.
[0111] Based on the above device, by acquiring the difference parameters, a second interface different from the first interface is generated based on the difference parameters of the first display parameters. This makes the switching of the system display interface more flexible, and enables the provision of display interfaces that meet different target needs according to the different business needs of different target objects in different application scenarios. This effectively solves the problem of large workload and cumbersome maintenance caused by the development of a new display interface every time a new target need is required in the existing technology. It effectively reduces the development threshold, shortens the development time, and reduces the development cost.
[0112] Based on the same inventive concept, this application also provides an electronic device that can realize the function of the aforementioned interface generation device. (Refer to...) Figure 12 The electronic device includes:
[0113] At least one processor 121 and a memory 122 connected to at least one processor 121. In this embodiment, the specific connection medium between the processor 121 and the memory 122 is not limited. Figure 12 The example shown is the connection between processor 121 and memory 122 via bus 120. Bus 120 is... Figure 12 The connections between other components are shown in thick lines only and are not intended to be limiting. Bus 120 can be divided into address bus, data bus, control bus, etc., for ease of representation. Figure 12 The term 121 is represented by a single thick line, but this does not imply that there is only one bus or one type of bus. Alternatively, processor 121 may also be called controller; there is no restriction on the name.
[0114] In this embodiment, memory 122 stores instructions executable by at least one processor 121. By executing the instructions stored in memory 122, at least one processor 121 can perform the interface generation method described above. Processor 121 can implement... Figure 11 The functions of each module in the device shown.
[0115] The processor 121 is the control center of the device. It can connect to various parts of the control device through various interfaces and lines. By running or executing instructions stored in memory 122 and calling data stored in memory 122, the processor can perform various functions and process data, thereby monitoring the device as a whole.
[0116] In one possible design, processor 121 may include one or more processing units. Processor 121 may integrate an application processor and a modem processor, wherein the application processor mainly handles the operating system, user interface, and applications, and the modem processor mainly handles wireless communication. It is understood that the modem processor may also not be integrated into processor 121. In some embodiments, processor 121 and memory 122 may be implemented on the same chip; in some embodiments, they may also be implemented on separate chips.
[0117] Processor 121 can be a general-purpose processor, such as a central processing unit (CPU), digital signal processor, application-specific integrated circuit, field-programmable gate array or other programmable logic device, discrete gate or transistor logic device, or discrete hardware component, capable of implementing or executing the methods, steps, and logic block diagrams disclosed in the embodiments of this application. The general-purpose processor can be a microprocessor or any conventional processor. The steps of the interface generation method disclosed in the embodiments of this application can be directly manifested as execution by a hardware processor, or execution by a combination of hardware and software modules within the processor.
[0118] Memory 122, as a non-volatile computer-readable storage medium, can be used to store non-volatile software programs, non-volatile computer-executable programs, and modules. Memory 122 may include at least one type of storage medium, such as flash memory, hard disk, multimedia card, card-type memory, random access memory (RAM), static random access memory (SRAM), programmable read-only memory (PROM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), magnetic storage, magnetic disk, optical disk, etc. Memory 122 can be any other medium capable of carrying or storing desired program code in the form of instructions or data structures that can be accessed by a computer, but is not limited thereto. In the embodiments of this application, memory 122 may also be a circuit or any other device capable of implementing storage functions for storing program instructions and / or data.
[0119] By designing and programming the processor 121, the code corresponding to the interface generation method described in the foregoing embodiments can be embedded into the chip, thereby enabling the chip to execute the code during runtime. Figure 1 The steps of the interface generation method in the illustrated embodiment are as follows. How to design and program the processor 121 is a technique well-known to those skilled in the art and will not be described further here.
[0120] Based on the same inventive concept, embodiments of this application also provide a storage medium storing computer instructions that, when executed on a computer, cause the computer to perform the interface generation method described above.
[0121] In some possible implementations, various aspects of the interface generation method provided in this application may also be implemented as a program product comprising program code that, when the program product is run on a device, causes the control device to perform the steps in the interface generation method according to the various exemplary embodiments of this application described above.
[0122] Those skilled in the art will understand that embodiments of this application can be provided as methods, apparatus, or computer program products. Therefore, this application can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, this application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.
[0123] This application is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of this application. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, generate instructions for implementing the flowchart... Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.
[0124] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1 One or more processes and / or boxes Figure 1 The function specified in one or more boxes.
[0125] These computer program instructions may also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the function specified in one or more boxes.
[0126] Obviously, those skilled in the art can make various modifications and variations to this application without departing from the spirit and scope of this application. Therefore, if such modifications and variations fall within the scope of the claims of this application and their equivalents, this application also intends to include such modifications and variations.
Claims
1. A method for generating an interface, characterized in that, The method includes: When obtaining the first target requirement, the first display parameters of the first interface preset by the system are determined; the first display parameters include layout parameters and column parameters; the first interface includes multiple sub-interfaces, and different sub-interfaces are used to implement different functions of the business system; the functions are implemented by a combination of one or more columns in the corresponding sub-interfaces. After determining the first display parameter, the difference parameter corresponding to the first target requirement is obtained; obtaining the difference parameter corresponding to the first target requirement includes: in each sub-interface of the first interface, determining the difference field that does not meet the first target requirement, and determining the difference field parameter based on the difference field; and determining the arrangement order of the sub-interfaces in the first interface that differ from the first target requirement; determining the difference layout parameter based on the difference in the arrangement order of the sub-interfaces; and obtaining the difference parameter that includes the difference layout parameter and the difference field parameter. Based on the difference parameters and the first display parameters, a second interface that meets the first target requirement is generated; generating the second interface that meets the first target requirement includes: modifying or deleting corresponding difference fields in the first interface based on the difference field parameters; and / or adjusting the coordinate position and / or size of the corresponding sub-interfaces in the first interface according to the difference layout parameters; and / or deleting and / or adding sub-interfaces corresponding to the difference parameters in the first interface according to the correspondence between the difference parameters and sub-interfaces; and / or modifying the atomic interface in the first interface to the sub-interface corresponding to the difference parameters according to the correspondence between the difference parameters and sub-interfaces; and using the modified first interface as the second interface.
2. The method for generating an interface according to claim 1, characterized in that, The determination of the first display parameters of the first interface preset to be displayed by the system includes: Based on the preset target requirements, determine the various sub-interfaces in the first interface that the system is preset to display; After determining each sub-interface, the column parameters of each field in the sub-interface are obtained to obtain the column parameters of each field in each sub-interface, wherein the sub-interface is an interface generated based on the column parameters of each field in the sub-interface. Obtain the layout parameters of each sub-interface in the first interface to obtain a first display parameter that includes the layout parameters and the column parameters.
3. The method for generating an interface according to claim 2, characterized in that, The step of obtaining the layout parameters of each sub-interface in the first interface includes: Based on the correspondence between sub-interfaces and layout parameters, obtain the layout parameters of each sub-interface in the first interface; or Based on the first target requirement, the position coordinates and size of each sub-interface are determined, and the layout parameters of each sub-interface in the first interface are obtained based on the position coordinates and size.
4. The method for generating an interface according to claim 1, characterized in that, The step of obtaining the difference parameters corresponding to the first target requirement includes: Based on the correspondence between the target requirement and the difference parameter, the difference parameter corresponding to the first target requirement is obtained.
5. The method for generating an interface according to claim 1, characterized in that, The step of obtaining the difference parameters corresponding to the first target requirement includes: Among the various sub-interfaces of the first interface, identify the sub-interfaces that do not meet the first target requirement; Obtain the layout parameters of the difference sub-interface in the first interface, and obtain the difference parameters including the layout parameters.
6. The method for generating an interface according to claim 5, characterized in that, The step of determining the sub-interfaces that do not meet the first target requirement includes: In each of the sub-interfaces of the first interface, the difference fields that do not meet the first target requirement are identified, and the sub-interfaces containing the difference fields are designated as difference sub-interfaces. Among the various sub-interfaces of the first interface, the sub-interfaces whose arrangement position coordinates and / or size do not meet the first target requirement are identified, and these sub-interfaces are designated as differential sub-interfaces.
7. A method for generating an interface according to any one of claims 1-6, characterized in that, The step of generating a second interface that meets the first target requirement based on the difference parameter and the first display parameter includes: Modify the first display parameter based on the difference parameter; Based on the modified first display parameters, a second interface that meets the first objective requirement is generated.
8. A method for generating an interface according to any one of claims 1-6, characterized in that, The step of generating a second interface that meets the first target requirement based on the difference parameter and the first display parameter includes: Based on the correspondence between the difference parameters and the sub-interfaces, determine the difference sub-interfaces corresponding to the difference parameters; In the first interface corresponding to the first display parameter, delete the sub-interface that is the same as the difference sub-interface in the first interface, and use the first interface after deleting the sub-interface as the second interface that meets the first target requirement.
9. An apparatus for generating an interface, characterized in that, The device includes: The module determines the first display parameters of the first interface preset to be displayed by the system when obtaining the first target requirement; the first display parameters include layout parameters and column parameters; the first interface includes multiple sub-interfaces, and different sub-interfaces are used to implement different functions of the business system; the functions are implemented by a combination of one or more columns in the corresponding sub-interfaces. The acquisition module, after determining the first display parameter, acquires the difference parameter corresponding to the first target requirement; acquiring the difference parameter corresponding to the first target requirement includes: in each sub-interface of the first interface, determining the difference field that does not meet the first target requirement, and determining the difference field parameter based on the difference field; determining the arrangement order of the sub-interfaces in the first interface that differ from the first target requirement; determining the difference layout parameter based on the difference in the arrangement order of the sub-interfaces; and acquiring the difference parameter including the difference layout parameter and the difference field parameter. The generation module generates a second interface that meets the first target requirement based on the difference parameters and the first display parameters. Generating the second interface that meets the first target requirement includes: modifying or deleting corresponding difference fields in the first interface based on the difference field parameters; and / or adjusting the coordinate position and / or size of corresponding sub-interfaces in the first interface based on the difference layout parameters; and / or deleting and / or adding sub-interfaces corresponding to the difference parameters in the first interface based on the correspondence between the difference parameters and sub-interfaces; and / or modifying atomic interfaces in the first interface to the sub-interfaces corresponding to the difference parameters based on the correspondence between the difference parameters and sub-interfaces; and using the modified first interface as the second interface.
10. The apparatus for generating an interface according to claim 9, characterized in that, The acquisition module is specifically used to obtain the difference parameters corresponding to the first target requirement based on the correspondence between the target requirement and the difference parameters.
11. The apparatus for generating an interface according to claim 9, characterized in that, The acquisition module is specifically used to identify, among the various sub-interfaces of the first interface, the difference sub-interfaces that do not meet the first target requirement; and to acquire the layout parameters of the difference sub-interfaces in the first interface to obtain difference parameters including the layout parameters.
12. The apparatus for generating an interface according to claim 9, characterized in that, The acquisition module is specifically used to identify, in each of the sub-interfaces of the first interface, the difference field that does not meet the first target requirement, and to designate the sub-interface containing the difference field as the difference sub-interface; and to identify, in each of the sub-interfaces of the first interface, the sub-interface whose arrangement position coordinates and / or size do not meet the first target requirement, and to designate the sub-interface as the difference sub-interface.
13. The apparatus for generating an interface according to claim 9, characterized in that, The generation module is specifically used to modify the first display parameter according to the difference parameter; and generate a second interface that meets the first target requirement based on the modified first display parameter.
14. An electronic device, characterized in that, include: Memory, used to store computer programs; A processor, when executing a computer program stored in the memory, implements the method of any one of claims 1-8.
15. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program that, when executed by a processor, implements the method described in any one of claims 1-8.
16. A computer program product, characterized in that, When the computer program product is run on a computer, it causes the computer to perform the method as described in any one of claims 1-8.