CN113535161B

CN113535161B - User interface generation method and device

Info

Publication number: CN113535161B
Application number: CN202010294368.9A
Authority: CN
Inventors: 张强
Original assignee: Beijing Sogou Technology Development Co Ltd
Current assignee: Beijing Sogou Technology Development Co Ltd
Priority date: 2020-04-14
Filing date: 2020-04-14
Publication date: 2025-01-21
Anticipated expiration: 2040-04-14
Also published as: CN113535161A

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

User interface generation method and device

Technical Field

The present application relates to the field of computers, and in particular, to a user interface generating method and apparatus.

Background

Currently, a user interface (for example, an interface in an application program) is developed in a process that an engineer encodes according to the requirement of the user interface to generate an interface program, so that a client can implement loading of the user interface by running the interface program. The interface program cannot be reused, so that the interface program needs to be edited again when the user interface is updated, which results in lack of flexibility in the development process of the user interface.

Disclosure of Invention

In view of this, the embodiments of the present application provide a method and an apparatus for generating a user interface, which can flexibly generate a user interface.

In order to solve the above problems, the technical solution provided by the embodiment of the present application is as follows:

A user interface generation method, the method comprising:

receiving card template information corresponding to the interface identifier sent by the visual configuration platform, wherein the card template information comprises a card template type and a card template association relationship;

acquiring resource data corresponding to the card template type;

generating 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;

And responding to an interface generation request carrying the interface identifier sent by a client, and sending the user interface configuration data to the client so that the client analyzes the user interface configuration data to generate a user interface.

In one possible implementation manner, the card template information is generated by the visual configuration platform according to a card template required by a user interface selected by a user through a visual interface and an association relationship of the card template.

In a possible implementation manner, the generating the 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 includes:

Generating initial structure data according to the card template information;

Searching a data position corresponding to a target card template type in the initial structure data, filling 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 card template type included in the card template information.

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

A user interface generation method, the method comprising:

sending an interface generation request carrying an interface identifier to a server;

Receiving user interface configuration data corresponding to the interface identifier, which is 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, the card template information corresponding to the interface identifier is received by the server from a visual configuration platform, and the card template information comprises the card template type and a card template association relationship;

and analyzing the user interface configuration data to generate a user interface.

In one possible implementation manner, the parsing the user interface configuration data generates a user interface, including:

analyzing a 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;

and reading the card template association relation from the user interface configuration data, and generating a user interface according to the card template association relation and the instance data corresponding to the card template type.

In one possible implementation, the method further includes:

Responding to triggering operation of a user, and when a target card template is drawn out of the user interface, storing target instance data into a cache, wherein the target instance data is instance data corresponding to a card template type of the target card template;

And responding to the triggering operation of a user, when the target card template is re-drawn into the user interface, reading the target instance data from the cache, and rendering the target card template in the user interface by utilizing the target instance data.

A user interface generation apparatus, the apparatus comprising:

The template information receiving unit is used for receiving card template information corresponding to the interface identifier sent by the visual configuration platform, wherein the card template information comprises a card template type and a card template association relationship;

The resource data acquisition unit is used for acquiring resource data corresponding to the card template type;

The configuration data generation unit is used for generating 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;

And the configuration data sending unit is used for responding to an interface generation request carrying the interface identifier sent by the client and sending the user interface configuration data to the client so that the client can analyze the user interface configuration data to generate a user interface.

In one possible implementation manner, the configuration data generating unit includes:

the structure data generation subunit is used for generating initial structure data according to the card template information;

The configuration data generation subunit is configured to search a data position corresponding to a target card template type in the initial structure data, fill 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, where the target card template type is each card template type included in the card template information.

In one possible implementation manner, when the card template information is initial structure data, the configuration data generating unit is specifically configured to:

A user interface generation apparatus, the apparatus comprising:

The generation request sending unit is used for sending an interface generation request carrying an interface identifier to the server;

The configuration data receiving unit is used for receiving user interface configuration data corresponding to the interface identifier, which is 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, the card template information corresponding to the interface identifier is received by the server from a visual configuration platform, and the card template information comprises the card template type and a card template association relationship;

and the user interface generating unit is used for analyzing the user interface configuration data to generate a user interface.

In one possible implementation manner, the user interface generating unit includes:

An instance data generating subunit, configured to parse a card template type and resource data corresponding to the card template type from the user interface configuration data, and generate instance data corresponding to the card template type;

And the user interface generation subunit is used for reading the card template association relation from the user interface configuration data and generating a user interface according to the card template association relation and the instance data corresponding to the card template type.

In one possible implementation, the apparatus further includes:

The instance data storage unit is used for responding to the triggering operation of a user, and storing target instance data in a cache 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;

And the instance data reading unit is used for responding to the triggering operation of a user, reading the target instance data from the cache when the target card template is re-drawn into the user interface, and rendering the target card template by utilizing the target instance data in the user interface.

An apparatus for user interface generation, comprising a memory, and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by one or more processors, the one or more programs comprising instructions for:

acquiring resource data corresponding to the card template type;

A computer readable medium having instructions stored thereon, which when executed by one or more processors, cause an apparatus to perform the first user interface generation method described above, or to perform the second user interface generation method described above.

From this, the embodiment of the application has the following beneficial effects:

In the user interface generating method provided by the embodiment of the application, after receiving the card template information corresponding to the interface identifier sent by the visual configuration platform, the server can firstly acquire 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, so that after the server receives the interface generating request carrying the interface identifier sent by the client, the server sends the user interface configuration data to the client, and the client analyzes the user interface configuration data to generate the user interface. The user interface configuration data for generating the user interface is automatically generated by the server based on the card template information sent by the visual configuration platform, so that the user interface configuration data can be correspondingly updated along with the updating of the card template information, and the user interface configuration data only needs to be updated when the user interface is updated, and the interface program does not need to be edited again, so that the flexible development of the user interface is realized.

Drawings

Fig. 1 is a schematic frame diagram of an exemplary application scenario of a user interface generating method according to an embodiment of the present application;

FIG. 2 is a flowchart of a user interface generating method applied to a server according to an embodiment of the present application;

FIG. 3 is a flowchart of a user interface generating method applied to a client according to an embodiment of the present application;

FIG. 4 is a flowchart of another method for generating a user interface applied to a client according to an embodiment of the present application;

FIG. 5 is a flowchart of a user interface generating method according to an embodiment of the present application;

fig. 6 is a schematic structural diagram of a user interface generating device according to an embodiment of the present application;

FIG. 7 is a schematic diagram of another user interface generating device according to an embodiment of the present application;

Fig. 8 is a schematic structural diagram of a client according to an embodiment of the present application;

Fig. 9 is a schematic structural diagram of a server according to an embodiment of the present application.

Detailed Description

In order that the above-recited objects, features and advantages of the present application will become more readily apparent, a more particular description of embodiments of the application will be rendered by reference to the appended drawings and appended drawings.

In order to facilitate understanding and explanation of the technical solutions provided by the embodiments of the present application, the following description will first explain the background art of the present application.

The inventor finds that the traditional user interface development process usually needs to write an interface program first and then run the interface program by a client to realize the loading of the user interface. The interface program cannot be reused, so that the interface program needs to be edited again when the user interface is updated, which results in lack of flexibility in the development process of the user interface.

Based on the above, the embodiment of the application provides a user interface generating method, which comprises the steps that after receiving card template information corresponding to an interface identifier sent by a visual configuration platform, a server can firstly acquire resource data corresponding to the card template type, and then generates 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 an interface generating request carrying the interface identifier sent by a client, the server sends the user interface configuration data to the client, and the client analyzes the user interface configuration data to generate a user interface. The user interface configuration data for generating the user interface is automatically generated by the server based on the card template information sent by the visual configuration platform, so that the user interface configuration data can be correspondingly updated along with the updating of the card template information, and the user interface configuration data only needs to be updated when the user interface is updated, and the interface program does not need to be edited again, so that the flexible development of the user interface is realized.

In order to facilitate understanding of the user interface generating method provided by the embodiment of the present application, an application scenario of the user interface generating method provided by the embodiment of the present application is described with reference to fig. 1. Fig. 1 is a schematic diagram of an exemplary application scenario of a user interface generating method according to an embodiment of the present application. The user interface generating method provided by the embodiment of the application can be applied to the server 101.

In practical application, after the visual configuration platform 102 obtains the card template information corresponding to the interface identifier, the visual configuration platform 102 sends the card template information corresponding to the interface identifier to the server 101, so that the server 101 can generate 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 analyzes the user interface configuration data to generate a user interface. The server 101 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.

It should be noted that, the visualization configuration platform 102 is independent from the server 101 and the client 103, and the embodiment of the present application is not limited to the visualization configuration platform 102, and for example, the visualization configuration platform 102 may be a terminal. In addition, the embodiment of the present application is not limited to the implementation manner in which the visual configuration platform 102 obtains the card template information corresponding to the interface identifier, for example, the visual configuration platform 102 may obtain the card template information generated or stored by itself, may also receive the card template information provided by the user, and may also receive the card template information sent by other devices. The other devices may be independent devices other than the server 101, the visualization configuration platform 102, and the client 103, and may be existing, developing, or future developing devices capable of sending the card template information corresponding to the interface identifier to the visualization configuration platform 102.

Those skilled in the art will appreciate that the frame diagram shown in fig. 1 is but one example in which embodiments of the present application may be implemented. The scope of applicability of the embodiments of the application is not limited in any way by the framework.

It should be noted that client 103 or visual configuration platform 102 may be any user device, existing, developing or future developed, capable of interacting with one another via any form of wired and/or wireless connection (e.g., wi-Fi, LAN, cellular, coaxial cable, etc.), including, but not limited to, existing, developing or future developed smart wearable devices, smartphones, non-smartphones, tablets, laptops, desktops, minicomputers, midrange computers, mainframe computers, and the like. Embodiments of the application are not limited in this respect. It should also be noted that server 101 in embodiments of the present application may be one example of an existing, developing or future developed device capable of performing the above-described operations. Embodiments of the application are not limited in this respect.

In order to facilitate understanding of the technical solution provided by the embodiments of the present application, a user interface generating method provided by the embodiments of the present application will be described below with reference to the accompanying drawings.

Referring to fig. 2, the flowchart of a user interface generating method applied to a server according to an embodiment of the present application, as shown in fig. 2, the method may include S201-S204:

S201, the server receives card template information corresponding to the interface identifier sent by the visual configuration platform.

The visual configuration platform refers to a platform capable of providing interface visual configuration services for users, and the visual configuration platform is not limited by the embodiment of the application, for example, the visual configuration platform can be an operation interface on a front end. In addition, the user can realize the visual configuration of the interface by adding, deleting and dragging each card template on the visual configuration platform.

The interface identifiers are used for uniquely identifying the user interfaces, and the interface identifiers are in one-to-one correspondence with the user interfaces.

The card template information is used for representing relevant information of the card template on the visual configuration platform, and the card template information can comprise card template types and card template association relations.

The card template type is used for representing the type information of the card template on the visual configuration platform, and the embodiment of the application is not limited to the card template type, for example, the card template type can be a button, a text box, a check box or the like. In addition, the card template association relationship is used for representing the association relationship between different card templates on the visual configuration platform, and the embodiment of the application is not limited to the card template association relationship, for example, the card template association relationship can comprise a home relationship, a position relative relationship, an appearance sequence association relationship and the like.

In addition, the card template information is generated by the visual configuration platform according to the card templates required by the user interface selected by the user through the visual interface and the association relation of the card templates. Wherein, the required card template of the user interface refers to the required card template for constructing the user interface.

Based on the foregoing, in the embodiment of the present application, after a user builds a user interface on a visual interface by using a card template, first, the visual configuration platform may obtain the card template selected by the user on the visual interface and the association relationship between the selected card templates, for example, the attribution relationship, the position relative relationship, the occurrence sequence association relationship between the selected card templates, and so on. So that the association relationship of the card template required by the user interface selected by the user is used as card template information, the card template information carries the card template type and the association relation of the card template. The visualization configuration platform then sends the card template information to the server so that the server can generate user interface configuration data based on the card template information.

S202, the server acquires resource data corresponding to the card template type.

The resource data may include attribute information of a card template corresponding to the card template type. For example, the resource data may include attribute information such as shape, color, etc. of the card template.

Based on the above, in the embodiment of the present application, after the server receives the card template information, the server may determine the resource data corresponding to the card template type according to the card template type carried in the card template information, so that the subsequent server may generate the user interface configuration data according to the resource data.

It should be noted that, in the embodiment of the present application, the specific implementation manner of obtaining the correspondence between the card template type and the resource data by the server is not limited, for example, the server may read the correspondence between the card template type and the resource data from its own storage space, or may receive the correspondence between the card template type and the resource data from other devices.

S203, the server generates user interface configuration data corresponding to the interface identification according to the resource data corresponding to the card template type and the card template information.

User interface configuration data refers to data required by a client to generate a user interface.

In the embodiment of the application, after the server acquires the resource data corresponding to the card template type, the server can generate the user interface configuration data corresponding to the interface identifier by utilizing the resource data corresponding to the card template type and the card template information, so that the subsequent server can respond to the interface generation request of the client and send the user interface configuration data to the client, and the client can generate the user interface corresponding to the user identifier by using the user interface configuration data.

In addition, the embodiment of the present application further provides two implementation manners of S203, please refer to the following detailed description.

S204, the server responds to the interface generation request carrying the interface identifier sent by the client, and sends the user interface configuration data to the client so that the client analyzes the user interface configuration data to generate a user interface.

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 further provides related content of the client generation interface generation request, please refer to S301 below.

In the embodiment of the application, after receiving the interface generation request sent by the client, the server can determine the user interface configuration data corresponding to the interface identification according to the interface identification carried by the interface generation request, and the server feeds back the user interface configuration data corresponding to the interface identification to the client, so that the client can generate the user interface by utilizing the user interface configuration data corresponding to the interface identification.

In addition, the embodiment of the present application further provides related content of the user interface generated by the client, please refer to the following S303 and an implementation manner of S303.

Based on the above-mentioned related content from S201 to S204, in the embodiment of the present application, after receiving the card template information corresponding to the interface identifier sent by the visual configuration platform, the server may 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 analyzes the user interface configuration data to generate the user interface. The user interface configuration data for generating the user interface is automatically generated by the server based on the card template information sent by the visual configuration platform, so that the user interface configuration data can be correspondingly updated along with the updating of the card template information, and the user interface configuration data only needs to be updated when the user interface is updated, and the interface program does not need to be edited again, so that the flexible development of the user interface is realized.

In one possible implementation manner of the embodiment of the present application, two implementations of S203 (that is, the server generates the 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) are provided in the embodiments of the present application, and are described below respectively.

In the first embodiment of S203, when the card template information is initial structure data, S203 may specifically be that the server searches a data location corresponding to a target card template type in the initial structure data, fills resource data corresponding to the target card template type in the data location corresponding to the target card template type, and generates user interface configuration data corresponding to the interface identifier, where the target card template type is each of the card template types included in the card template information.

The initial structure data is used to characterize the structure of the user interface, and embodiments of the application are not limited to the format of the initial structure data, which may be represented using tree json data, for example.

Based on the foregoing description of the first embodiment of S203, if the card template information is initial structure data, it indicates that the card template information can represent the structure of the user interface, and at this time, after the server obtains the card template information and the resource data corresponding to the card template type, the server may search the initial structure data for the data location corresponding to the i-th card template type included in the card template information, and then fill the resource data corresponding to the i-th card template type into the data location corresponding to the i-th card template type, so as to generate the user interface configuration data corresponding to the interface identifier. Wherein i is a positive integer, and i is less than or equal to N, wherein N represents the total number of card template types in the card template information.

In the second embodiment of S203, when the card template information is not the initial structure data, S203 may specifically be that the server generates the initial structure data according to the card template information, searches a data location corresponding to a target card template type in the initial structure data, fills resource data corresponding to the target card template type in the data location corresponding to the target card template type, and generates user interface configuration data corresponding to the interface identifier, where the target card template type is each of the card template types included in the card template information.

Based on the above-mentioned content of the second embodiment of S203, 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 obtaining the card template information and the resource data corresponding to the card template type, the server may first generate the initial structure data by using the card template information, then search the data position corresponding to the ith card template type included in the card template information in the initial structure data, and then fill the resource data corresponding to the ith card template type into the data position corresponding to the ith card template type, so as to generate the user interface configuration data corresponding to the interface identifier. Wherein i is a positive integer, and i is less than or equal to N, wherein N represents the total number of card template types in the card template information.

In addition, the embodiment of the application also provides a user interface generation method applied to the client, as shown in fig. 3, the method comprises the steps of S301-S303:

S301, the client sends an interface generation request carrying an interface identifier to the server.

The embodiment of the application does not limit the generation mode of the interface generation request, for example, a user can trigger the interface generation request carrying the interface identifier when accessing the interface corresponding to the interface identifier on the client.

S302, the client receives 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 technical details of the user interface configuration data corresponding to the interface identifier generated by the server are described above.

The card template information corresponding to the interface identification is received by the server from the visual configuration platform, and the card template information comprises a card template type and a card template association relationship.

The relevant content of the card template information is shown in S203 above. In addition, in one possible implementation, the card template information is generated by the visual configuration platform according to the card template required by the user interface selected by the user through the visual interface and the association relation of the card template.

Based on the foregoing, in the embodiment of the present application, after the client sends the interface generation request carrying the interface identifier to the server, the client may receive the user interface configuration data corresponding to the interface identifier fed back by the server, so that the client may generate the user interface based on the user interface configuration data.

S303, the client analyzes the user interface configuration data to generate a user interface.

In the embodiment of the application, after the client receives the user interface configuration data corresponding to the interface identifier sent by the server, the client can analyze the user interface configuration data to generate the user interface so that a subsequent user can browse and operate the user interface displayed on the client.

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

The first step is that the client analyzes the card template type and the resource data corresponding to the card template type from the user interface configuration data, and generates the instance data corresponding to the card template type.

And secondly, the client reads the association relation of the card template from the user interface configuration data.

And thirdly, the client generates a user interface according to the card template association relationship and the instance data corresponding to the card template type.

It should be noted that, the embodiment of the present application is not limited to the execution sequence of the first step and the second step.

Based on the above specific implementation manner of S303, in the embodiment of the present application, after receiving the user interface configuration data sent by the server, the client may 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 generates the instance data corresponding to the card template type by using the card template type and the resource data corresponding to the card template type, the client may generate the user interface according to the card template association relationship and the instance data corresponding to the card template type.

Based on the above-mentioned content related to S301 to S303, in the embodiment of the present application, after the user triggers the interface generation request at the client, the client may send the interface generation request carrying the 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 the user interface. The user interface configuration data for generating the user interface is automatically generated by the server based on the card template information sent by the visual configuration platform, so that the user interface configuration data can be correspondingly updated along with the updating of the card template information, and the user interface configuration data only needs to be updated when the user interface is updated, and the interface program does not need to be edited again, so that the flexible development of the user interface is realized.

In a possible implementation manner of the embodiment of the present application, the embodiment of the present application further provides another implementation manner of a user interface generating method applied to a client, where, as shown in fig. 4, the user interface generating method includes S304-S305 in addition to S301-S303 described above:

and S304, the client responds to the triggering operation of the user, and when the target card template is drawn out of the user interface, the target instance data is stored in the cache, wherein the target instance data is instance data corresponding to the card template type of the target card template.

The triggering operation refers to an operation triggered when a user browses a user interface on the client.

And S305, the client responds to the triggering operation of the user, when the target card template is drawn into the user interface again, the target instance data is read from the cache, and the target card template is rendered by utilizing the target instance data in the user interface.

Based on the above contents of S304 and S305, in the embodiment of the present application, after the client generates the user interface, the user may 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 may store the target instance data corresponding to the target card template into the buffer memory, so that when the subsequent user draws the target card template into the user interface again on the user interface, the client may directly read the target instance data corresponding to the target card template from the buffer memory, and render the target card template in the user interface by using the target instance data corresponding to the target card template. This is advantageous for improving the rendering efficiency of the user interface.

Based on the content related to the user interface generating method, in order to facilitate understanding of the user interface generating method, the following description is made in connection with an interaction procedure between the server, the client, and the visual configuration platform shown in fig. 5.

As shown, the user interface generation method may include S501 to S507:

S501, the visual configuration platform sends card template information corresponding to the interface identifier to the server.

S502, the server receives card template information corresponding to the interface identifier sent by the visual configuration platform, wherein the card template information comprises card template types and card template association relations.

Note that, the content of S502 is the same as that of S201, please refer to S201 above.

S503, the server acquires resource data corresponding to the card template type.

Note that, the content of S502 is the same as that of S202, please refer to S202 above.

S504, the server generates user interface configuration data corresponding to the interface identification according to the resource data corresponding to the card template type and the card template information.

Note that, the content of S504 is the same as that of S203, please refer to S203 above.

S505, the client sends an interface generation request carrying an interface identifier to the server.

Note that, the content of S505 is the same as that of S301, please refer to S301 above.

S506, the server responds to the interface generation request carrying the interface identifier sent by the client and sends the user interface configuration data to the client.

Note that, the content of S506 is the same as that of S204, please refer to S204 above.

S507, the client analyzes the user interface configuration data to generate a user interface.

Note that, the content of S507 is the same as that of S303, please refer to S303 above.

Based on the above-mentioned related content from S501 to S507, in the embodiment of the present application, after receiving the card template information corresponding to the interface identifier sent by the visual configuration platform, the server may 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 analyzes the user interface configuration data to generate the user interface. The user interface configuration data for generating the user interface is automatically generated by the server based on the card template information sent by the visual configuration platform, so that the user interface configuration data can be correspondingly updated along with the updating of the card template information, and the user interface configuration data only needs to be updated when the user interface is updated, and the interface program does not need to be edited again, so that the flexible development of the user interface is realized.

Based on the user interface generating method provided by the method embodiment, the embodiment of the application also provides two user interface generating devices, and the two user interface generating devices are respectively described below with reference to the accompanying drawings.

The relevant content of a possible user interface generating device is as follows:

Referring to fig. 6, the structure of a user interface generating device according to an embodiment of the present application is shown.

The user interface generating device provided by the embodiment of the application comprises:

The template information receiving unit 601 is configured to receive card template information corresponding to an interface identifier sent by the visual configuration platform, where the card template information includes a card template type and a card template association relationship;

A resource data obtaining unit 602, configured to obtain resource data corresponding to the card template type;

A configuration data generating unit 603, configured 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;

and the configuration data sending unit 604 is configured to send the user interface configuration data to the client in response to an interface generation request carrying the interface identifier sent by the client, so that the client analyzes the user interface configuration data to generate a user interface.

In one possible implementation manner, the configuration data generating unit 603 includes:

In one possible implementation manner, when the card template information is initial structure data, the configuration data generating unit 603 is specifically configured to:

Another possible user interface generation means is related as follows:

Referring to fig. 7, a schematic structural diagram of another user interface generating apparatus according to an embodiment of the present application is shown.

a generation request sending unit 701, configured to send an interface generation request carrying an interface identifier to a server;

A configuration data receiving unit 702, configured to 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, and the card template information corresponding to the interface identifier is received by the server from a visual configuration platform, and the card template information includes the card template type and a card template association relationship;

The user interface generating unit 703 is configured to parse the user interface configuration data to generate a user interface.

In one possible implementation, the user interface generating unit 703 includes:

In one possible implementation, the apparatus further includes:

Fig. 8 shows a block diagram of a client 1200. For example, client 1200 may be a mobile phone, computer, digital broadcast terminal, messaging device, game console, tablet device, medical device, exercise device, personal digital assistant, or the like.

Referring to FIG. 8, client 1200 can include one or more of 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 communications component 1216.

The processing component 1202 generally controls overall operation of the client 1200, such as operations associated with display, telephone call, data communication, camera operation, and recording operation. The processing element 1202 may include one or more processors 1220 to execute instructions to perform all or part of the steps of the methods described above. Further, the processing component 1202 may include one or more modules that facilitate interactions between the processing component 1202 and other components. For example, the processing component 1202 may include a multimedia module to facilitate interaction between the multimedia component 1208 and the processing component 1202.

Memory 1204 is configured to store various types of data to support operations at client 1200. Examples of such data include instructions for any application or method operating on client 1200, contact data, phonebook data, messages, pictures, video, and the like. The memory 1204 may be implemented by any type or combination of volatile or non-volatile memory devices, 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 or optical disk.

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

The multimedia component 1208 includes a screen between the client 1200 and the user that provides an output interface. 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 a user. The touch panel includes one or more touch sensors to sense touches, swipes, and gestures on the touch panel. The touch sensor may sense not only the boundary of a touch or slide action, but also 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 operation mode, such as a photographing mode or a video mode, the front camera and/or the rear camera may receive external multimedia data. Each front camera and rear camera may be a fixed optical lens system or have focal length and optical zoom capabilities.

The audio component 1210 is configured to output and/or input audio signals. For example, the audio component 1210 includes a Microphone (MIC) configured to receive external audio signals when the client 1200 is in an operation mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals may be further stored in the memory 1204 or transmitted via the communications component 1216. In some embodiments, audio assembly 1210 further includes a speaker for outputting audio signals.

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

The sensor assembly 1214 includes one or more sensors for providing status assessment of various aspects to the client 1200. For example, the sensor assembly 1214 may detect the on/off state of the device 1200, the relative positioning of the components, such as the display and keypad of the client 1200, the sensor assembly 1214 may also detect the change in position 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 change in temperature 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 a light 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 acceleration sensor, a gyroscopic sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.

The communications component 1216 is configured to facilitate communication between the client 1200 and other devices, either wired or wireless. The client 1200 may access a wireless network based on a communication standard, such as WiFi,2G, or 3G, or a combination thereof. In one exemplary embodiment, the communication part 1216 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In one exemplary embodiment, the communications component 1216 further includes a Near Field Communication (NFC) module to facilitate short range communications. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID) technology, infrared data association (IrDA) technology, ultra Wideband (UWB) technology, bluetooth (BT) technology, and other technologies.

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 elements for performing the following methods:

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

Optionally, the method further comprises:

Optionally, the card template information is generated by the visual configuration platform according to a card template required by a user interface selected by a user through a visual interface and an association relationship of the card template.

Fig. 9 is a schematic structural diagram of a server according to an embodiment of the present application. The server 1300 may vary considerably in configuration or performance and may include one or more central processing units (central processing units, CPUs) 1322 (e.g., one or more processors) and memory 1332, one or more storage mediums 1330 (e.g., one or more mass storage devices) that store applications 1342 or data 1344. Wherein the memory 1332 and storage medium 1330 may be transitory or persistent. The program stored on the storage medium 1330 may include one or more modules (not shown), each of which may include a series of instruction operations on a server. Further, the central processor 1322 may be configured to communicate with the storage medium 1330, and execute a series of instruction operations in the storage medium 1330 on the server 1300.

Further, the cpu 1322 may perform the following method:

acquiring resource data corresponding to the card template type;

Optionally, the generating the 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 includes:

Generating initial structure data according to the card template information;

Searching a data position corresponding to a target card template type in the initial structure data, filling 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 card template type included in the target card template type.

Optionally, when the card template information is initial structure data, the generating the 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:

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/output interfaces 1356, one or more keyboards 1356, and/or one or more operating systems 1341, such as Windows Server, mac OS XTM, unixTM, linuxTM, freeBSDTM, etc.

It should be noted that, in the present description, each embodiment is described in a progressive manner, and each embodiment is mainly described in a different manner from other embodiments, and identical and similar parts between the embodiments are all enough to refer to each other. For the system or device disclosed in the embodiments, since it corresponds to the method disclosed in the embodiments, the description is relatively simple, and the relevant points refer to the description of the method section.

It should be understood that in the present application, "at least one (item)" means one or more, and "a plurality" means two or more. "and/or" is used to describe an association relationship of an associated object, and indicates that three relationships may exist, for example, "a and/or B" may indicate that only a exists, only B exists, and three cases of a and B exist simultaneously, where a and B may be singular or plural. The character "/" generally indicates that the context-dependent object is an "or" relationship. "at least one of" or the like means any combination of these items, including any combination of single item(s) or plural items(s). For example, at least one of a, b or c may represent a, b, c, "a and b", "a and c", "b and c", or "a and b and c", wherein a, b, c may be single or plural.

It is further noted that relational terms such as first and second, and the like are used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Moreover, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises an element.

The steps of a method or algorithm described in connection with the embodiments disclosed herein may be embodied directly in hardware, in a software module executed by a processor, or in a combination of the two. The software modules may be disposed in Random Access Memory (RAM), memory, read Only Memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.

The previous description of the disclosed embodiments is provided to enable any person skilled in the art to make or use the present application. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other embodiments without departing from the spirit or scope of the application. Thus, the present application is not intended to be limited to the embodiments shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. A method of generating a user interface, the method comprising:

acquiring resource data corresponding to the card template type;

Generating 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, wherein the user interface configuration data corresponding to the interface identifier comprises generating initial structure data according to the card template information, wherein the initial structure data is used for representing the structure of a user interface;

2. The method of claim 1, wherein the card template information is generated by the visual configuration platform according to a card template required by a user interface selected by a user using a visual interface and an association relationship of the card template.

3. The method according to claim 1, wherein when the card template information is initial structure data, the generating the 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 includes:

4. A method of generating a user interface, the method comprising:

The method comprises the steps of receiving user interface configuration data corresponding to interface identification sent by a server, wherein the user interface configuration data corresponding to the interface identification is generated by the server according to resource data corresponding to card template types and card template information corresponding to the interface identification, the generation mode of the user interface configuration data comprises the steps of generating initial structure data according to the card template information, wherein the initial structure data are used for representing the structure of a user interface, searching data positions corresponding to target card template types in the initial structure data, filling the resource data corresponding to the target card template types in the data positions corresponding to the target card template types, generating the user interface configuration data corresponding to the interface identification, the target card template types are each of the card template types included in the card template information, and the card template information corresponding to the interface identification is received by the server from a visual configuration platform and comprises the card template types and card template association relations;

5. The method of claim 4, wherein parsing the user interface configuration data generates a user interface, comprising:

6. The method of claim 5, wherein the method further comprises:

7. The method of claim 4, wherein the card template information is generated by the visual configuration platform according to a card template required by a user interface selected by a user using a visual interface and an association relationship of the card template.

8. A user interface generating apparatus, the apparatus comprising:

The configuration data generation unit is used for generating 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, wherein the configuration data generation unit comprises the steps of generating initial structure data according to the card template information, wherein the initial structure data is used for representing the structure of a user interface; searching a data position corresponding to a target card template type in the initial structure data, filling 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 card template type included in the card template information;

9. The apparatus of claim 8, wherein the card template information is generated by the visualization configuration platform according to a user interface required card template selected by a user using a visualization interface and an association relationship of the card template.

10. The apparatus according to claim 8, wherein when the card template information is initial structure data, the configuration data generating unit is specifically configured to:

11. A user interface generating apparatus, the apparatus comprising:

The configuration data receiving unit is used for receiving user interface configuration data corresponding to the interface identifier, which is 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, and the generation mode of the user interface configuration data comprises the steps of generating initial structure data according to the card template information, wherein the initial structure data is used for representing the structure of a user interface; searching a data position corresponding to a target card template type in the initial structure data, filling 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 identification, wherein the target card template type is each card template type included in the card template information, the card template information corresponding to the interface identification is received by the server from a visual configuration platform, and the card template information comprises the card template type and a card template association relation;

12. The apparatus according to claim 11, wherein the user interface generation unit includes:

13. The apparatus of claim 12, wherein the apparatus further comprises:

14. The apparatus of claim 11, wherein the card template information is generated by the visualization configuration platform based on a user interface desired card template selected by a user using a visualization interface and an association relationship of the card template.

15. An apparatus for user interface generation, comprising a memory, and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by one or more processors, the one or more programs comprising instructions for:

acquiring resource data corresponding to the card template type;

16. An apparatus for user interface generation, comprising a memory, and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by one or more processors, the one or more programs comprising instructions for:

17. A computer readable medium having instructions stored thereon, which when executed by one or more processors, cause an apparatus to perform the user interface generation method of one or more of claims 1 to 3, or the user interface generation method of one or more of claims 4 to 7.