Creation method and device of user interface component, operation method and device and storage medium

Abstract

The invention discloses a user interface component creation method and device, a user interface component operation method and device and a storage medium, and the method comprises the steps: firstly receiving component configuration information comprising multiple pieces of component platform configuration information corresponding to different system platforms; according to the component configuration information, generating a component framework comprising a plurality of pieces of component platform execution information and platform selection execution information used for performing selection execution in the plurality of pieces of component platform execution information, and then adding component operation information in each piece of component platform execution information to obtain a user interface component. According to the embodiment of the invention, when the user interface component is called, the target component platform execution information corresponding to the target system platform can be selected from the multiple pieces of component platform execution information through the platform selection execution information for execution; the user interface component can operate according to the component operation information in the target component platform execution information, so that repeated development of the user interface component can be avoided, and the development efficiency of the user interface component can be improved.

Description

Technical Field

[0001] The present application relates to the field of computer technologies, and in particular, to a method for creating a user interface component, a method for running the same, an apparatus, and a storage medium. Background Art

[0002] Currently, in the development of front-end pages, component-based development is usually used to improve development efficiency. Component-based development of front-end pages means isolating a certain part of the page and encapsulating the data layer, view layer, and control layer of this part into a component in the form of a black box. At the same time, some out-of-the-box functions and attributes are exposed for external components to call. External components can just call according to the attributes, functions, event handling, etc. set in advance by the components of the front-end page.

[0003] However, in the current development process of user interface components, due to the different configuration information of different system platforms, the same user interface component cannot be directly applied to different system platforms. If it is necessary to use the user interface component on different system platforms, the user interface component needs to be developed again for each system platform. Therefore, in the current development process of user interface components, problems such as duplicate development and low development efficiency are likely to occur. Summary of the Invention

[0004] The following is an overview of the subject matter described in detail herein. This overview is not intended to limit the scope of protection of the claims.

[0005] Embodiments of the present application provide a method for creating a user interface component, a method for running the same, an apparatus, and a storage medium, which can avoid duplicate development of user interface components and thus improve the development efficiency of user interface components.

[0006] On the one hand, an embodiment of the present application provides a method for creating a user interface component, including the following steps:

[0007] Receiving component configuration information for generating a user interface component, where the component configuration information includes multiple component platform configuration information, and different component platform configuration information corresponds to different system platforms;

[0008] Generating a component framework of the user interface component according to the component configuration information, where the component framework includes platform selection execution information and multiple component platform execution information, the platform selection execution information is used to select and execute among the multiple component platform execution information, and the component platform execution information corresponds one-to-one with the component platform configuration information;

[0009] Adding component running information to each of the component platform execution information to obtain the user interface component;

[0010] Among them, when the user interface component is called in the target system platform, the platform selection execution information will be executed, so as to select the target component platform execution information corresponding to the target system platform from multiple component platform execution information for execution, so that the user interface component runs in the target system platform according to the component running information in the target component platform execution information.

[0011] On the other hand, the embodiment of the present application also provides a method for running a user interface component, including the following steps:

[0012] During the operation of the target system platform, call the user interface component created according to the creation method of the user interface component described above;

[0013] Run the user interface component in the target system platform.

[0014] On the other hand, the embodiment of the present application also provides a creation device for a user interface component, including:

[0015] An information receiving unit, configured to receive component configuration information for generating a user interface component, where the component configuration information includes multiple component platform configuration information, and different component platform configuration information corresponds to different system platforms;

[0016] A framework generation unit, configured to generate a component framework of the user interface component according to the component configuration information, where the component framework includes platform selection execution information and multiple component platform execution information, and the platform selection execution information is used to select and execute from multiple component platform execution information, and the component platform execution information corresponds one-to-one with the component platform configuration information;

[0017] A component creation unit, configured to add component running information to each component platform execution information to obtain the user interface component;

[0018] Among them, when the user interface component is called in the target system platform, the platform selection execution information will be executed, so as to select the target component platform execution information corresponding to the target system platform from multiple component platform execution information for execution, so that the user interface component runs in the target system platform according to the component running information in the target component platform execution information.

[0019] Optionally, the component configuration information further includes component common configuration information, and the framework generation unit is further configured to:

[0020] Generate a framework template of the user interface component according to the component common configuration information;

[0021] Generate the platform selection execution information and multiple component platform execution information in the framework template according to the multiple component platform configuration information, and obtain the component framework of the user interface component.

[0022] Optionally, the framework generation unit is further configured to:

[0023] Determine multiple system platform identification information according to the multiple component platform configuration information;

[0024] Generate the platform selection execution information in the framework template according to the multiple component platform configuration information and the multiple system platform identification information, and generate multiple component platform execution information in the framework template according to the multiple component platform configuration information, and obtain the component framework of the user interface component.

[0025] Optionally, the component platform configuration information includes component behavior configuration information, and the component platform execution information includes component behavior description information corresponding to the component behavior configuration information, and the component behavior description information is used to characterize the behavior action that triggers the component operation information.

[0026] Optionally, the creation device further includes a component modification unit, and the component modification unit is configured to:

[0027] Receive component configuration modification information for configuring and modifying the user interface component;

[0028] Modify the component framework according to the component configuration modification information without changing the component operation information, and obtain a new user interface component.

[0029] Optionally, the component modification unit is further configured to:

[0030] Determine the component configuration items to be modified according to the component configuration modification information;

[0031] Incrementally modify the component framework according to the component configuration items without changing the component operation information, and obtain a new user interface component.

[0032] Optionally, the component modification unit is further configured to:

[0033] Protect the component operation information, and incrementally modify the component framework after the component operation information is protected according to the component configuration items, and obtain a new component framework;

[0034] Remove the protection of the component operation information, and in the new component framework, adapt and adjust the unprotected component operation information to obtain a new user interface component.

[0035] Optionally, the component modification unit is further configured to:

[0036] Compare the content of the component configuration modification information with all the component platform execution information in the component framework to obtain configuration difference information;

[0037] Determine the component configuration items to be modified according to the configuration difference information.

[0038] On the other hand, an embodiment of the present application further provides an operating device for a user interface component, including:

[0039] A component calling unit, configured to call the user interface component created according to the foregoing user interface component creation device during the operation of the target system platform;

[0040] A component operation unit, configured to operate the user interface component in the target system platform.

[0041] Optionally, the component operation unit is further configured to:

[0042] Execute the platform selection execution information in the user interface component in the target system platform, so as to select the target component platform execution information corresponding to the target system platform from the multiple component platform execution information in the user interface component for execution, so that the user interface component runs in the target system platform according to the component operation information in the target component platform execution information.

[0043] Optionally, the component platform configuration information includes component behavior configuration information, the component platform execution information includes component behavior description information corresponding to the component behavior configuration information, the component behavior description information is used to characterize the behavior actions that trigger the component operation information, and the component operation information includes component logic operation information; the operating device further includes:

[0044] A logic execution unit, configured to execute the component logic operation information in response to detecting the behavior actions performed on the user interface component.

[0045] On the other hand, an embodiment of the present application further provides an electronic device, including:

[0046] At least one processor;

[0047] At least one memory, configured to store at least one program;

[0048] When at least one of the programs is executed by at least one of the processors, it implements the method for creating the user interface component as described above, or implements the method for running the user interface component as described above.

[0049] On the other hand, an embodiment of the present application further provides a computer-readable storage medium, in which a computer program executable by a processor is stored. When the computer program executable by the processor is executed by the processor, it is used to implement the method for creating the user interface component as described above, or implement the method for running the user interface component as described above.

[0050] On the other hand, an embodiment of the present application further provides a computer program product, including a computer program or computer instructions. The computer program or the computer instructions are stored in a computer-readable storage medium. A processor of an electronic device reads the computer program or the computer instructions from the computer-readable storage medium, and the processor executes the computer program or the computer instructions, so that the electronic device executes the method for creating the user interface component as described above, or implements the method for running the user interface component as described above.

[0051] The embodiments of the present application at least include the following beneficial effects: First, receive the component configuration information for generating user interface components, and then generate the component framework of the user interface components according to the component configuration information. Since the component configuration information includes multiple component platform configuration information, and different component platform configuration information corresponds to different system platforms, the component framework of the user interface components generated according to the component configuration information can include multiple component platform execution information corresponding one-to-one to the component platform configuration information, and platform selection execution information for selecting and executing among multiple component platform execution information. Then, add component operation information to each component platform execution information respectively to obtain the user interface component. Since the component platform execution information included in the component framework of the user interface component corresponds one-to-one to the component platform configuration information, and different component platform configuration information corresponds to different system platforms, the user interface component can adapt to different system platforms. Moreover, since the platform selection execution information in the user interface component can be selected and executed among multiple component platform execution information, when the user interface component is called in the target system platform, the platform selection execution information in the user interface component can be executed, so as to select and execute the target component platform execution information corresponding to the target system platform among multiple component platform execution information, and further enable the user interface component to run in the target system platform according to the component operation information in the target component platform execution information. That is to say, by introducing multiple component platform execution information and platform selection execution information for selecting and executing among multiple component platform execution information into the component framework of the user interface component, it is possible to make one user interface component adapt to multiple different system platforms without having to re-develop the user interface component for each system platform, so as to avoid duplicate development of the user interface component and improve the development efficiency of the user interface component.

[0052] Other features and advantages of the present application will be described in the following specification, and in part, will be obvious from the specification, or will be understood by implementing the present application. The objectives and other advantages of the present application can be achieved and obtained by the structures specifically pointed out in the specification and the drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0053] The drawings are used to provide a further understanding of the technical solutions of the present application, and constitute a part of the specification. Together with the embodiments of the present application, they are used to explain the technical solutions of the present application, and do not constitute a limitation to the technical solutions of the present application.

[0054] Figure 1 It is a schematic diagram of an implementation environment provided by an embodiment of the present application;

[0055] Figure 2 It is a schematic diagram of another implementation environment provided by an embodiment of the present application;

[0056] Figure 3 It is a flowchart of a method for creating a user interface component provided by an embodiment of the present application;

[0057] Figure 4 It is a basic schematic diagram of an editor plugin provided by an embodiment of the present application;

[0058] Figure 5 It is a schematic diagram of the system process of a method for creating a user interface component provided by an embodiment of the present application;

[0059] Figure 6 It is a schematic diagram of the implementation of a desktop toolbar component provided by an embodiment of the present application;

[0060] Figure 7 It is a schematic diagram of the implementation of a mobile toolbar component provided by an embodiment of the present application;

[0061] Figure 8 It is a schematic diagram of introducing cross - platform user interface components for component development provided by an embodiment of the present application;

[0062] Figure 9 It is a schematic diagram of the configuration information of Component A provided by an embodiment of the present application;

[0063] Figure 10 It is a schematic diagram of the component framework information of Component A provided by an embodiment of the present application;

[0064] Figure 11 It is a schematic diagram of the home page information for calling Component A provided by an embodiment of the present application;

[0065] Figure 12 It is a detailed flowchart of a method for creating a user interface component provided by an embodiment of the present application;

[0066] Figure 13 It is a display diagram of a switch component on the desktop provided by an embodiment of the present application;

[0067] Figure 14 It is a display diagram of a switch component on the mobile device provided by an embodiment of the present application;

[0068] Figure 15 It is a flowchart of a method for running a user interface component provided by an embodiment of the present application;

[0069] Figure 16 It is a schematic diagram of a device for creating a user interface component provided by an embodiment of the present application;

[0070] Figure 17It is a schematic diagram of an operating device for a user interface component provided by an embodiment of the present application;

[0071] Figure 18 It is a schematic diagram of an electronic device provided by an embodiment of the present application;

[0072] Figure 19 It is a schematic diagram of configuration information of a user interface component provided by an embodiment of the present application. Detailed implementation manners

[0073] The present application will be further described below in conjunction with the accompanying drawings of the specification and specific embodiments. The described embodiments should not be regarded as limitations on the present application. All other embodiments obtained by those of ordinary skill in the art without creative efforts shall fall within the scope of protection of the present application.

[0074] In the following description, reference is made to "some embodiments", which describe a subset of all possible embodiments. However, it can be understood that "some embodiments" can be the same subset or different subsets of all possible embodiments, and can be combined with each other without conflict.

[0075] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as commonly understood by those skilled in the technical field to which this application belongs. The terms used herein are only for the purpose of describing the embodiments of this application and are not intended to limit this application.

[0076] Before further elaborating on the embodiments of the present application, the nouns and terms involved in the embodiments of the present application are described. The nouns and terms involved in the embodiments of the present application are subject to the following explanations.

[0077] 1) Cross-platform means that the same piece of code runs and provides services on different system platforms such as mobile terminal system platforms and computer terminal system platforms.

[0078] 2) A user interface (UI) component refers to a code set obtained by encapsulating UI description code, UI behavior code, etc., and users only need to write a small amount of code to achieve complex UI effects. The UI component is responsible for obtaining the business data given by the business logic component to display the page and providing an interaction method, and can trigger the business process operations given by the business logic component.

[0079] 3) Reuse means encapsulating the general code process for repeated use in subsequent development processes.

[0080] 4) A slot refers to the abstraction of an event handling method, representing a receiver for a certain event to be implemented, and is specifically used to handle a certain event.

[0081] For the same business project, when the business project needs to be applied to multiple different system platforms, such as mobile terminal system platforms, computer system platforms, in-vehicle terminal system platforms and other different system platforms, since the business project needs to be adapted to different system platforms, there will be many situations where the business logics are the same but the UI components are similar. Since the same UI component is only similar in different system platforms, during the development of the UI components of the business project, the same UI component needs to be adapted to different system platforms.

[0082] However, in the related technologies, when creating UI components, there is no technical solution that associates UI component development with cross-platform. In some related technologies, although a processing method for logical abstraction is given during the development of traditional UI components, there is no solution for cross-platform development of UI components. In fact, traditional UI component development has already been able to separate UI code and logical code. However, since a popular application may have implementations on multiple system platforms, although the existing related technologies can achieve reuse logically, the similarity in UI appearance and the differences in UI behavior are difficult to manage or reuse. Therefore, in the current related technologies, it is impossible to ensure the differentiation of UI components when running on each system platform when providing a unified call interface for multi-system platform business development, resulting in the need to re-develop the same UI component for each system platform. Therefore, in the current development process of UI components, problems such as duplicate development and low development efficiency are likely to occur.

[0083] In order to avoid duplicate development of UI components and improve the development efficiency of UI components, embodiments of the present application provide a method for creating a UI component, a method for running a UI component, a device for creating a UI component, a device for running a UI component, an electronic device, a computer-readable storage medium, and a computer program product. First, component configuration information for generating a UI component is received, and then a component framework of the UI component is generated according to the component configuration information. Since the component configuration information includes multiple component platform configuration information, and different component platform configuration information corresponds to different system platforms, the component framework of the UI component generated according to the component configuration information can include multiple component platform execution information corresponding one-to-one to the component platform configuration information, and platform selection execution information for selecting and executing among multiple component platform execution information. Then, component running information is added to each component platform execution information respectively to obtain the UI component. Since the component platform execution information included in the component framework of the UI component corresponds one-to-one to the component platform configuration information, and different component platform configuration information corresponds to different system platforms, the UI component can adapt to different system platforms. Moreover, since the platform selection execution information in the UI component can select and execute among multiple component platform execution information, when the UI component is called in the target system platform, the platform selection execution information in the UI component can be executed, so as to select and execute the target component platform execution information corresponding to the target system platform among multiple component platform execution information, and further enable the UI component to run in the target system platform according to the component running information in the target component platform execution information. That is to say, by introducing multiple component platform execution information and platform selection execution information for selecting and executing among multiple component platform execution information in the component framework of the UI component, it is possible to make one UI component adapt to multiple different system platforms without having to re-develop the UI component for each system platform when only one UI component is created. Therefore, duplicate development of UI components can be avoided, and the development efficiency of UI components can be improved.

[0084] Figure 1 is a schematic diagram of an implementation environment provided by an embodiment of the present application. Refer to Figure 1 , the implementation environment includes a first development terminal 101, a first server 102, and a first user terminal 103. The first development terminal 101 and the first server 102 can be directly or indirectly connected through wired or wireless communication means, and the first server 102 and the first user terminal 103 can be directly or indirectly connected through wired or wireless communication means. Among them, the first development terminal 101, the first server 102, and the first user terminal 103 can all be nodes in the blockchain, and this embodiment does not make specific limitations on this.

[0085] The first development terminal 101 may include, but is not limited to, development terminal devices such as computers. Optionally, an editor plugin tool is installed on the first development terminal 101, and the first development terminal 101 can assist in operations such as adding and deleting various configurations and running information in the UI components, thereby improving development efficiency.

[0086] The first server 102 can be an independent physical server, a server cluster or a distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN (Content Delivery Network), as well as big data and artificial intelligence platforms.

[0087] The first user terminal 103 may include, but is not limited to, intelligent devices such as smartphones, computers, intelligent voice interaction devices, intelligent home appliances, vehicle terminals, and aircraft.

[0088] In one embodiment, the first development terminal 101 has at least functions such as component configuration information acquisition, component framework generation, component operation information acquisition, and UI component generation. For example, the first development terminal 101 can acquire the component configuration information input by the developer for generating the UI component, where the component configuration information includes multiple component platform configuration information and component common configuration information. Among them, the first development terminal 101 can modify the component platform configuration information and component common configuration information according to the actual business requirements; then, the first development terminal 101 can generate the component framework of the UI component according to the component configuration information, and the component framework can include platform selection execution information and multiple component platform execution information. Among them, the platform selection execution information can be used to select and execute among multiple component platform execution information. Since the component configuration information includes multiple component platform configuration information, and different component platform configuration information corresponds to different system platforms, in the component framework of the UI component generated according to the component configuration information, multiple component platform execution information corresponding one-to-one to the component platform configuration information can be included, as well as the platform selection execution information for selecting and executing among multiple component platform execution information; then, the first development terminal 101 can add component operation information to each component platform execution information. Among them, when the first development terminal 101 adds component operation information to each component platform execution information, it can also call the editor plugin tool to configure the platform selection execution information in the component framework, and perform corresponding configuration or modification on the component platform execution information. At this time, according to the configured component framework, the UI component can be obtained. Since the component platform execution information included in the component framework of the UI component is in one-to-one correspondence with the component platform configuration information, and different component platform configuration information corresponds to different system platforms, the UI component can be adapted to different system platforms. Moreover, since the platform selection execution information in the UI component can be selected and executed among multiple component platform execution information, when the UI component is called in the target system platform, the platform selection execution information in the UI component can be executed, so that the target component platform execution information corresponding to the target system platform can be selected and executed among multiple component platform execution information, and further the UI component can run in the target system platform according to the component operation information in the target component platform execution information.

[0089] Refer to Figure 1As shown, in an application scenario, assume that the first development terminal 101 is a computer, the first user terminal 103 is a smart phone, and the first development terminal 101 is installed with an editor plug-in tool. During the process of a developer creating a UI component through the editor plug-in tool in the first development terminal 101 to obtain a UI component that can adapt to multiple different platforms, the first development terminal 101 can first obtain the component configuration information input by the developer for generating the UI component. The component configuration information includes component common configuration information and multiple component platform configuration information corresponding to different system platforms. The first development terminal 101 can, according to the actual business requirements, call the editor plug-in tool to modify the component platform configuration information and the component common configuration information. For example, the modified platform information in the component platform configuration information can be the mobile terminal or the desktop terminal (or called the computer terminal), and there is no limitation here. Then, the first development terminal 101 generates a component framework of the UI component according to the component configuration information. The component framework includes platform selection execution information and multiple component platform execution information corresponding one by one to the component platform configuration information. The platform selection execution information can be used to select and execute among multiple component platform execution information. For example, there are two pieces of component platform execution information, corresponding to the mobile terminal and the desktop terminal respectively. When the platform selection execution information selects the component platform execution information corresponding to the mobile terminal, the component platform execution information corresponding to the mobile terminal can be called for execution. Next, the first development terminal 101 adds component running information to each piece of component platform execution information. Among them, when the first development terminal 101 adds component running information to each piece of component platform execution information, the editor plug-in tool can also be called to configure the platform selection execution information in the component framework, and perform corresponding configuration or modification on the component platform execution information. At this time, according to the configured component framework, the UI component can be obtained. At this time, when the first development terminal 101 receives a page creation instruction input by the developer, it can create a page framework of the corresponding system platform main page, and the UI component is configured in the page framework of the system platform main page. Then, the first development terminal 101 packages the page framework of the system platform main page to generate a system platform installation package, and sends the system platform installation package to the first server 102 for storage. When the first user terminal 103 needs to be updated or upgraded, the first server 102 sends the system platform installation package to the first user terminal 103 for installation and running. After the first user terminal 103 installs the system platform installation package, the first user terminal 103 will run the system platform main page, and during the process of running the system platform main page, call the UI component, so that the UI component can be displayed on the first user terminal 103.

[0090] Figure 2 is a schematic diagram of another implementation environment provided by the embodiments of the present application. Refer toFigure 2 , the implementation environment includes a second development terminal 201, a second server 202, a second user terminal 203, and a database server 204. The second development terminal 201 and the second server 202 can be directly or indirectly connected through wired or wireless communication means. The second server 202 and the second user terminal 203 can be directly or indirectly connected through wired or wireless communication means. The database server 204 can be set up independently, integrated on the second server 202, or integrated on other devices. Among them, the second development terminal 201, the second server 202, the second user terminal 203, and the database server 204 can all be nodes in the blockchain, and this embodiment does not make specific limitations on this.

[0091] The second development terminal 201 can include, but is not limited to, development terminal devices such as computers. Optionally, the second user terminal 203 can be installed with an editor plugin tool. The second development terminal 201 can assist in operations such as adding and deleting various configurations and running information in the UI components through the editor plugin tool, improving development efficiency.

[0092] The second server 202 can be an independent physical server, a server cluster or a distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN networks, and big data and artificial intelligence platforms. Among them, multiple component running information can be pre-deployed in the database server 204. The second development terminal 201 can obtain the target component running information from the component running information in the second server 202, so that the second development terminal 201 can configure the UI components according to the target component running information.

[0093] The second user terminal 203 can include, but is not limited to, intelligent devices such as smart phones, computers, intelligent voice interaction devices, intelligent home appliances, vehicle terminals, and aircraft.

[0094] In one embodiment, the second development terminal 201 at least has functions such as component configuration information acquisition, component framework generation, component operation information acquisition, and UI component generation. For example, the second development terminal 201 can acquire component configuration information input by developers for generating UI components, where the component configuration information includes multiple component platform configuration information and component common configuration information. Among them, the second development terminal 201 can modify the component platform configuration information and component common configuration information according to actual business requirements; then, the second development terminal 201 can generate a component framework of the UI component according to the component configuration information. The component framework can include platform selection execution information and multiple component platform execution information. Among them, the platform selection execution information can be used to select and execute among multiple component platform execution information. Since the component configuration information includes multiple component platform configuration information, and different component platform configuration information corresponds to different system platforms, in the component framework of the UI component generated according to the component configuration information, it can include multiple component platform execution information corresponding one by one to the component platform configuration information, and platform selection execution information for selecting and executing among multiple component platform execution information; then, the second development terminal 201 can obtain target component operation information from the database server 204, and then add the target component operation information to each component platform execution information. Among them, when the second development terminal 201 adds the target component operation information to each component platform execution information, it can also call the editor plugin tool to configure the platform selection execution information in the component framework, and perform corresponding configuration or modification on the component platform execution information. At this time, according to the configured component framework, the UI component can be obtained. Since the component platform execution information included in the component framework of the UI component is corresponding one by one to the component platform configuration information, and different component platform configuration information corresponds to different system platforms, the UI component can be adapted to different system platforms. Moreover, since the platform selection execution information in the UI component can be selected and executed among multiple component platform execution information, when the UI component is called in the target system platform, the platform selection execution information in the UI component will be executed, so as to be able to select and execute the target component platform execution information corresponding to the target system platform among multiple component platform execution information, and further enable the UI component to run in the target system platform according to the target component operation information in the target component platform execution information.

[0095] Refer to Figure 2As shown, in another application scenario, assume that the second development terminal 201 is a computer, the second user terminal 203 is a computer, and the second development terminal 201 is installed with an editor plugin tool. During the process that a developer creates a UI component through the editor plugin tool in the second development terminal 201 to obtain a UI component that can adapt to multiple different platforms, the second development terminal 201 can first obtain the component configuration information input by the developer for generating the UI component. The component configuration information includes component common configuration information and multiple component platform configuration information corresponding to different system platforms. The second development terminal 201 can, according to the actual business requirements, call the editor plugin tool to modify the component platform configuration information and the component common configuration information. For example, the modified platform information in the component platform configuration information can be the mobile end or the desktop end (or called the computer end), and there is no restriction here. Then, the second development terminal 201 generates a component framework of the UI component according to the component configuration information. The component framework includes platform selection execution information and multiple component platform execution information corresponding one by one to the component platform configuration information. The platform selection execution information can be used to select and execute among multiple component platform execution information. For example, there are two component platform execution information, corresponding to the mobile end and the desktop end respectively. When the platform selection execution information selects the component platform execution information corresponding to the mobile end, the component platform execution information corresponding to the mobile end can be called for execution. Next, the second development terminal 201 can send a command to the database server 204 to request the target component running information. After the database server 204 sends the target component running information to the second development terminal 201, the second development terminal 201 can add the target component running information to each component platform execution information. Among them, during the process that the second development terminal 201 adds the target component running information to each component platform execution information, the editor plugin tool can also be called to configure the platform selection execution information in the component framework, and perform corresponding configuration or modification on the component platform execution information. At this time, according to the configured component framework, the UI component can be obtained. At this time, the second development terminal 201 can, in the case of receiving a page creation command input by the developer, create a page framework of the main page of the corresponding system platform. The UI component is configured in the page framework of the main page of the system platform. Then, the second development terminal 201 packages the page framework of the main page of the system platform to generate a system platform installation package, and sends the system platform installation package to the second server 202 for storage.When it is necessary to perform system updates or upgrades on the second user terminal 203, the second server 202 sends the system platform installation package to the second user terminal 203 for installation and operation. After the second user terminal 203 installs the system platform installation package, the second user terminal 203 will run the main page of the system platform, and during the process of running the main page of the system platform, the UI component is called so that the UI component can be displayed on the second user terminal 203.

[0096] It should be noted that in each specific embodiment of the present application, when it comes to performing relevant processing based on data related to the characteristics of the target object (such as users, etc.), such as attribute information or a set of attribute information of the target object, the permission or consent of the target object will be obtained first. Moreover, the collection, use, and processing of these data will comply with relevant laws, regulations, and standards. In addition, when the embodiments of the present application need to obtain the attribute information of the target object, the separate permission or separate consent of the target object will be obtained through methods such as pop-up windows or jumping to a confirmation page. After clearly obtaining the separate permission or separate consent of the target object, the relevant data of the target object necessary for the normal operation of the embodiments of the present application will be obtained.

[0097] Figure 3 It is a flowchart of a method for creating a UI component provided by an embodiment of the present application. The method for creating the UI component can be executed by a development terminal or jointly executed by a development terminal and a server. In the embodiments of the present application, this method is described by taking the execution by the development terminal as an example. Refer to Figure 3 , the method for creating the UI component includes but is not limited to steps 310 to 330.

[0098] Step 310: Receive component configuration information for generating a UI component, where the component configuration information includes multiple component platform configuration information, and different component platform configuration information corresponds to different system platforms;

[0099] In this step, it should be noted that the component configuration information can be used to represent the basic information of the UI component. The component configuration information includes at least the component platform configuration information and the component common configuration information. Among them, the component platform configuration information can be used to configure the interaction behavior information of the component when it runs on different platforms. For example, in the component platform configuration information, "desktop" and "mobile" platforms can be added, and then "right-click execution" can be added to the configuration information of the desktop, and "long-press execution" can be added to the configuration information of the mobile. Since different component platform configuration information corresponds to different system platforms, when the component is called by the mobile, the trigger action of the component is "long-press execution". In addition, information for display on different platforms can also be added to the component common configuration information, and the content of this information displayed on different platforms can be the same. For example, after adding the title information to the component common configuration information, the title information can be displayed correspondingly on both the desktop and the mobile, and the UI styles of the title information displayed on the desktop and the mobile can be the same.

[0100] Step 320: Generate a component framework of the UI component according to the component configuration information. Among them, the component framework includes platform selection execution information and multiple component platform execution information. The platform selection execution information is used to select and execute among the multiple component platform execution information, and the component platform execution information corresponds one-to-one with the component platform configuration information.

[0101] In this step, it can be understood that since the component configuration information includes multiple component platform configuration information, and different component platform configuration information corresponds to different system platforms, therefore, in the component framework of the UI component generated according to the component configuration information, it can include multiple component platform execution information corresponding one-to-one with the component platform configuration information, and platform selection execution information for selecting and executing among the multiple component platform execution information.

[0102] It should be noted that the platform selection execution information can be used to judge the target system platform when the UI component is called by the target system platform, and select the target execution information for execution; the component platform execution information can be used to call the platform execution information corresponding to the target execution information for execution when the target execution information is executed.

[0103] Step 330: Add component running information to each component platform execution information to obtain the UI component.

[0104] In this step, it can be understood that since the platform selection execution information in the UI component can be selected and executed from among the execution information of multiple component platforms, when the UI component is called in the target system platform, the platform selection execution information in the UI component can be executed, so that the target component platform execution information corresponding to the target system platform can be selected and executed from among the execution information of multiple component platforms. Furthermore, the UI component can operate in the target system platform according to the component operation information in the target component platform execution information.

[0105] In one embodiment, referring to Figure 19 , Figure 19 is a schematic diagram of the configuration information of a UI component provided by an embodiment of the present application. As Figure 4 shown, the configuration information of the UI component includes a component name 1910, common configuration information 1920, and platform configuration information 1930. When a developer configures the UI component, modifications can be made at the corresponding positions. For example, identification information of different platforms can be added to the platform configuration information 1930 so that when the UI component is called by the platform, corresponding operations can be performed on the platform according to the identification information of the platform; content to be displayed by the component, such as title information and navigation bar information, etc., can be added to the common configuration information 1920, so that the common configuration information 1920 and the platform configuration information 1930 in the UI component can be executed, and during the operation of the UI component, the target component platform execution information corresponding to the target system platform can be selected and executed from among multiple platform configuration information. Therefore, repeated development of the UI component can be avoided, and thus the development efficiency of the UI component can be improved. In addition, the name of the UI component can be modified in the component name 1910. There is no limitation here, and the developer can modify the configuration according to actual needs.

[0106] In one embodiment, when the UI component is called in the target system platform, the platform selection execution information in the component framework of the UI component is executed. During the execution of the platform selection execution information, the type of the target system platform can be determined, so that the target component platform execution information corresponding to the target system platform can be selected and executed from among the execution information of multiple component platforms. Furthermore, the UI component can operate in the target system platform according to the component operation information in the target component platform execution information. By introducing multiple component platform execution information and platform selection execution information for selecting and executing among multiple component platform execution information in the component framework of the UI component, the UI component can be adapted to multiple different system platforms without having to re-develop the UI component for each system platform. Therefore, repeated development of the UI component can be avoided, and thus the development efficiency of the UI component can be improved.

[0107] In one embodiment, in the process of generating a component framework of a UI component according to component configuration information, a framework template of the UI component can be generated according to common component configuration information. Since the common component configuration information can configure common information called by different platforms, the component framework of the UI component generated according to the component configuration information can also include component platform general information. The component platform general information can be used to inherit the content of the common component configuration information, so that when the UI component runs on different platforms, it shows the same content. For example, when "article theme" is configured in the common component configuration information, the component platform general information can inherit the "article theme". When the UI component runs on a mobile device or a desktop, it can show the same "article theme". Then, according to multiple component platform configuration information, platform selection execution information and multiple component platform execution information can be generated in the framework template of the UI component to obtain the component framework of the UI component.

[0108] In one embodiment, in the process of generating platform selection execution information and multiple component platform execution information in the framework template according to multiple component platform configuration information to obtain the component framework of the UI component, multiple system platform identification information can be determined first according to the multiple component platform configuration information, and then corresponding platform selection execution information can be generated in the framework template according to the multiple component platform configuration information and the multiple system platform identification information, and multiple component platform execution information can be generated according to the multiple component platform configuration information, so that the component framework of the UI component can be obtained. Since various different system platforms can be pre-configured in the component platform configuration information, in the component framework generated according to the component platform configuration information, the platform selection execution information can identify multiple system platforms during execution, so that the UI component can run in the target system platform according to the component running information in the target component platform execution information.

[0109] In one embodiment, the component platform configuration information can further include component behavior configuration information, and the component platform execution information includes component behavior description information corresponding to the component behavior configuration information, where the component behavior description information can be used to represent the behavior actions that trigger the component running information. Since different component platform configuration information corresponds to different system platforms, the component platform execution information in the component framework of the UI component generated according to the component configuration information can include multiple component behavior description information corresponding one by one to the component platform configuration information. When the UI component is called in the target system platform, the platform selection execution information in the UI component can be executed, so that the component behavior description information corresponding to the target system platform can be selected from the multiple component platform execution information for execution.

[0110] In this embodiment, through the method for creating a UI component including the previous steps 310 to 330, first receive the component configuration information for generating the UI component, and then generate the component framework of the UI component according to the component configuration information. Since the component configuration information includes multiple component platform configuration information, and different component platform configuration information corresponds to different system platforms, the component framework of the UI component generated according to the component configuration information can include multiple component platform execution information corresponding one-to-one to the component platform configuration information, and platform selection execution information for selecting and executing among multiple component platform execution information. Then, add component running information to each component platform execution information respectively to obtain the UI component. Since the component platform execution information included in the component framework of the UI component is corresponding one-to-one to the component platform configuration information, and different component platform configuration information corresponds to different system platforms, the UI component can adapt to different system platforms. Moreover, since the platform selection execution information in the UI component can be selected and executed among multiple component platform execution information, when the UI component is called in the target system platform, the platform selection execution information in the UI component can be executed, so as to be able to select the target component platform execution information corresponding to the target system platform from multiple component platform execution information for execution, and further enable the UI component to run in the target system platform according to the component running information in the target component platform execution information. That is to say, by introducing multiple component platform execution information and platform selection execution information for selecting and executing among multiple component platform execution information in the component framework of the UI component, it is possible to make one UI component adapt to multiple different system platforms when only creating one UI component, without having to re-develop the UI component for each system platform, so as to avoid duplicate development of the UI component and thus improve the development efficiency of the UI component.

[0111] In one embodiment, when creating a UI component, it is also possible to receive component configuration modification information for modifying the configuration of the UI component. Without changing the component running information, the component framework can be modified according to the component configuration modification information to obtain a new UI component. It can be understood that the configuration information of the component framework generated according to the component configuration information corresponds to the configuration information of the component configuration information. Therefore, when the component configuration information of the UI component is modified, the component framework can be modified according to the modification content of the component configuration information without changing the component running information of the component framework, so as to obtain a new component framework and thus a new UI component.

[0112] In one embodiment, when the component operation information of the UI component is "open pop-up window", and the component behavior description information triggering the component operation information is "double-click the left mouse button", after modifying "double-click the left mouse button" to "click the right mouse button" in the component configuration information, without changing "open pop-up window", the component behavior description information in the component framework can be modified to "click the right mouse button" to obtain a new UI component with modified component behavior description information, thereby avoiding duplicate development of the UI component and improving the development efficiency of the UI component.

[0113] In one embodiment, in the process of modifying the component framework according to the component configuration modification information to obtain a new UI component without changing the component operation information, the component configuration item to be modified can be determined first according to the component configuration modification information; then, without changing the component operation information, the component framework can be incrementally modified according to the component configuration item to obtain a new UI component.

[0114] In one embodiment, when determining the component configuration item to be modified according to the component configuration modification information, the content of the component configuration modification information can be compared with all the component platform execution information in the component framework first to obtain configuration difference information; then the component configuration item to be modified can be determined according to the configuration difference information.

[0115] In one embodiment, the component operation information of the UI component can be "open pop-up window", and the component behavior description information triggering the component operation information is "double-click the left mouse button". When the component configuration item to be modified confirmed is a component platform execution information, and the component behavior description information of the component platform execution information is "click the right mouse button", and the corresponding component operation information is "close pop-up window", in the process of incrementally modifying the component configuration item to be modified, without changing the original "open pop-up window" and "double-click the left mouse button", the component configuration item can be added to the component platform execution information of the UI component to obtain an incremented new UI component, thereby avoiding duplicate development of the UI component and improving the development efficiency of the UI component.

[0116] In one embodiment, the component operation information can be protected first, and then the component framework after the component operation information is protected can be incrementally modified according to the component configuration item to obtain a new component framework; then the protection of the component operation information can be lifted, and then in the new component framework, the component operation information after the protection is lifted can be adaptively adjusted to obtain a new UI component, thereby avoiding loss of data of the component operation information in the process of incrementally modifying the configuration information.

[0117] In one embodiment, the component operation information of the UI component can be "open a pop-up window", and the component behavior description information that triggers this component operation information can be "double-click the left mouse button". When an incremental configuration needs to be made in the configuration item of this component operation information, for example, when adding a configuration item with the component behavior description information of "right-click the mouse button" and the corresponding component operation information of "close the pop-up window", the original component operation information can be protected first, and then this configuration item can be added to the component platform execution information corresponding to this component operation information in the component framework. Then, the protection of the original component operation information can be lifted, this configuration item can be added to this component operation information, and the component operation information can be adaptively adjusted according to the modified content of the component platform execution information to obtain a new UI component.

[0118] In one embodiment, an editor plugin can be used to modify the configuration of the UI component to improve development efficiency. Figure 4 is the basic schematic diagram of the editor plugin provided by the embodiments of the present application. Refer to Figure 4 When modifying the configuration of a cross-platform UI component, the editor plugin can first analyze according to the component configuration modification information to obtain the components configuration items that may be affected and to be modified by the current configuration modification. Then, the component operation information is protected. On the basis of not changing the component operation information, the components configuration items to be modified this time are adjusted, such as generating code adjustment, adding new injection items, etc., to obtain a new component framework. Then, the protection of the component operation information is lifted, and then in the new component framework, the component operation information after the protection is lifted is adaptively adjusted to obtain a new UI component, so as to avoid repeated development of the UI component and improve the development efficiency of the UI component.

[0119] The following uses a specific example to illustrate in detail the method for creating a UI component provided by the embodiments of the present application.

[0120] Refer to Figure 5 as shown, Figure 5 is a system flow diagram of the method for creating a UI component provided by a specific example. In Figure 5 this, the method for creating this UI component can include two major parts: a component framework generation part 510 and a UI component generation part 520.

[0121] In the component framework generation section 510, the input information is component configuration information. By obtaining candidate components in the component library, the component configuration information of this component can be obtained. The component configuration information includes multiple component platform configuration information and component common configuration information, and different component platform configuration information can correspond to different system platforms. When the component configuration information is received, developers can specify the component platform configuration information and component common configuration information to override the default configuration of the component, and then merge the specified general configuration and the system platform default configuration to provide a configuration data source for the specific implementation of the UI component. The component framework can internally generate platform selection execution information and component platform execution information to support possible behavior differences on each platform.

[0122] In the UI component generation section 520, the input information is various configuration information in the component framework, which at least includes component platform configuration information, component common configuration information, platform selection execution information, and component platform execution information. After the UI component is called on different system platforms, the component can perform differential configuration according to the context environment, so as to be presented in different styles on different platforms and exhibit different interaction behaviors.

[0123] Since there may also be cases where the layout of cross-platform components cannot be reused, multi-platform implementation can be added to the creation process of the UI component, referring to Figures 6 - 7 , Figure 6 is the implementation of the desktop toolbar component, Figure 7 and Figure 6 is the implementation of the mobile toolbar component. As Figure 7 shown, on the desktop, the text content "Title" of this toolbar component is bold and placed on the far left of the page, while the radio button group of the toolbar component is placed on the far right of the page; as Figure 7 shown in the left figure of

[0124] For the parameter configuration of components on each platform, which is cumbersome and different, the code generation method can be adopted. By providing a configuration model, an empty component structure to be implemented is output, which is equivalent to providing a slot for developers to configure the component, and can greatly reduce the workload of repetitive template code. As Figures 6 - 7As shown in the toolbar component style structure, it can be seen that in the cross-platform component organizational structure, there are many code structures with fixed processes. This kind of code structure can improve development efficiency through the way of template code generation.

[0125] Referring to Figure 8 as shown, in Figure 8 , taking the introduction of cross-platform UI components for component development as an example, the specific process of the creation method of the entire UI component is described. In the process as Figure 8 shown, the process of proxying cross-platform components to platform components can be generated using a general template. Since the configuration of platform components and cross-platform components has a high degree of dependence, the transfer and mapping relationship of this part of the configuration can improve development efficiency through code generation. The UI component development process after introducing code generation is as Figure 8 shown. Component developers can generate the basic structure of the component by writing configuration information. The configurable configuration information includes display configuration and behavior configuration of optional configuration inputs. Developers can add various metadata to the corresponding configuration information to enhance code generation. For example, add component and configuration-related annotations to the corresponding configuration information. In the configuration of cross-platform code generation, since the configuration information contains multiple platform feature information, when proxying across platforms, specific platform configurations can be selected for injection. After the basic structure of the component is generated, that is, after the component framework is generated, developers can complete the specific implementation of each system platform according to requirements, such as the implementation of UI and logic slots on each platform, and then hand it over to business development for use.

[0126] The following uses a specific example to illustrate the basic process of cross-platform UI development using cross-platform UI component code generation in the embodiments of the present application.

[0127] When a developer hopes to create an A component, the cross-platform A component can be first proxied to the user platform component through the server. This process can be generated using a general template. Since the configuration of the user platform component and the cross-platform A component has a high degree of dependence, the transfer and mapping relationship of this part of the configuration can improve development efficiency through code generation. Referring to Figure 9 , the configuration information of the A component after introducing code generation includes common configuration information 910 and platform configuration information 920. As Figure 9 shown, the common configuration information 910 can include information such as themes, and the platform configuration information 920 can include mobile and desktop, etc., and corresponding execution information can be configured for each platform to call relevant functions of the component.

[0128] Referring to Figure 10, in the component framework code generated according to the configuration information of Component A, it includes component common configuration information 1010, platform selection execution information 1020, and multiple component platform execution information 1030. Among them, the platform selection execution information 1020 can be used to select and execute among the multiple component platform execution information 1030, and the component platform execution information 1030 corresponds one-to-one with the component platform configuration information. When a developer wants to add metadata to Component A, for example, add a "title", it can be modified correspondingly in the component common configuration information 1010, or relevant annotations can be configured, and then add the "title" data to the component common configuration information on the mobile and desktop sides respectively, so that the content displayed by Component A on each platform remains consistent. As Figure 10 shown, the configuration information of Component A includes platform selection execution information 1020, and this platform selection execution information 1020 can select the corresponding execution information according to the target system platform. For example, when it is detected that the target system platform is the mobile side, Component A can select the corresponding output information to adapt to the mobile side, so that Component A can display the corresponding style and exhibit the corresponding interaction behavior on the mobile side; similarly, when it is detected that the target system platform is the desktop side, Component A can select the corresponding output information to adapt to the desktop side, so that Component A can display the corresponding style and exhibit the corresponding interaction behavior on the desktop side. In Figure 10 , the corresponding component platform execution information 1030 is configured on both the mobile and desktop sides. The component platform execution information 1030 includes component behavior description information corresponding to the component behavior configuration information. Among them, the component behavior description information can be used to represent the behavior actions that trigger the component operation information. As Figure 10 shown, the trigger behavior configured for the mobile side in the component platform execution information 1030 is "long press to execute", and the trigger behavior configured for the desktop side is "right click to execute". When Component A selects the corresponding output information to adapt to the mobile side, a long press operation can be performed on the mobile side to make Component A exhibit the corresponding interaction behavior; when Component A selects the corresponding output information to adapt to the desktop side, a right click execution operation can be performed on the desktop side to make Component A exhibit the corresponding interaction behavior. It can be understood that the behavior of calling the style information configured on each platform to display the corresponding style on each platform has a similar technical principle to the behavior of calling the behavior information configured on each platform to represent the corresponding style on each platform. To avoid content repetition, it will not be elaborated here.

[0129] Refer to Figure 11 , Figure 11 is the home page code for calling Component A. For each page, Component A can be called to display the corresponding style and exhibit the corresponding interaction behavior on the page. As Figure 11As shown, the information on this home page includes general home page configuration information 1110 and component call configuration information 1120. The general home page configuration information 1110 is used to adjust the basic information of the home page, such as the layout ratio of the page, etc. The component call configuration information 1120 is used to configure component call information so that the called UI components can run correctly on this page. When calling Component A, the style and interaction behavior of Component A can be made to run on the target platform, such as "title", "long press", and "right mouse button". By configuring the system page through the general home page configuration information 1110, this home page can be applicable to various platforms. In this process, Component A can select the corresponding output information to adapt to each platform to support the possible behavior differences on each platform, so as to be displayed in different styles and exhibit different interaction behaviors on different platforms.

[0130] Referring to Figure 12 as shown, Figure 12 is a detailed flowchart of a method for creating a UI component provided by a specific example. In Figure 12 it, the method for creating the UI component may include but is not limited to steps 1201 to 1205.

[0131] Step 1201: Receive component configuration information for generating a UI component, where the component configuration information includes multiple component platform configuration information, and different component platform configuration information corresponds to different system platforms;

[0132] Step 1202: Generate a framework template of the UI component according to the component common configuration information;

[0133] Step 1203: Determine multiple system platform identification information according to the multiple component platform configuration information;

[0134] Step 1204: Generate platform selection execution information in the framework template according to the multiple component platform configuration information and the multiple system platform identification information, and generate multiple component platform execution information in the framework template according to the multiple component platform configuration information to obtain the component framework of the UI component;

[0135] Step 1205: Add component running information to each component platform execution information to obtain the UI component.

[0136] In one embodiment, it can be understood that the component configuration information may further include component common configuration information, which can be used to configure the general configuration of UI components. When the same content needs to be displayed on different platforms, corresponding configurations can be made in the component common configuration information. Therefore, in the multiple component platform execution information for generating the framework template of the UI component according to the component common configuration information, corresponding common configuration information can also be set. For example, when the same style of text title needs to be displayed on both the desktop and mobile ends, the information of the text title can be added to the component common configuration information, so that the relevant information of the text title can also be configured in the component platform execution information of the desktop and mobile ends of the framework template of the UI component, so that when the UI component runs on the desktop and mobile ends, the corresponding component platform execution information can be called, so that the text title with the same presentation style and content can be displayed on each platform. It should be noted that only an example of the usage method of the component common configuration information is given here, and the specific usage method of the component common configuration information is not limited.

[0137] In one embodiment, since the UI component can be called on different platforms, for example, when the same UI component is called and runs on terminals (platforms) such as Android, iOS, MacOS, Windows, and Linux to provide services, corresponding style presentation and behavior interaction can be performed on different platforms according to actual needs. In the configuration information of the UI component, multiple system platform identification information can be configured to distinguish the differences in the performance of the UI component on different platforms, so that the UI component can be adapted to multiple different system platforms without having to develop the UI component again for each system platform. Therefore, the repeated development of the UI component can be avoided, and the development efficiency of the UI component can be improved.

[0138] In this embodiment, through the method for creating UI components in steps 1201 to 1205 above, first, component configuration information for generating UI components is received. The component configuration information includes multiple component platform configuration information and component common configuration information. Different component platform configuration information can correspond to different system platforms. Since the component platform configuration information can be selectively adapted to different system platforms, it is beneficial for the development of multi-platform services. Then, a framework template for the UI component is generated according to the component common configuration information in the component configuration information, and multiple system platform identification information is determined through the multiple component platform configuration information. Next, according to the multiple component platform configuration information and the multiple system platform identification information, platform selection execution information is generated in the framework template, and according to the multiple component platform configuration information, multiple component platform execution information is generated in the framework template to obtain the component framework of the UI component. The component framework includes platform selection execution information and multiple component platform execution information. The platform selection execution information can be used to select and execute among the multiple component platform execution information, and the component platform execution information corresponds one-to-one with the component platform configuration information. Such a component framework can standardize the code organization and implementation of cross-multi-platform UI components, provide a unified call interface for multi-platform service development while ensuring the differentiation of component operation on each platform, and can be adapted to the business development of multiple different platforms, thereby improving the efficiency of business development based on the cross-platform component library. Then, by adding component operation information to each component platform execution information, the UI component can be obtained. In the actual development process, when the UI component is called in the target system platform, the platform selection execution information is executed, so that the target component platform execution information corresponding to the target system platform can be selected and executed among the multiple component platform execution information, enabling the UI component to run in the target system platform according to the component operation information in the target component platform execution information. In addition, since the component framework of the UI component can ensure the similarity of the UI structure in the business code, it can reduce the mental burden of business developers on the UI restoration degree and improve the business development efficiency.

[0139] Figure 15 FIG. is a flowchart of a method for running a UI component provided by an embodiment of the present application. The method for running the UI component can be executed by a user terminal or jointly executed by a user terminal and a server. In the embodiment of the present application, an example in which the method is executed by a user terminal is used for illustration. Refer to Figure 15 , the method for running the UI component includes but is not limited to steps 1510 to 1520.

[0140] Step 1510: During the operation of the target system platform, call the UI component created according to the method for creating the UI component;

[0141] Step 1520: Run the UI component in the target system platform.

[0142] In one embodiment, the UI component created according to the creation method of the UI component may at least include the component configuration information of the UI component and the component framework generated according to the component configuration information. It can be understood that the component configuration information may at least include multiple component platform configuration information and component common configuration information, and the component framework may at least include platform selection execution information, component platform execution information, and component running information. Since the component configuration information includes multiple component platform configuration information, and different component platform configuration information corresponds to different system platforms, the UI component framework generated according to the component configuration information can include multiple component platform execution information corresponding one-to-one to the component platform configuration information, and platform selection execution information for selecting and executing among multiple component platform execution information.

[0143] In one embodiment, during the process of running the UI component in the target system platform, the platform selection execution information in the UI component may be executed first in the target system platform to select the target component platform execution information corresponding to the target system platform from the multiple component platform execution information in the UI component, so that the UI component can run in the target system platform according to the component running information in the target component platform execution information.

[0144] In one embodiment, since the UI component may further include component platform configuration information, and the component platform configuration information may include component behavior configuration information, and the component framework is generated according to the component configuration information, component behavior description information corresponding to the component behavior configuration information may be generated in the component platform execution information of the UI component framework. Among them, the component behavior description information may be used to characterize the behavior actions that trigger the component running information, that is to say, the component running information may include component logic running information. When running the UI component in the target system platform, the component logic running information may also be executed in response to detecting the behavior actions performed on the UI component, so that the UI component can run in the target system platform.

[0145] In this embodiment, through the running method of the UI component in the above steps 1510 to 1520, during the running process in the target system platform, the UI component created according to the creation method of the UI component is called. During this process, the platform selection execution information in the UI component may be executed first in the target system platform to select and execute the target component platform execution information corresponding to the target system platform, so as to select and execute the component platform execution information corresponding to the target system platform, so that the UI component can run in the target system platform according to the component running information in the target component platform execution information.

[0146] The following uses some actual examples to illustrate the application scenarios of the embodiments of the present application.

[0147] It should be noted that the method for creating a UI component provided by the embodiments of the present application can be applied to different application scenarios such as generating cross-platform components with high similarity, generating customized general components, or making online game home pages. The following takes the scenarios of generating components with high similarity, generating customized general components, and making online game home pages as examples for illustration.

[0148] Scenario 1

[0149] The method for creating a UI component provided by the embodiments of the present application can be applied to the scenario of generating cross-platform components with high similarity. For example, in the current business scenario, the data structures of many same businesses are basically the same, only the UI performances are different, and when developing based on components on different platforms, there are many similarities (similar layouts and configurations) among the same components. Usually, when designers design cross-platform components, they usually mark similar UI components with the same name. These UI components are similar in function and role, resulting in similar characteristics in the configurable parameters of the components.

[0150] Referring to Figures 13 - 14 , Figure 13 is a display diagram of a switch component on the desktop. When the switch calls the background interface and fails, the interaction behavior can be a pop-up prompt; Figure 14 is a display diagram of a switch component on the mobile side. When the switch calls the background interface and fails, the interaction behavior can be a Toast reminder. During the process of multi-platform business development using a cross-platform development framework, situations where the UI structures are similar often occur. As shown in Figures 13 - 14 , the text description contents of the switch components in the two figures are the same, and the styles of the switch buttons are also the same. The difference is that Figure 13 the text 1310 in, and the fonts of the description contents of the text 1310 are all in bold style, while Figure 14 the text 1410 in, except that the style is different from that of the text 1310, the rest are all the same. It can be seen that the layout structures of these two business components are relatively fixed. However, during the actual development process, for the performances of a component on each platform, there are only a few differences such as font styles and switch behaviors. Developers usually write a new business component. This will cause the proliferation of similar components that couple business logics. After multiple iterations, it may lead to difficult maintenance.

[0151] Based on this, in the embodiments of the present application, the component configuration information of the cross-platform service component B received can be first divided into component common configuration information, platform configuration information, and default configuration information, which is beneficial to increasing the convenience of users while ensuring the cross-platform ability of the component and the flexibility of configuration. Then, a component framework of the cross-platform component B can be generated according to the component configuration information. The style configuration and behavior configuration corresponding to each platform in the component framework can be divided into the corresponding platform configuration information. Thus, the platform configuration information includes platform selection execution information and multiple component platform execution information, where the platform selection execution information can be used to select and execute among the multiple component platform execution information, and the component platform execution information is in one-to-one correspondence with the component platform configuration information. Such a component framework can standardize the code organization and implementation of cross-multi-platform UI components, and while providing a unified call interface for multi-platform service development, ensure the differentiation of component operation on each platform. During business development and use, configuration can be filled in the corresponding module according to business data and the differential configuration can be overwritten, thereby improving the efficiency of business development based on the cross-platform component library. For example, when the data structure of the cross-platform service component B is basically the same in the mobile terminal and the platform terminal, only the UI performance is different, and the font style of the cross-platform service component B needs to be displayed as "bold" in the mobile terminal, relevant configuration information of "bold" can be filled in the mobile terminal platform configuration information module in the component framework of the component B, and then the differential configuration of the original component framework can be overwritten according to the filled configuration information to obtain the UI component B. When the component B is called in the mobile terminal, the displayed font style is "bold". Similarly, when the font style of the cross-platform service component B needs to be displayed as "bold" in the desktop terminal, it has the same technical principle and the same beneficial effects as when the font style of the cross-platform service component B needs to be displayed as "bold" in the mobile terminal. To avoid repetition of content, it will not be elaborated here.

[0152] When the data structure of the cross-platform business component B is basically the same on the mobile side and the platform side, but the UI presentation and the behavior presentation are different. For example, the font of component B is displayed as "bold" on the mobile side, and the behavior presentation is "execute on long press". Since the corresponding style configurations and behavior configurations for each platform can be divided into the corresponding platform configuration information, relevant configuration information such as "bold" and "execute on long press" can be filled in the mobile platform configuration information module in the component framework of component B, and then the UI component B can be obtained by overriding the differential configurations of the original component framework according to the filled configuration information. When component B is called on the mobile side, the displayed font style is "bold", and the interaction behavior is "execute on long press". Similarly, when the font style of the cross-platform business component B needs to be displayed as "bold" on the desktop side and the behavior presentation is "execute on right mouse click", it has the same technical principle and the same beneficial effects as when the font of the cross-platform business component B is displayed as "bold" on the mobile side and the behavior presentation is "execute on long press". To avoid content duplication, it will not be elaborated here.

[0153] Scenario Two

[0154] The method for creating a UI component provided by the embodiments of the present application can also be applied to the scenario of generating customized general components. For example, when business developers hope to generate components adapted to Android, IOS, Windows 10, and Linux systems by writing component configuration information, they can first proxy cross-platform components to platform components. After obtaining the component configuration information of the platform components, since the component configuration information includes multiple component platform configuration information and common configuration information, different component platform configuration information can correspond to different system platforms. Business developers can modify the platform configuration information and common configuration information through an editor plugin tool to obtain the general configuration of the customized general components. For example, when modifying the platform configuration information, the mobile terminal can be refined into Android and IOS, and the desktop terminal can be refined into systems such as Windows 10 and Linux. Then, a component framework of the UI component can be generated according to the common configuration information of the component. The configuration information in the component framework includes judgment and selection execution information for the mobile terminal and the desktop terminal, and execution information of the component on the desktop terminal and the mobile terminal. Among them, the platform selection execution information can be used to select and execute among multiple component platform execution information, and the component platform execution information is in one-to-one correspondence with the component platform configuration information. Exemplarily, when customizing the behavior information of the component, the setting in the configuration file can be: when the mobile terminal is Android, the triggering behavior of the component execution information on the mobile terminal is "long press"; when the mobile terminal is IOS, the triggering behavior of the component execution information on the mobile terminal is "click"; when the desktop terminal is Windows 10, the triggering behavior of the component execution information on the desktop terminal is "right click of the mouse"; when the desktop terminal is the Linux system, the triggering behavior of the component execution information on the desktop terminal is "left click of the mouse". Similarly, when customizing the style information of the component, business developers can modify the corresponding relevant configuration information in the component framework through an editor plugin tool to obtain general components that meet business requirements. In addition, configuration items can be added to the component configuration information, and then code generation adjustment, new injection items, etc. can be performed on the corresponding platforms according to the newly added configuration items. When modifying relevant configurations, the editor plugin can also be used to analyze the configuration file to obtain the possible impacts caused by the current configuration modification. Since some platform code can be configured by business developers according to business requirements, in order to avoid this part of the platform code from being accidentally modified, this part of the code can be protected first before modifying the current configuration, and then the corresponding configuration modification can be performed. Since the component framework of the customized general component can ensure the similarity of the UI structure in the business code, it can reduce the mental burden of business developers on the UI restoration degree and improve the business development efficiency.

[0155] Scenario Three

[0156] The method for creating a UI component provided by an embodiment of the present application can also be applied to the scenario of making an online game homepage. For example, when an online game developer hopes to customize an online game homepage using cross-platform components in the market, and the UI components included in the online game homepage have highly similar style displays and behavior interactions on the desktop and mobile ends, the cross-platform UI components corresponding to the business requirements can be first proxied to the development terminal. For example, the navigation menu component is proxied to the platform component, and then the configuration information of the navigation menu component is modified using the editor plugin of the development terminal. The configuration information of the navigation menu component includes platform configuration information and common configuration information. Generally, the data structures of the common configuration information on the desktop and mobile ends are basically the same, so the layout and configuration are almost similar. Of course, the online game developer can fill in the configuration according to the business requirements and then overwrite the differentiated configuration. During the process of modifying the configuration information, the platform configuration information can be correspondingly adjusted to include the platform characteristics of the desktop and mobile ends, so as to use different navigation menu components for each platform without affecting the original usage method of the navigation menu component. Then, in the component framework of the navigation menu component generated according to the configuration information, according to the differences between the online game homepage on the desktop and mobile ends, the two types of configuration running information can be specified to overwrite the default configuration in the component framework to obtain the component common configuration information, and then the component common configuration information and the platform configuration information in the component framework are merged to provide a configuration data source for the specific implementation of the navigation menu component, so as to generate a navigation menu component that meets the requirements of the online game homepage. When customizing the online game homepage, calling the navigation menu component can perform style display and behavior interaction that meet the business requirements on the desktop and mobile ends.

[0157] It can be understood that although the steps in the above various flowcharts are sequentially displayed according to the indication of the arrows, these steps do not necessarily have to be executed in the order indicated by the arrows. Unless there is a clear description in this embodiment, the execution of these steps does not have a strict order limit, and these steps can be executed in other orders. Moreover, at least a part of the steps in the above flowcharts may include multiple steps or multiple stages. These steps or stages do not necessarily have to be executed at the same time, but can be executed at different times, and the execution order of these steps or stages does not necessarily have to be sequential, but can be executed alternately or in turn with at least a part of other steps or steps or stages in other steps.

[0158] Referring to Figure 16 , an embodiment of the present application also discloses a device for creating a UI component. The UI component creation device 1600 can implement the method for creating a UI component in the previous embodiment. The UI component creation device 1600 includes:

[0159] An information receiving unit 1610, configured to receive component configuration information for generating UI components, where the component configuration information includes a plurality of component platform configuration information, and different component platform configuration information corresponds to different system platforms;

[0160] A framework generating unit 1620, configured to generate a component framework of the UI component according to the component configuration information, where the component framework includes platform selection execution information and a plurality of component platform execution information, the platform selection execution information is used to select and execute among the plurality of component platform execution information, and the component platform execution information corresponds to the component platform configuration information one by one;

[0161] A component creating unit 1630, configured to add component running information to each component platform execution information to obtain a UI component;

[0162] Wherein, when the UI component is called in the target system platform, the platform selection execution information will be executed, so as to select and execute the target component platform execution information corresponding to the target system platform among the plurality of component platform execution information, so that the UI component runs in the target system platform according to the component running information in the target component platform execution information.

[0163] In an embodiment, the component configuration information may further include component common configuration information. Accordingly, the framework generating unit 1620 is further configured to generate a framework template of the UI component according to the component common configuration information, and then generate platform selection execution information and a plurality of component platform execution information in the framework template according to the plurality of component platform configuration information to obtain the component framework of the UI component.

[0164] In an embodiment, the framework generating unit 1620 may further be configured to determine a plurality of system platform identification information according to the plurality of component platform configuration information, and then generate platform selection execution information in the framework template according to the plurality of component platform configuration information and the plurality of system platform identification information, and generate a plurality of component platform execution information in the framework template according to the plurality of component platform configuration information to obtain the component framework of the UI component.

[0165] In one embodiment, the component platform configuration information may further include component behavior configuration information, and the component platform execution information includes component behavior description information corresponding to the component behavior configuration information, where the component behavior description information may be used to characterize the behavior actions that trigger the component running information. Since the component behavior configuration information can be configured by developers according to actual requirements, the creation device 1600 may also be provided with a component modification unit 1640. The component modification unit 1640 may be used to receive component configuration modification information for configuring and modifying the UI component, and then, without changing the component running information, modify the component framework according to the component configuration modification information to obtain a new UI component. It can be understood that the configuration information of the component framework generated according to the component configuration information corresponds to the configuration information of the component configuration information. Therefore, when the component configuration information of the UI component is modified, the component framework can be modified according to the modification content of the component configuration information without changing the component running information of the component framework, so as to obtain a new component framework and thus a new UI component.

[0166] In one embodiment, in the process of modifying the component framework according to the component configuration modification information to obtain a new UI component without changing the component running information, the component configuration items to be modified may be determined first according to the component configuration modification information; then, without changing the component running information, the component framework may be incrementally modified according to the component configuration items to obtain a new UI component. Therefore, the component modification unit 1640 is also used to determine the component configuration items to be modified according to the component configuration modification information, and then, without changing the component running information, incrementally modify the component framework according to the component configuration items to obtain a new UI component.

[0167] In one embodiment, the component running information may be protected first, and then the component framework after the component running information is protected may be incrementally modified according to the component configuration items to obtain a new component framework; then the protection of the component running information may be released, and then, in the new component framework, the component running information after the protection is released may be adaptively adjusted to obtain a new UI component, so as to avoid losing the data of the component running information during the incremental modification of the configuration information. Therefore, the component modification unit 1640 is also used to protect the component running information, then incrementally modify the component framework after the component running information is protected according to the component configuration items to obtain a new UI component framework, then release the protection of the component running information, and then, in the new UI component framework, adaptively adjust the component running information after the protection is released, so as to obtain a new UI component.

[0168] In one embodiment, when determining the component configuration items to be modified according to the component configuration modification information, the component modification unit 1640 can also be used to compare the content of the component configuration modification information with all the component platform execution information in the component framework to obtain configuration difference information, and then determine the component configuration items to be modified according to the configuration difference information.

[0169] It should be noted that since the UI component creation device 1600 in this embodiment can implement the UI component creation method in the previous embodiment, when the UI component creation device 1600 in this embodiment is used to create a UI component, the specific process steps involved are the same as the technical principle and the same beneficial effects of the UI component creation method in the previous embodiment. To avoid repetition of content, it will not be elaborated here.

[0170] Refer to Figure 17 , this application embodiment also discloses a UI component running device. The UI component running device 1700 can implement the UI component running method in the previous embodiment. The UI component running device 1700 includes:

[0171] A component calling unit 1710, configured to call the UI component created according to the previous UI component creation device during the running of the target system platform;

[0172] A component running unit 1720, configured to run the UI component in the target system platform.

[0173] In one embodiment, during the process of running the UI component in the target system platform, the component running unit 1720 is further configured to execute the platform selection execution information in the UI component in the target system platform, so that multiple component platform execution information in the UI component can select the target component platform execution information corresponding to the target system platform for execution, so that the UI component can run in the target system platform according to the component running information in the target component platform execution information.

[0174] In one embodiment, the component platform configuration information may further include component behavior configuration information, and the component platform execution information includes component behavior description information corresponding to the component behavior configuration information. Among them, the component behavior description information can be used to characterize the behavior actions that trigger the component running information. That is to say, the component running information may include component logic running information. Therefore, the running device 1700 may also be provided with a logic execution unit 1730, configured to execute the component logic running information in response to detecting a behavior action performed on the UI component, so that the UI component can run in the target system platform.

[0175] Refer to Figure 18 , this application embodiment also discloses an electronic device. The electronic device 1800 includes:

[0176] At least one processor 1801;

[0177] At least one memory 1802 for storing at least one program;

[0178] When the at least one program is executed by the at least one processor 1801, it implements the method for creating the UI component as described above, or implements the method for running the UI component as described above.

[0179] An embodiment of the present application also discloses a computer-readable storage medium storing a computer program executable by a processor. When the computer program executable by the processor is executed by the processor, it is used to implement the method for creating the UI component as described above, or implement the method for running the UI component as described above.

[0180] An embodiment of the present application also discloses a computer program product including a computer program or computer instructions. The computer program or computer instructions are stored in a computer-readable storage medium. The processor of the electronic device reads the computer program or computer instructions from the computer-readable storage medium, and the processor executes the computer program or computer instructions, causing the electronic device to execute the method for creating the UI component as described above, or execute the method for running the UI component as described above.

[0181] The terms "first", "second", "third", "fourth", etc. (if any) in the description of the present application and the above-mentioned drawings are used to distinguish similar objects and do not necessarily describe a specific order or sequence. It should be understood that such used data can be interchanged under appropriate circumstances so that the embodiments of the present application described herein can be implemented in an order different from those illustrated or described herein. In addition, the terms "comprising" and "having" and any variations thereof are intended to cover non-exclusive inclusion. For example, a process, method, system, product or device including a series of steps or units does not necessarily limit to those clearly listed steps or units, but may include other steps or units not clearly listed or inherent to these processes, methods, products or devices.

[0182] It should be understood that in this application, "at least one (item)" means one or more, and "a plurality" means two or more. "And / or" is used to describe the association relationship of associated objects, indicating that there can be three relationships. For example, "A and / or B" can mean: only A exists, only B exists, and both A and B exist at the same time. Among them, A and B can be singular or plural. The character " / " generally indicates that the associated objects before and after are in an "or" relationship. "At least one (one) of the following" or its similar expressions refer to any combination of these items, including any combination of single items (ones) or plural items (ones). For example, at least one (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.

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

[0184] In the embodiments of this application, the term "module" or "unit" refers to a computer program with a predetermined function or a part of a computer program, which works together with other related parts to achieve a predetermined goal, and can be fully or partially implemented by using software, hardware (such as a processing circuit or a memory), or a combination thereof. Similarly, a processor (or multiple processors or memories) can be used to implement one or more modules or units. In addition, each module or unit can be a part of an overall module or unit that includes the function of the module or unit.

[0185] The unit described as a separate component may or may not be physically separated, and the component displayed as a unit may or may not be a physical unit, that is, it can be located in one place, or it can be distributed to multiple network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0186] In addition, in each embodiment of this application, the functional units can be integrated in a processing unit, or each unit can exist physically separately, or two or more units can be integrated in one unit. The above-mentioned integrated unit can be implemented in the form of hardware or in the form of a software functional unit.

[0187] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on such an understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or all or part of this technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the methods described in various embodiments of this application. The foregoing storage medium includes: various media that can store program codes, such as USB flash drives, mobile hard disks, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical discs.

[0188] Regarding the step numbers in the above method embodiments, they are only set for the convenience of elaboration and explanation, and no limitation is imposed on the order between the steps. The execution order of each step in the embodiments can be adaptively adjusted according to the understanding of those skilled in the art.

Claims

1. A method for creating a user interface component, characterized in that, Including the following steps: Receiving component configuration information for generating user interface components, where the component configuration information includes multiple component platform configuration information, and different component platform configuration information corresponds to different system platforms; Generating a component framework of the user interface component according to the component configuration information, where the component framework includes platform selection execution information and multiple component platform execution information, and the platform selection execution information is used to select and execute among the multiple component platform execution information, and the component platform execution information corresponds one-to-one with the component platform configuration information; Adding component operation information to each of the component platform execution information to obtain the user interface component; Wherein, when the user interface component is called in the target system platform, the platform selection execution information is executed, so as to select and execute the target component platform execution information corresponding to the target system platform among the multiple component platform execution information, so that the user interface component runs in the target system platform according to the component operation information in the target component platform execution information.

2. The method according to claim 1, wherein The component configuration information further includes component common configuration information, and generating the component framework of the user interface component according to the component configuration information includes: Generating a framework template of the user interface component according to the component common configuration information; Generating the platform selection execution information and multiple component platform execution information in the framework template according to the multiple component platform configuration information to obtain the component framework of the user interface component.

3. The method according to claim 2, wherein The generating the platform selection execution information and multiple component platform execution information in the framework template according to the multiple component platform configuration information to obtain the component framework of the user interface component includes: Determining multiple system platform identification information according to the multiple component platform configuration information; Generating the platform selection execution information in the framework template according to the multiple component platform configuration information and the multiple system platform identification information, and generating multiple component platform execution information in the framework template according to the multiple component platform configuration information to obtain the component framework of the user interface component.

4. The method according to claim 1, wherein The method further includes: Receiving component configuration modification information for modifying the configuration of the user interface component; Modifying the component framework according to the component configuration modification information without changing the component operation information to obtain a new user interface component.

5. The method according to claim 4, wherein The modifying the component framework according to the component configuration modification information without changing the component operation information to obtain a new user interface component includes: Determining component configuration items to be modified according to the component configuration modification information; Incrementally modifying the component framework according to the component configuration items without changing the component operation information to obtain a new user interface component.

6. The method according to claim 5, wherein The incrementally modifying the component framework according to the component configuration items without changing the component operation information to obtain a new user interface component includes: Protecting the component operation information, and incrementally modifying the component framework after the component operation information is protected according to the component configuration item to obtain a new component framework; The protection of the component operation information is released, and in the new component framework, the component operation information after the protection is released is adapted and adjusted to obtain a new user interface component.

7. The method according to claim 5, characterized in that, The determining the component configuration item to be modified according to the component configuration modification information includes: Compare the component configuration modification information with all the component platform execution information in the component framework to obtain configuration difference information; The component configuration item to be modified is determined according to the configuration difference information.

8. A method for operating a user interface component, characterized in that, The following steps are involved: During the operation of the target system platform, calling the user interface component created by the method for creating a user interface component according to any one of claims 1 to 7; The user interface component is run in the target system platform.

9. The method according to claim 8, wherein The step of running the user interface component in the target system platform includes: The platform selection execution information in the user interface component is executed in the target system platform to select the target component platform execution information corresponding to the target system platform from the multiple component platform execution information in the user interface component for execution, so that the user interface component runs in the target system platform according to the component running information in the target component platform execution information.

10. The method according to claim 8, wherein The component platform configuration information includes component behavior configuration information, the component platform execution information includes component behavior description information corresponding to the component behavior configuration information, the component behavior description information is used to characterize the behavior action that triggers the component operation information, and the component operation information includes component logic operation information; The method further comprises: In response to detecting the behavioral action performed on the user interface component, executing the component logic operation information.

11. An apparatus for creating a user interface component, characterized in that include: An information receiving unit, used for receiving component configuration information for generating a user interface component, wherein the component configuration information includes a plurality of component platform configuration information, and different component platform configuration information corresponds to different system platforms; A framework generation unit, configured to generate a component framework of the user interface component according to the component configuration information, wherein the component framework includes platform selection execution information and a plurality of component platform execution information, the platform selection execution information is used to select and execute from the plurality of component platform execution information, and the component platform execution information corresponds one-to-one to the component platform configuration information; A component creation unit, configured to add component operation information to each component platform execution information to obtain the user interface component; Among them, when the user interface component is called in the target system platform, the platform selection execution information will be executed, so as to select the target component platform execution information corresponding to the target system platform from among multiple component platform execution information for execution, such that the user interface component runs in the target system platform according to the component operation information in the target component platform execution information.

12. An operating device for a user interface component, characterized in that, Including: A component calling unit, configured to call the user interface component created by the creation device of the user interface component according to claim 11 during the operation of the target system platform; A component running unit, configured to run the user interface component in the target system platform.

13. An electronic device, characterized in that, Including: At least one processor; At least one memory, configured to store at least one program; When at least one of the at least one program is executed by at least one of the at least one processor, it implements the creation method of the user interface component according to any one of claims 1 to 7, or implements the running method of the user interface component according to any one of claims 8 to 10.

14. A computer-readable storage medium, characterized in that, Wherein there is stored a computer program executable by a processor, and when the computer program executable by the processor is executed by the processor, it is used to implement the creation method of the user interface component according to any one of claims 1 to 7, or implement the running method of the user interface component according to any one of claims 8 to 10.

15. A computer program product, comprising a computer program or computer instructions, characterized in that, The computer program or the computer instruction is stored in a computer-readable storage medium, and the processor of the electronic device reads the computer program or the computer instruction from the computer-readable storage medium, and the processor executes the computer program or the computer instruction, such that the electronic device executes the creation method of the user interface component according to any one of claims 1 to 7, or executes the running method of the user interface component according to any one of claims 8 to 10.

Images