User interface generation method and device

Abstract

The embodiment of the present application discloses a method and device for generating a user interface, the method comprising: after the server receives the card template information corresponding to the interface identifier sent by the visualization configuration platform, the server can first obtain the resource data corresponding to the card template type, and then generate the user interface configuration data corresponding to the interface identifier according to the resource data corresponding to the card template type carried by the card template information and the card template information, so that after the server receives the interface generation request carrying the interface identifier sent by the client, the server sends the user interface configuration data to the client, so that the client parses the user interface configuration data to generate a user interface. Because the user interface configuration data can be updated accordingly with the update of the card template information, it is only necessary to update the card template information when updating the user interface, without re-editing the interface program, thus realizing flexible development of the user interface.

Description

Technical Field

[0001] The present application relates to the field of computers, and in particular to a method and device for generating a user interface. Background Art

[0002] At present, the development process of user interfaces (e.g., interfaces in applications) is as follows: engineers encode and generate interface programs according to user interface requirements, so that the client can load the user interface by running the interface programs. However, since the interface programs cannot be reused, the interface programs need to be re-edited when the user interface is updated, which results in a lack of flexibility in the user interface development process. Summary of the invention

[0003] In view of this, an embodiment of the present application provides a method and device for generating a user interface, which can flexibly generate a user interface.

[0004] To solve the above problems, the technical solutions provided in the embodiments of the present application are as follows:

[0005] A method for generating a user interface, the method comprising:

[0006] Receive card template information corresponding to the interface identifier sent by the visualization configuration platform, wherein the card template information includes a card template type and a card template association relationship;

[0007] Obtain resource data corresponding to the card template type;

[0008] Generate user interface configuration data corresponding to the interface identifier according to the resource data corresponding to the card template type and the card template information;

[0009] In response to an interface generation request carrying the interface identifier sent by the client, the user interface configuration data is sent to the client, so that the client parses the user interface configuration data to generate a user interface.

[0010] In a possible implementation, the card template information is generated by the visualization configuration platform according to the card template required by the user interface selected by the user using the visualization interface and the association relationship between the card templates.

[0011] In a possible implementation, generating user interface configuration data corresponding to the interface identifier according to resource data corresponding to the card template type and the card template information includes:

[0012] Generate initial structure data according to the card template information;

[0013] Search the data position corresponding to the target card template type in the initial structure data, fill in the resource data corresponding to the target card template type in the data position corresponding to the target card template type, generate user interface configuration data corresponding to the interface identifier, and the target card template type is each of the card template types included in the card template information.

[0014] In a possible implementation, when the card template information is initial structure data, generating user interface configuration data corresponding to the interface identifier according to resource data corresponding to the card template type information and the card template information includes:

[0015] Search the data position corresponding to the target card template type in the initial structure data, fill in the resource data corresponding to the target card template type in the data position corresponding to the target card template type, generate user interface configuration data corresponding to the interface identifier, and the target card template type is each of the card template types included in the card template information.

[0016] A method for generating a user interface, the method comprising:

[0017] Sending an interface generation request carrying an interface identifier to the server;

[0018] Receive user interface configuration data corresponding to the interface identifier sent by the server, where the user interface configuration data corresponding to the interface identifier is generated by the server according to resource data corresponding to a card template type and card template information corresponding to the interface identifier, where the card template information corresponding to the interface identifier is received by the server from a visualization configuration platform, and the card template information includes the card template type and a card template association relationship;

[0019] The user interface configuration data is parsed to generate a user interface.

[0020] In a possible implementation, the parsing the user interface configuration data to generate a user interface includes:

[0021] Parsing the card template type and resource data corresponding to the card template type from the user interface configuration data, and generating instance data corresponding to the card template type;

[0022] The card template association relationship is read from the user interface configuration data, and a user interface is generated according to the card template association relationship and the instance data corresponding to the card template type.

[0023] In a possible implementation, the method further includes:

[0024] In response to a trigger operation by the user, when the target card template is drawn out of the user interface, target instance data is saved in a cache, wherein the target instance data is instance data corresponding to the card template type of the target card template;

[0025] In response to a triggering operation by the user, when the target card template is re-drawn into the user interface, the target instance data is read from the cache, and the target card template is rendered in the user interface using the target instance data.

[0026] In a possible implementation, the card template information is generated by the visualization configuration platform according to the card template required by the user interface selected by the user using the visualization interface and the association relationship between the card templates.

[0027] A user interface generating device, the device comprising:

[0028] A template information receiving unit, used to receive card template information corresponding to the interface identifier sent by the visualization configuration platform, wherein the card template information includes a card template type and a card template association relationship;

[0029] A resource data acquisition unit, used to acquire resource data corresponding to the card template type;

[0030] A configuration data generating unit, configured to generate user interface configuration data corresponding to the interface identifier according to resource data corresponding to the card template type and the card template information;

[0031] The configuration data sending unit is used to send the user interface configuration data to the client in response to the interface generation request carrying the interface identifier sent by the client, so that the client parses the user interface configuration data to generate a user interface.

[0032] In a possible implementation, the card template information is generated by the visualization configuration platform according to the card template required by the user interface selected by the user using the visualization interface and the association relationship between the card templates.

[0033] In a possible implementation, the configuration data generating unit includes:

[0034] A structure data generating subunit, used to generate initial structure data according to the card template information;

[0035] A configuration data generation subunit is used to search for the data position corresponding to the target card template type in the initial structure data, fill in the resource data corresponding to the target card template type in the data position corresponding to the target card template type, and generate user interface configuration data corresponding to the interface identifier, wherein the target card template type is each of the card template types included in the card template information.

[0036] In a possible implementation, when the card template information is initial structure data, the configuration data generating unit is specifically used to:

[0037] Search the data position corresponding to the target card template type in the initial structure data, fill in the resource data corresponding to the target card template type in the data position corresponding to the target card template type, generate user interface configuration data corresponding to the interface identifier, and the target card template type is each of the card template types included in the card template information.

[0038] A user interface generating device, the device comprising:

[0039] A generation request sending unit, used for sending an interface generation request carrying an interface identifier to a server;

[0040] a configuration data receiving unit, configured to receive user interface configuration data corresponding to the interface identifier sent by the server, wherein the user interface configuration data corresponding to the interface identifier is generated by the server according to resource data corresponding to a card template type and card template information corresponding to the interface identifier, wherein the card template information corresponding to the interface identifier is received by the server from a visualization configuration platform, and the card template information includes the card template type and a card template association relationship;

[0041] The user interface generation unit is used to parse the user interface configuration data to generate a user interface.

[0042] In a possible implementation, the user interface generating unit includes:

[0043] An instance data generating subunit, used to parse the card template type and the resource data corresponding to the card template type from the user interface configuration data, and generate instance data corresponding to the card template type;

[0044] The user interface generation subunit is used to read the card template association relationship from the user interface configuration data, and generate a user interface according to the card template association relationship and the instance data corresponding to the card template type.

[0045] In a possible implementation manner, the device further includes:

[0046] An instance data storage unit, configured to save target instance data to a cache in response to a user's triggering operation when the target card template is drawn out of the user interface, wherein the target instance data is instance data corresponding to the card template type of the target card template;

[0047] The instance data reading unit is used to respond to the user's triggering operation, when the target card template is re-drawn into the user interface, read the target instance data from the cache, and render the target card template in the user interface using the target instance data.

[0048] In a possible implementation, the card template information is generated by the visualization configuration platform according to the card template required by the user interface selected by the user using the visualization interface and the association relationship between the card templates.

[0049] A device for generating a user interface includes a memory and one or more programs, wherein the one or more programs are stored in the memory and are configured to be executed by one or more processors. The one or more programs include instructions for performing the following operations:

[0050] Receive card template information corresponding to the interface identifier sent by the visualization configuration platform, wherein the card template information includes a card template type and a card template association relationship;

[0051] Obtain resource data corresponding to the card template type;

[0052] Generate user interface configuration data corresponding to the interface identifier according to the resource data corresponding to the card template type and the card template information;

[0053] In response to an interface generation request carrying the interface identifier sent by the client, the user interface configuration data is sent to the client, so that the client parses the user interface configuration data to generate a user interface.

[0054] A device for generating a user interface includes a memory and one or more programs, wherein the one or more programs are stored in the memory and are configured to be executed by one or more processors. The one or more programs include instructions for performing the following operations:

[0055] Sending an interface generation request carrying an interface identifier to the server;

[0056] Receive user interface configuration data corresponding to the interface identifier sent by the server, where the user interface configuration data corresponding to the interface identifier is generated by the server according to resource data corresponding to a card template type and card template information corresponding to the interface identifier, where the card template information corresponding to the interface identifier is received by the server from a visualization configuration platform, and the card template information includes the card template type and a card template association relationship;

[0057] The user interface configuration data is parsed to generate a user interface.

[0058] A computer-readable medium stores instructions which, when executed by one or more processors, enable a device to execute the first user interface generating method or the second user interface generating method.

[0059] It can be seen that the embodiments of the present application have the following beneficial effects:

[0060] In the user interface generation method provided by the embodiment of the present application, after the server receives the card template information corresponding to the interface identifier sent by the visualization configuration platform, the server can first obtain the resource data corresponding to the card template type, and then generate the user interface configuration data corresponding to the interface identifier based on the resource data corresponding to the card template type carried by the card template information and the card template information, so that after the server receives the interface generation request carrying the interface identifier sent by the client, the server sends the user interface configuration data to the client, so that the client parses the user interface configuration data to generate the user interface. Among them, because the user interface configuration data used to generate the user interface is automatically generated by the server based on the card template information sent by the visualization configuration platform, the user interface configuration data can be updated accordingly with the update of the card template information, so that when updating the user interface, only the card template information needs to be updated, and there is no need to re-edit the interface program, thereby realizing flexible development of the user interface. BRIEF DESCRIPTION OF THE DRAWINGS

[0061] Figure 1 A schematic diagram of a framework of an exemplary application scenario of the user interface generation method provided in an embodiment of the present application;

[0062] Figure 2 A flowchart of a method for generating a user interface applied to a server provided in an embodiment of the present application;

[0063] Figure 3 A flowchart of a method for generating a user interface applied to a client provided in an embodiment of the present application;

[0064] Figure 4A flowchart of another method for generating a user interface applied to a client provided in an embodiment of the present application;

[0065] Figure 5 A flowchart of a method for generating a user interface provided in an embodiment of the present application;

[0066] Figure 6 A schematic diagram of the structure of a user interface generating device provided in an embodiment of the present application;

[0067] Figure 7 A schematic diagram of the structure of another user interface generating device provided in an embodiment of the present application;

[0068] Figure 8 A schematic diagram of the structure of the client provided in the embodiment of the present application;

[0069] Fig. 9 A schematic diagram of the structure of a server provided in an embodiment of the present application. DETAILED DESCRIPTION

[0070] In order to make the above-mentioned objects, features and advantages of the present application more obvious and easy to understand, the embodiments of the present application are further described in detail below in conjunction with the accompanying drawings and specific implementation methods.

[0071] In order to facilitate the understanding and explanation of the technical solutions provided by the embodiments of the present application, the background technology of the present application will be described below.

[0072] The inventors have found in their research on the traditional user interface development process that the traditional user interface development process usually requires first writing an interface program, and then the client runs the interface program to load the user interface. Among them, because the interface program cannot be reused, the interface program needs to be re-edited when the user interface is updated, which leads to the lack of flexibility in the user interface development process.

[0073] Based on this, an embodiment of the present application provides a method for generating a user interface, which includes: after the server receives the card template information corresponding to the interface identifier sent by the visualization configuration platform, the server can first obtain the resource data corresponding to the card template type, and then generate the user interface configuration data corresponding to the interface identifier according to the resource data corresponding to the card template type carried by the card template information and the card template information, so that after the server receives the interface generation request carrying the interface identifier sent by the client, the server sends the user interface configuration data to the client, so that the client parses the user interface configuration data to generate the user interface. Among them, because the user interface configuration data used to generate the user interface is automatically generated by the server based on the card template information sent by the visualization configuration platform, the user interface configuration data can be updated accordingly with the update of the card template information, so that when updating the user interface, only the card template information needs to be updated, and there is no need to re-edit the interface program, thereby realizing flexible development of the user interface.

[0074] In order to facilitate understanding of the user interface generation method provided in the embodiment of the present application, Figure 1 The application scenario of the user interface generation method provided in the embodiment of the present application is described. Figure 1 The schematic diagram of the framework of an exemplary application scenario of the user interface generation method provided in the embodiment of the present application is shown in FIG.

[0075] In actual applications, after the visualization configuration platform 102 obtains the card template information corresponding to the interface identifier, the visualization configuration platform 102 sends the card template information corresponding to the interface identifier to the server 101, so that the server 101 can generate the user interface configuration data corresponding to the interface identifier based on the card template information, and send the user interface configuration data to the client 103, so that the client 103 can parse the user interface configuration data to generate a user interface. The specific process of the server 101 generating the user interface configuration data is as follows: the server 101 first obtains the resource data corresponding to the card template type, and then generates the user interface configuration data corresponding to the interface identifier according to the resource data corresponding to the card template type carried by the card template information and the card template information.

[0076] It should be noted that the visualization configuration platform 102 is independent of the server 101 and the client 103, and the embodiment of the present application does not limit the visualization configuration platform 102. For example, the visualization configuration platform 102 may be a terminal. In addition, the embodiment of the present application does not limit the implementation method of the visualization configuration platform 102 obtaining the card template information corresponding to the interface identifier. For example, the visualization configuration platform 102 may obtain the card template information generated or stored by itself, or may receive the card template information provided by the user, or may receive the card template information sent by other devices. Among them, the other device may be an independent device different from the server 101, the visualization configuration platform 102 and the client 103, and may be an existing device, a device under development or a device to be developed in the future, which can send the card template information corresponding to the interface identifier to the visualization configuration platform 102.

[0077] Those skilled in the art will understand that Figure 1 The framework diagram shown is only an example in which the embodiments of the present application can be implemented. The scope of application of the embodiments of the present application is not limited by any aspect of the framework.

[0078] It should be noted that the client 103 or the visualization configuration platform 102 can be any user device that is currently in development, or will be developed in the future, and can interact with each other through any form of wired and / or wireless connection (e.g., Wi-Fi, LAN, cellular, coaxial cable, etc.), including but not limited to: smart wearable devices, smart phones, non-smart phones, tablet computers, laptop personal computers, desktop personal computers, minicomputers, mid-sized computers, mainframe computers, etc. that are currently in development, or will be developed in the future. The implementation methods of the present application are not subject to any restrictions in this regard. It should also be noted that the server 101 in the embodiment of the present application can be an example of a device that is currently in development, or will be developed in the future, and can perform the above operations. The implementation methods of the present application are not subject to any restrictions in this regard.

[0079] To facilitate understanding of the technical solution provided by the embodiment of the present application, the user interface generating method provided by the embodiment of the present application will be described below with reference to the accompanying drawings.

[0080] See also Figure 2 , which is a flow chart of a method for generating a user interface applied to a server provided in an embodiment of the present application, such as Figure 2 As shown, the method may include S201-S204:

[0081] S201: The server receives card template information corresponding to the interface identifier sent by the visualization configuration platform.

[0082] The visual configuration platform refers to a platform that can provide users with interface visual configuration services; moreover, the embodiments of the present application are not limited to the visual configuration platform, for example, the visual configuration platform can be an operation interface on the front end. In addition, the user can add, delete, and drag each card template on the visual configuration platform to achieve visual configuration of the interface.

[0083] The interface identifier is used to uniquely identify the user interface; moreover, the interface identifier corresponds to the user interface one by one.

[0084] The card template information is used to represent relevant information of the card template on the visualization configuration platform; moreover, the card template information may include the card template type and the card template association relationship.

[0085] Among them, the card template type is used to represent the type information of the card template on the visualization configuration platform; and the embodiment of the present application does not limit the card template type, for example, the card template type can be a button, a text box, or a check box, etc. In addition, the card template association relationship is used to represent the association relationship between different card templates on the visualization configuration platform; and the embodiment of the present application does not limit the card template association relationship, for example, the card template association relationship can include an attribution relationship, a relative position relationship, an appearance order association relationship, etc.

[0086] In addition, the card template information is generated by the visualization configuration platform according to the card templates required for the user interface selected by the user using the visualization interface and the association relationship of the card templates. Among them, the card templates required for the user interface refer to the card templates required to construct the user interface.

[0087] Based on the above content, it can be known that in the embodiment of the present application, after the user uses the card template to build the user interface on the visualization interface, first, the visualization configuration platform can obtain the card template selected by the user on the visualization interface and the association relationship between the selected card templates, such as the ownership relationship, relative position relationship, appearance order association relationship, etc. between the selected card templates. Thus, the card template required for the user interface selected by the user and the association relationship of the card template are used as card template information, so that the card template information carries the card template type and the card template association relationship. Then, the visualization configuration platform sends the card template information to the server so that the server can generate user interface configuration data based on the card template information.

[0088] S202: The server obtains resource data corresponding to the card template type.

[0089] The resource data may include attribute information of the card template corresponding to the card template type. For example, the resource data may include attribute information such as the shape and color of the card template.

[0090] Based on the above content, it can be seen that in an embodiment of the present application, after the server receives the card template information, the server can first determine the resource data corresponding to the card template type based on the card template type carried in the card template information, so that the server can subsequently generate user interface configuration data based on the resource data.

[0091] It should be noted that the embodiments of the present application do not limit the specific implementation method for the server to obtain the correspondence between the card template type and the resource data. For example, the server can read the correspondence between the card template type and the resource data from its own storage space, or receive the correspondence between the card template type and the resource data from other devices.

[0092] S203: The server generates user interface configuration data corresponding to the interface identifier according to the resource data corresponding to the card template type and the card template information.

[0093] User interface configuration data refers to the data required by the client to generate the user interface.

[0094] In an embodiment of the present application, after the server obtains the resource data corresponding to the card template type, the server can use the resource data corresponding to the card template type and the card template information to generate user interface configuration data corresponding to the interface identifier, so that the server can subsequently respond to the client's interface generation request and send the user interface configuration data to the client, so that the client can use the user interface configuration data to generate the user interface corresponding to the user identifier.

[0095] In addition, the present application embodiment also provides two implementation methods of S203, please refer to the specific implementation methods below.

[0096] S204: The server sends the user interface configuration data to the client in response to the interface generation request carrying the interface identifier sent by the client, so that the client parses the user interface configuration data to generate a user interface.

[0097] The interface generation request is generated by the client, and the interface generation request carries an interface identifier. In addition, the embodiment of the present application also provides relevant content of the client generating the interface generation request, please refer to S301 below.

[0098] In an embodiment of the present application, after receiving an interface generation request sent by a client, the server can determine the user interface configuration data corresponding to the interface identifier based on the interface identifier carried in the interface generation request, and the server can feed back the user interface configuration data corresponding to the interface identifier to the client, so that the client can generate a user interface using the user interface configuration data corresponding to the interface identifier.

[0099] In addition, the embodiment of the present application also provides relevant content of the client generating a user interface, please refer to S303 and an implementation method of S303 below.

[0100] Based on the above-mentioned contents of S201 to S204, it can be known that in the embodiment of the present application, after the server receives the card template information corresponding to the interface identifier sent by the visualization configuration platform, the server can first obtain the resource data corresponding to the card template type, and then generate the user interface configuration data corresponding to the interface identifier according to the resource data corresponding to the card template type carried by the card template information and the card template information, so that after the server receives the interface generation request carrying the interface identifier sent by the client, the server sends the user interface configuration data to the client, so that the client parses the user interface configuration data to generate the user interface. Among them, because the user interface configuration data used to generate the user interface is automatically generated by the server based on the card template information sent by the visualization configuration platform, the user interface configuration data can be updated accordingly with the update of the card template information, so that when updating the user interface, only the card template information needs to be updated, and there is no need to re-edit the interface program, thus realizing the flexible development of the user interface.

[0101] In a possible implementation method of the embodiment of the present application, the embodiment of the present application also provides two implementation methods of S203 (that is, the server generates user interface configuration data corresponding to the interface identifier based on the resource data corresponding to the card template type and the card template information), which are introduced below respectively.

[0102] As a first implementation method of S203, when the card template information is initial structure data, S203 can be specifically: the server searches for the data position corresponding to the target card template type in the initial structure data, fills in the resource data corresponding to the target card template type in the data position corresponding to the target card template type, and generates user interface configuration data corresponding to the interface identifier, and the target card template type is each of the card template types included in the card template information.

[0103] The initial structure data is used to characterize the structure of the user interface; moreover, the embodiment of the present application does not limit the format of the initial structure data, for example, the initial structure data can be represented by tree-shaped JSON data.

[0104] Based on the content of the first implementation method of S203 above, it can be known that if the card template information is the initial structure data, it means that the card template information can represent the structure of the user interface. At this time, after the server obtains the card template information and the resource data corresponding to the card template type, the server can search the data position corresponding to the i-th card template type included in the card template information in the initial structure data, and then fill the resource data corresponding to the i-th card template type into the data position corresponding to the i-th card template type to generate the user interface configuration data corresponding to the interface identifier. Wherein, i is a positive integer, and i≤N, N represents the total number of card template types in the card template information.

[0105] As a second implementation method of S203, when the card template information is not the initial structure data, S203 can be specifically: the server generates the initial structure data according to the card template information, and searches for the data position corresponding to the target card template type in the initial structure data, fills in the resource data corresponding to the target card template type in the data position corresponding to the target card template type, and generates user interface configuration data corresponding to the interface identifier, and the target card template type is each of the card template types included in the card template information.

[0106] Based on the content of the second implementation method of S203 above, it can be known that when the card template information is not the initial structure data, and the card template information carries information related to building the user interface structure, after the server obtains the card template information and the resource data corresponding to the card template type, it can first use the card template information to generate the initial structure data, then search the data position corresponding to the i-th card template type included in the card template information in the initial structure data, and then fill the resource data corresponding to the i-th card template type into the data position corresponding to the i-th card template type to generate the user interface configuration data corresponding to the interface identifier. Wherein, i is a positive integer, and i≤N, N represents the total number of card template types in the card template information.

[0107] In addition, the present application also provides a method for generating a user interface applied to a client. Figure 3 As shown, the method includes S301-S303:

[0108] S301: The client sends an interface generation request carrying an interface identifier to the server.

[0109] The embodiment of the present application does not limit the method for generating the interface generation request. For example, a user may trigger an interface generation request carrying the interface identifier by accessing the interface corresponding to the interface identifier on a client.

[0110] S302: The client receives the user interface configuration data corresponding to the interface identifier sent by the server.

[0111] The user interface configuration data corresponding to the interface identifier is generated by the server according to the resource data corresponding to the card template type and the card template information corresponding to the interface identifier; and the technical details of the server generating the user interface configuration data corresponding to the interface identifier can be found above.

[0112] The card template information corresponding to the interface identifier is received by the server from the visualization configuration platform, and the card template information includes the card template type and the card template association relationship.

[0113] For the relevant content of the card template information, please refer to S203 above. In addition, in a possible implementation, the card template information is generated by the visualization configuration platform according to the card template required by the user interface selected by the user using the visualization interface and the association relationship of the card templates.

[0114] Based on the above content, it can be seen that in an embodiment of the present application, after the client sends an interface generation request carrying an interface identifier to the server, the client can receive user interface configuration data corresponding to the interface identifier fed back by the server, so that the client can generate a user interface based on the user interface configuration data.

[0115] S303: The client parses the user interface configuration data to generate a user interface.

[0116] In an embodiment of the present application, after receiving the user interface configuration data corresponding to the interface identifier sent by the server, the client can parse the user interface configuration data to generate a user interface so that subsequent users can browse and operate the user interface displayed on the client.

[0117] In addition, the present application embodiment further provides an implementation of S303, which may specifically include the following steps:

[0118] Step 1: The client parses the card template type and the resource data corresponding to the card template type from the user interface configuration data, and generates instance data corresponding to the card template type.

[0119] Step 2: The client reads the card template association from the user interface configuration data.

[0120] Step 3: The client generates a user interface based on the card template association relationship and the instance data corresponding to the card template type.

[0121] It should be noted that the embodiment of the present application does not limit the execution order of the first step and the second step.

[0122] Based on the specific implementation of S303 above, it can be known that in the embodiment of the present application, after the client receives the user interface configuration data sent by the server, the client can respectively obtain the card template association relationship, the card template type and the resource data corresponding to the card template type from the user interface configuration data, so that after the client uses the card template type and the resource data corresponding to the card template type to generate the instance data corresponding to the card template type, the client can generate the user interface according to the card template association relationship and the instance data corresponding to the card template type.

[0123] Based on the above S301 to S303, it can be known that in the embodiment of the present application, after the user triggers the interface generation request on the client, the client can send an interface generation request carrying an interface identifier to the server, receive the user interface configuration data corresponding to the interface identifier fed back by the server, and parse the user interface configuration data to generate a user interface. Among them, because the user interface configuration data used to generate the user interface is automatically generated by the server based on the card template information sent by the visualization configuration platform, the user interface configuration data can be updated accordingly with the update of the card template information, so that when updating the user interface, only the card template information needs to be updated, and there is no need to re-edit the interface program, thus realizing the flexible development of the user interface.

[0124] In a possible implementation of the embodiment of the present application, the embodiment of the present application also provides another implementation of the method for generating a user interface applied to a client. In this implementation, Figure 4 As shown, the user interface generation method includes not only S301-S303 above, but also S304-S305:

[0125] S304: In response to the user's triggering operation, when the target card template is swiped out of the user interface, the client saves the target instance data into the cache, where the target instance data is instance data corresponding to the card template type of the target card template.

[0126] The trigger operation refers to an operation triggered when the user browses the user interface on the client.

[0127] S305: In response to the user's triggering operation, when the target card template is re-drawn into the user interface, the client reads the target instance data from the cache and renders the target card template in the user interface using the target instance data.

[0128] Based on the contents of S304 and S305 above, it can be known that in the embodiment of the present application, after the client generates the user interface, the user can browse and operate on the user interface. At this time, when the user draws the target card template out of the user interface on the user interface, the client can save the target instance data corresponding to the target card template to the cache, so that when the user subsequently draws the target card template back into the user interface on the user interface, the client can directly read the target instance data corresponding to the target card template from the cache, and render the target card template in the user interface using the target instance data corresponding to the target card template. This is conducive to improving the rendering efficiency of the user interface.

[0129] Based on the above-mentioned user interface generation method, in order to facilitate understanding of the user interface generation method, Figure 5 The interaction process between the server, client and visual configuration platform shown in the figure is explained.

[0130] As shown in the figure, the user interface generation method may include S501-S507:

[0131] S501: The visual configuration platform sends the card template information corresponding to the interface identifier to the server.

[0132] S502: The server receives card template information corresponding to the interface identifier sent by the visualization configuration platform, where the card template information includes a card template type and a card template association relationship.

[0133] It should be noted that the content of S502 is the same as that of S201, please refer to S201 above.

[0134] S503: The server obtains resource data corresponding to the card template type.

[0135] It should be noted that the content of S502 is the same as that of S202, please refer to S202 above.

[0136] S504: The server generates user interface configuration data corresponding to the interface identifier according to the resource data corresponding to the card template type and the card template information.

[0137] It should be noted that the content of S504 is the same as that of S203, please refer to S203 above.

[0138] S505: The client sends an interface generation request carrying an interface identifier to the server.

[0139] It should be noted that the content of S505 is the same as that of S301, please refer to S301 above.

[0140] S506: The server sends the user interface configuration data to the client in response to the interface generation request carrying the interface identifier sent by the client.

[0141] It should be noted that the content of S506 is the same as that of S204, please refer to S204 above.

[0142] S507: The client parses the user interface configuration data to generate a user interface.

[0143] It should be noted that the content of S507 is the same as that of S303, please refer to S303 above.

[0144] Based on the above-mentioned contents of S501 to S507, it can be known that in the embodiment of the present application, after the server receives the card template information corresponding to the interface identifier sent by the visualization configuration platform, the server can first obtain the resource data corresponding to the card template type, and then generate the user interface configuration data corresponding to the interface identifier according to the resource data corresponding to the card template type carried by the card template information and the card template information, so that after the server receives the interface generation request carrying the interface identifier sent by the client, the server sends the user interface configuration data to the client, so that the client parses the user interface configuration data to generate the user interface. Among them, because the user interface configuration data used to generate the user interface is automatically generated by the server based on the card template information sent by the visualization configuration platform, the user interface configuration data can be updated accordingly with the update of the card template information, so that when updating the user interface, only the card template information needs to be updated, and there is no need to re-edit the interface program, thereby realizing the flexible development of the user interface.

[0145] Based on the user interface generating method provided by the above method embodiment, the embodiment of the present application also provides two user interface generating devices, which are respectively introduced below in conjunction with the accompanying drawings.

[0146] The relevant content of a possible user interface generation device is as follows:

[0147] See also Figure 6 , which is a structural schematic diagram of a user interface generating device provided in an embodiment of the present application.

[0148] The user interface generation device provided in the embodiment of the present application includes:

[0149] The template information receiving unit 601 is used to receive the card template information corresponding to the interface identifier sent by the visualization configuration platform, wherein the card template information includes the card template type and the card template association relationship;

[0150] A resource data acquisition unit 602, used to acquire resource data corresponding to the card template type;

[0151] A configuration data generating unit 603, configured to generate user interface configuration data corresponding to the interface identifier according to resource data corresponding to the card template type and the card template information;

[0152] The configuration data sending unit 604 is used to send the user interface configuration data to the client in response to the interface generation request carrying the interface identifier sent by the client, so that the client parses the user interface configuration data to generate a user interface.

[0153] In a possible implementation, the card template information is generated by the visualization configuration platform according to the card template required by the user interface selected by the user using the visualization interface and the association relationship between the card templates.

[0154] In a possible implementation, the configuration data generating unit 603 includes:

[0155] A structure data generating subunit, used to generate initial structure data according to the card template information;

[0156] A configuration data generation subunit is used to search for the data position corresponding to the target card template type in the initial structure data, fill in the resource data corresponding to the target card template type in the data position corresponding to the target card template type, and generate user interface configuration data corresponding to the interface identifier, wherein the target card template type is each of the card template types included in the card template information.

[0157] In a possible implementation, when the card template information is initial structure data, the configuration data generating unit 603 is specifically configured to:

[0158] Search the data position corresponding to the target card template type in the initial structure data, fill in the resource data corresponding to the target card template type in the data position corresponding to the target card template type, generate user interface configuration data corresponding to the interface identifier, and the target card template type is each of the card template types included in the card template information.

[0159] Another possible user interface generation device may include the following:

[0160] See also Figure 7 , which is a structural schematic diagram of another user interface generating device provided in an embodiment of the present application.

[0161] The user interface generation device provided in the embodiment of the present application includes:

[0162] A generation request sending unit 701 is used to send an interface generation request carrying an interface identifier to a server;

[0163] The configuration data receiving unit 702 is used to receive the user interface configuration data corresponding to the interface identifier sent by the server, wherein the user interface configuration data corresponding to the interface identifier is generated by the server according to the resource data corresponding to the card template type and the card template information corresponding to the interface identifier, and the card template information corresponding to the interface identifier is received by the server from the visualization configuration platform, and the card template information includes the card template type and the card template association relationship;

[0164] The user interface generating unit 703 is used to parse the user interface configuration data to generate a user interface.

[0165] In a possible implementation, the user interface generating unit 703 includes:

[0166] An instance data generating subunit, used to parse the card template type and the resource data corresponding to the card template type from the user interface configuration data, and generate instance data corresponding to the card template type;

[0167] The user interface generation subunit is used to read the card template association relationship from the user interface configuration data, and generate a user interface according to the card template association relationship and the instance data corresponding to the card template type.

[0168] In a possible implementation manner, the device further includes:

[0169] An instance data storage unit, configured to save target instance data to a cache in response to a user's triggering operation when the target card template is drawn out of the user interface, wherein the target instance data is instance data corresponding to the card template type of the target card template;

[0170] The instance data reading unit is used to respond to the user's triggering operation, when the target card template is re-drawn into the user interface, read the target instance data from the cache, and render the target card template in the user interface using the target instance data.

[0171] In a possible implementation, the card template information is generated by the visualization configuration platform according to the card template required by the user interface selected by the user using the visualization interface and the association relationship between the card templates.

[0172] Figure 81 shows a block diagram of a client 1200. For example, the client 1200 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.

[0173] Reference Figure 8 The client 1200 may include one or more of the following components: a processing component 1202 , a memory 1204 , a power component 1206 , a multimedia component 1208 , an audio component 1210 , an input / output (I / O) interface 1212 , a sensor component 1214 , and a communication component 1216 .

[0174] The processing component 1202 generally controls the overall operation of the client 1200, such as operations associated with display, phone calls, data communications, camera operations, and recording operations. The processing component 1202 may include one or more processors 1220 to execute instructions to complete all or part of the steps of the above-mentioned method. In addition, the processing component 1202 may include one or more modules to facilitate the interaction between the processing component 1202 and other components. For example, the processing component 1202 may include a multimedia module to facilitate the interaction between the multimedia component 1208 and the processing component 1202.

[0175] The memory 1204 is configured to store various types of data to support operations on the client 1200. Examples of such data include instructions for any application or method operating on the client 1200, contact data, phone book data, messages, pictures, videos, etc. The memory 1204 can 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, magnetic disk or optical disk.

[0176] The power supply component 1206 provides power to the various components of the client 1200. The power supply component 1206 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power to the client 1200.

[0177] The multimedia component 1208 includes a screen that provides an output interface between the client 1200 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 may be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundaries of the touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 1208 includes a front camera and / or a rear camera. When the client 1200 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera may receive external multimedia data. Each front camera and the rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.

[0178] The audio component 1210 is configured to output and / or input audio signals. For example, the audio component 1210 includes a microphone (MIC), and when the client 1200 is in an operation mode, such as a call mode, a recording mode, and a speech recognition mode, the microphone is configured to receive an external audio signal. The received audio signal can be further stored in the memory 1204 or sent via the communication component 1216. In some embodiments, the audio component 1210 also includes a speaker for outputting audio signals.

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

[0180] The sensor assembly 1214 includes one or more sensors for providing various aspects of status assessment for the client 1200. For example, the sensor assembly 1214 can detect the open / closed state of the device 1200, the relative positioning of components, such as the display and keypad of the client 1200, the sensor assembly 1214 can also detect the position change of the client 1200 or a component of the client 1200, the presence or absence of user contact with the client 1200, the orientation or acceleration / deceleration of the client 1200, and the temperature change of the client 1200. The sensor assembly 1214 may include a proximity sensor configured to detect the presence of nearby objects without any physical contact. The sensor assembly 1214 may also include an optical sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 1214 may also include an accelerometer, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.

[0181] The communication component 1216 is configured to facilitate wired or wireless communication between the client 1200 and other devices. The client 1200 can access a wireless network based on a communication standard, such as WiFi, 2G or 3G, or a combination thereof. In an exemplary embodiment, the communication component 1216 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 1216 also 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.

[0182] In an exemplary embodiment, the client 1200 may 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 to perform the following methods:

[0183] Sending an interface generation request carrying an interface identifier to the server;

[0184] Receive user interface configuration data corresponding to the interface identifier sent by the server, where the user interface configuration data corresponding to the interface identifier is generated by the server according to resource data corresponding to a card template type and card template information corresponding to the interface identifier, where the card template information corresponding to the interface identifier is received by the server from a visualization configuration platform, and the card template information includes the card template type and a card template association relationship;

[0185] The user interface configuration data is parsed to generate a user interface.

[0186] Optionally, parsing the user interface configuration data to generate a user interface includes:

[0187] Parsing the card template type and resource data corresponding to the card template type from the user interface configuration data, and generating instance data corresponding to the card template type;

[0188] The card template association relationship is read from the user interface configuration data, and a user interface is generated according to the card template association relationship and the instance data corresponding to the card template type.

[0189] Optionally, the method further includes:

[0190] In response to a trigger operation by the user, when the target card template is drawn out of the user interface, target instance data is saved in a cache, wherein the target instance data is instance data corresponding to the card template type of the target card template;

[0191] In response to a triggering operation by the user, when the target card template is re-drawn into the user interface, the target instance data is read from the cache, and the target card template is rendered in the user interface using the target instance data.

[0192] Optionally, the card template information is generated by the visualization configuration platform according to the card template required by the user interface selected by the user using the visualization interface and the association relationship between the card templates.

[0193] Fig. 9 1 is a schematic diagram of the structure of the server in the embodiment of the present application. The server 1300 may have relatively large differences due to different configurations or performances, and may include one or more central processing units (CPU) 1322 (for example, one or more processors) and memory 1332, and one or more storage media 1330 (for example, one or more mass storage devices) storing application programs 1342 or data 1344. Among them, the memory 1332 and the storage medium 1330 can be short-term storage or permanent storage. The program stored in the storage medium 1330 may include one or more modules (not shown in the figure), and each module may include a series of instruction operations on the server. Furthermore, the central processing unit 1322 can be configured to communicate with the storage medium 1330 to execute a series of instruction operations in the storage medium 1330 on the server 1300.

[0194] Furthermore, the CPU 1322 may execute the following method:

[0195] Receive card template information corresponding to the interface identifier sent by the visualization configuration platform, wherein the card template information includes a card template type and a card template association relationship;

[0196] Obtain resource data corresponding to the card template type;

[0197] Generate user interface configuration data corresponding to the interface identifier according to the resource data corresponding to the card template type and the card template information;

[0198] In response to an interface generation request carrying the interface identifier sent by the client, the user interface configuration data is sent to the client, so that the client parses the user interface configuration data to generate a user interface.

[0199] Optionally, the card template information is generated by the visualization configuration platform according to the card template required by the user interface selected by the user using the visualization interface and the association relationship between the card templates.

[0200] Optionally, generating user interface configuration data corresponding to the interface identifier according to resource data corresponding to the card template type and the card template information includes:

[0201] Generate initial structure data according to the card template information;

[0202] Search the data position corresponding to the target card template type in the initial structure data, fill in the resource data corresponding to the target card template type in the data position corresponding to the target card template type, generate user interface configuration data corresponding to the interface identifier, and the target card template type is each of the card template types included in the target card template type.

[0203] Optionally, when the card template information is initial structure data, generating user interface configuration data corresponding to the interface identifier according to the resource data corresponding to the card template type information and the card template information includes:

[0204] Search the data position corresponding to the target card template type in the initial structure data, fill in the resource data corresponding to the target card template type in the data position corresponding to the target card template type, generate user interface configuration data corresponding to the interface identifier, and the target card template type is each of the card template types included in the target card template type.

[0205] The server 1300 may also include one or more power supplies 1326, one or more wired or wireless network interfaces 1350, one or more input and output interfaces 1356, one or more keyboards 1356, and / or, one or more operating systems 1341, such as Windows ServerTM, Mac OS XTM, UnixTM, LinuxTM, FreeBSDTM, etc.

[0206] It should be noted that the various embodiments in this specification are described in a progressive manner, and each embodiment focuses on the differences from other embodiments, and the same or similar parts between the various embodiments can be referred to each other. For the system or device disclosed in the embodiment, since it corresponds to the method disclosed in the embodiment, the description is relatively simple, and the relevant parts can be referred to the method part description.

[0207] It should be understood that in the present application, "at least one (item)" means one or more, and "plurality" means two or more. "And / or" is used to describe the association relationship of associated objects, indicating that three relationships may exist. For example, "A and / or B" can mean: only A exists, only B exists, and A and B exist at the same time, where A and B can be singular or plural. The character " / " generally indicates that the objects associated before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b or c can mean: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, c can be single or multiple.

[0208] It should also be noted that, in this article, relational terms such as first and second, etc. are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise a ..." do not exclude the presence of other identical elements in the process, method, article or device including the elements.

[0209] The steps of the method or algorithm described in conjunction with the embodiments disclosed herein may be implemented directly using hardware, a software module executed by a processor, or a combination of the two. The software module may be placed in a random access memory (RAM), a memory, a read-only memory (ROM), an electrically programmable ROM, an electrically erasable programmable ROM, a register, a hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.

[0210] The above description of the disclosed embodiments enables those skilled in the art to implement or use the present application. Various modifications to these embodiments will be apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present application. Therefore, the present application will not be limited to the embodiments shown herein, but will conform to the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. A method for generating a user interface, characterized in that: The method comprises: Receive card template information corresponding to the interface identifier sent by the visualization configuration platform, wherein the card template information includes a card template type and a card template association relationship; Obtain resource data corresponding to the card template type; Generate user interface configuration data corresponding to the interface identifier according to the resource data corresponding to the card template type and the card template information, which includes: generating initial structure data according to the card template information, the initial structure data is used to characterize the structure of the user interface; searching the data position corresponding to the target card template type in the initial structure data, filling the resource data corresponding to the target card template type in the data position corresponding to the target card template type, and generating user interface configuration data corresponding to the interface identifier, wherein the target card template type is each of the card template types included in the card template information; In response to an interface generation request carrying the interface identifier sent by the client, the user interface configuration data is sent to the client, so that the client parses the user interface configuration data to generate a user interface.

2. The method according to claim 1, characterized in that The card template information is generated by the visualization configuration platform according to the card template required by the user interface selected by the user using the visualization interface and the association relationship between the card templates.

3. The method according to claim 1, characterized in that When the card template information is initial structure data, generating user interface configuration data corresponding to the interface identifier according to resource data corresponding to the card template type and the card template information includes: Search the data position corresponding to the target card template type in the initial structure data, fill in the resource data corresponding to the target card template type in the data position corresponding to the target card template type, generate user interface configuration data corresponding to the interface identifier, and the target card template type is each of the card template types included in the card template information.

4. A method for generating a user interface, characterized in that: The method comprises: Sending an interface generation request carrying an interface identifier to the server; Receive user interface configuration data corresponding to the interface identifier sent by the server, the user interface configuration data corresponding to the interface identifier is generated by the server according to resource data corresponding to a card template type and card template information corresponding to the interface identifier, and the method for generating the user interface configuration data includes: generating initial structure data according to the card template information, the initial structure data is used to characterize the structure of the user interface; searching for a data position corresponding to a target card template type in the initial structure data, filling in resource data corresponding to the target card template type at the data position corresponding to the target card template type, and generating the user interface configuration data corresponding to the interface identifier, the target card template type is each of the card template types included in the card template information, the card template information corresponding to the interface identifier is received by the server from a visualization configuration platform, and the card template information includes the card template type and a card template association relationship; The user interface configuration data is parsed to generate a user interface.

5. The method according to claim 4, characterized in that The step of parsing the user interface configuration data to generate a user interface includes: Parsing the card template type and resource data corresponding to the card template type from the user interface configuration data, and generating instance data corresponding to the card template type; The card template association relationship is read from the user interface configuration data, and a user interface is generated according to the card template association relationship and the instance data corresponding to the card template type.

6. The method according to claim 5, characterized in that The method further comprises: In response to a trigger operation by the user, when the target card template is drawn out of the user interface, target instance data is saved in a cache, wherein the target instance data is instance data corresponding to the card template type of the target card template; In response to a triggering operation by the user, when the target card template is re-drawn into the user interface, the target instance data is read from the cache, and the target card template is rendered in the user interface using the target instance data.

7. The method according to claim 4, characterized in that The card template information is generated by the visualization configuration platform according to the card template required by the user interface selected by the user using the visualization interface and the association relationship between the card templates.

8. A user interface generating device, characterized in that: The device comprises: A template information receiving unit, used to receive card template information corresponding to the interface identifier sent by the visualization configuration platform, wherein the card template information includes a card template type and a card template association relationship; A resource data acquisition unit, used to acquire resource data corresponding to the card template type; A configuration data generating unit is used to generate user interface configuration data corresponding to the interface identifier according to the resource data corresponding to the card template type and the card template information, which includes: generating initial structure data according to the card template information, wherein the initial structure data is used to characterize the structure of the user interface; searching for a data position corresponding to a target card template type in the initial structure data, filling in the resource data corresponding to the target card template type in the data position corresponding to the target card template type, and generating user interface configuration data corresponding to the interface identifier, wherein the target card template type is each of the card template types included in the card template information; The configuration data sending unit is used to send the user interface configuration data to the client in response to the interface generation request carrying the interface identifier sent by the client, so that the client parses the user interface configuration data to generate a user interface.

9. The device according to claim 8, characterized in that The card template information is generated by the visualization configuration platform according to the card template required by the user interface selected by the user using the visualization interface and the association relationship between the card templates.

10. The device according to claim 8, characterized in that When the card template information is initial structure data, the configuration data generating unit is specifically used to: Search the data position corresponding to the target card template type in the initial structure data, fill in the resource data corresponding to the target card template type in the data position corresponding to the target card template type, generate user interface configuration data corresponding to the interface identifier, and the target card template type is each of the card template types included in the card template information.

11. A user interface generating device, characterized in that: The device comprises: A generation request sending unit, used for sending an interface generation request carrying an interface identifier to a server; A configuration data receiving unit is used to receive user interface configuration data corresponding to the interface identifier sent by the server, the user interface configuration data corresponding to the interface identifier is generated by the server according to the resource data corresponding to the card template type and the card template information corresponding to the interface identifier, and the method for generating the user interface configuration data includes: generating initial structure data according to the card template information, the initial structure data is used to characterize the structure of the user interface; searching for a data position corresponding to a target card template type in the initial structure data, filling in the resource data corresponding to the target card template type at the data position corresponding to the target card template type, and generating the user interface configuration data corresponding to the interface identifier, the target card template type is each of the card template types included in the card template information, the card template information corresponding to the interface identifier is received by the server from a visualization configuration platform, and the card template information includes the card template type and a card template association relationship; The user interface generation unit is used to parse the user interface configuration data to generate a user interface.

12. The device according to claim 11, characterized in that The user interface generating unit comprises: An instance data generating subunit, used to parse the card template type and the resource data corresponding to the card template type from the user interface configuration data, and generate instance data corresponding to the card template type; The user interface generation subunit is used to read the card template association relationship from the user interface configuration data, and generate a user interface according to the card template association relationship and the instance data corresponding to the card template type.

13. The device according to claim 12, characterized in that The device also includes: An instance data storage unit, configured to save target instance data to a cache in response to a user's triggering operation when the target card template is drawn out of the user interface, wherein the target instance data is instance data corresponding to the card template type of the target card template; The instance data reading unit is used to respond to the user's triggering operation, when the target card template is re-drawn into the user interface, read the target instance data from the cache, and render the target card template in the user interface using the target instance data.

14. The device according to claim 11, characterized in that The card template information is generated by the visualization configuration platform according to the card template required by the user interface selected by the user using the visualization interface and the association relationship between the card templates.

15. A device for generating a user interface, characterized in that: The system comprises a memory and one or more programs, wherein the one or more programs are stored in the memory and are configured to be executed by one or more processors, wherein the one or more programs include instructions for performing the following operations: Receive card template information corresponding to the interface identifier sent by the visualization configuration platform, wherein the card template information includes a card template type and a card template association relationship; Obtain resource data corresponding to the card template type; Generate user interface configuration data corresponding to the interface identifier according to the resource data corresponding to the card template type and the card template information, which includes: generating initial structure data according to the card template information, the initial structure data is used to characterize the structure of the user interface; searching the data position corresponding to the target card template type in the initial structure data, filling the resource data corresponding to the target card template type in the data position corresponding to the target card template type, and generating user interface configuration data corresponding to the interface identifier, wherein the target card template type is each of the card template types included in the card template information; In response to an interface generation request carrying the interface identifier sent by the client, the user interface configuration data is sent to the client, so that the client parses the user interface configuration data to generate a user interface.

16. A device for generating a user interface, characterized in that: The system comprises a memory and one or more programs, wherein the one or more programs are stored in the memory and are configured to be executed by one or more processors, wherein the one or more programs include instructions for performing the following operations: Sending an interface generation request carrying an interface identifier to the server; Receive user interface configuration data corresponding to the interface identifier sent by the server, the user interface configuration data corresponding to the interface identifier is generated by the server according to resource data corresponding to a card template type and card template information corresponding to the interface identifier, and the method for generating the user interface configuration data includes: generating initial structure data according to the card template information, the initial structure data is used to characterize the structure of the user interface; searching for a data position corresponding to a target card template type in the initial structure data, filling in resource data corresponding to the target card template type at the data position corresponding to the target card template type, and generating the user interface configuration data corresponding to the interface identifier, the target card template type is each of the card template types included in the card template information, the card template information corresponding to the interface identifier is received by the server from a visualization configuration platform, and the card template information includes the card template type and a card template association relationship; The user interface configuration data is parsed to generate a user interface.

17. A computer-readable medium having instructions stored thereon, which, when executed by one or more processors, causes a device to execute the user interface generation method described in one or more of claims 1 to 3, or the user interface generation method described in one or more of claims 4 to 7.

Images