CN114780082A - Component management method, device, electronic device and storage medium - Google Patents

Abstract

The application provides a management method and device of a component, an electronic device and a storage medium, and relates to the technical field of Internet; a first high-level component for implementing a first function in a first application scenario, the first high-level component comprising one or more base components having a hierarchical relationship; the management device adjusts the target explicit parameters of the first high-order component to generate a second high-order component; the second high-level component is used for realizing the first function in a second application scene, the second high-level component comprises a first high-level component after the target explicit parameter is adjusted, and target objects configured in the first application scene and the second application scene are different. Therefore, the first function of the high-order component can be executed under different scenes by adjusting the dominant parameter of the high-order component, so that the components can be used mutually under different scenes, and the development efficiency of the components is improved.

Description

Component management method, device, electronic device and storage medium

technical field

The present disclosure relates to the technical field of components, and in particular, to a component management method, apparatus, electronic device, and storage medium.

Background technique

Faced with the same application scenario, in order to improve the development efficiency of the component, the developer will develop a built-in component for the application scenario, and display the built-in component to the user through the visual editor, so that the user can use the built-in component in the visual editor to Application requirements Design the corresponding application in this application scenario.

However, the existing application scenarios are complex and diverse. For multiple application scenarios, developers are required to independently develop multiple sets of built-in components corresponding to multiple application scenarios, resulting in low development efficiency. And there is no specification for the open logic abstracted by built-in components developed independently, which affects the interoperability of built-in components corresponding to different application scenarios.

SUMMARY OF THE INVENTION

The present disclosure provides a component management method, apparatus, electronic device and storage medium, which can improve the development efficiency of the component and improve the applicability of the component in different scenarios.

The technical solutions of the embodiments of the present disclosure are as follows:

According to a first aspect of the embodiments of the present disclosure, there is provided a component management method, which may include: a component management device (hereinafter referred to as a management device for convenience of description) obtains a first high-level component corresponding to a first application scenario The first high-order component is used to realize the first function in the first application scenario, and the first high-order component includes one or more basic components with a hierarchical relationship; is adjusted to generate a second high-order component; the second high-order component is used to implement the first function in the second application scenario, and the second high-order component includes the first high-order component after adjustment of the target explicit parameter, and the second high-order component is The target objects configured in one application scenario are different from those configured in the second application scenario.

Optionally, the target explicit parameter includes the explicit attribute parameter of the basic component, and the above-mentioned "adjusting the target explicit parameter of the first higher-order component to generate the second higher-order component" specifically includes: the management device responds to the first adjustment. The operation is to adjust the explicit attribute parameter of the basic component to obtain the adjusted explicit attribute parameter of the basic component; the management device determines the second high-order component according to the adjusted explicit attribute parameter.

Optionally, the attribute parameters of the basic component include one or more of shape size, position, transparency, and visibility.

Optionally, the target explicit parameter includes a hierarchical relationship, and the above-mentioned "adjusting the target explicit parameter of the first high-level component to generate the second high-level component" specifically includes: the management device adjusts the arrangement order of one or more basic components. , the basic components arranged in the front are used as the upper-level components of the second high-level components, the basic components arranged in the back are used as the lower-level components of the second high-level components, and the upper-level components are located above the lower-level components; the management device is based on one or more basic components The adjusted arrangement order of the second high-level component is determined, and the hierarchical relationship between one or more components in the second high-level component is determined, wherein one or more basic components have an associated relationship.

Optionally, the target explicit parameter includes the configuration file of the basic component, and the above-mentioned "adjusting the target explicit parameter of the first higher-order component to generate the second higher-order component" specifically includes: in response to the first selection operation, the management device One or more configuration files are selected for the basic component of the first higher-order component from a plurality of preset configuration files; in response to the second adjustment operation, the management device combines the one or more configuration files with the configuration file of the basic component to obtain The configuration file corresponding to the basic component in the second higher-order component.

Optionally, the target explicit parameters include attribute parameters of the configuration file of the basic component, and the above-mentioned "adjusting the target explicit parameters of the first higher-order component to generate the second higher-order component" specifically includes: responding to the third adjustment operation. , the management device adjusts the attribute parameters of the configuration file to obtain the adjusted attribute parameters of the configuration file; the management device determines the second higher-order component according to the adjusted attribute parameters of the configuration file of the basic component.

Optionally, the above-mentioned "adjusting the target explicit parameter of the first high-level component to generate the second high-level component" specifically includes: the management device adjusts the target explicit parameter of the first high-level component to obtain the second high-level component. The first rendering data corresponding to the high-level component; the management device renders the first rendering data to obtain the second high-level component.

Optionally, the method further includes: in response to the first preview operation, the management device executes the first function on the preset display interface according to the association relationship between the basic components of the second high-level component, and on the preset display interface Above, the display parameters displayed by the second high-level component correspond to the adjusted target display parameters.

Optionally, the method further includes: in the process of running the second higher-order component to perform the first function, in response to the operation of the first basic component of the second higher-order component, the management device sends a request to the first basic component of the second higher-order component. The second basic component sends first notification information, the first basic component is associated with the second basic component through a configuration file, and the first notification information is used to trigger the second basic component to perform a corresponding action.

Optionally, the method further includes: the management device acquires a third component, where the third component is a basic component or a high-level component; the management device, in response to the first association operation, configures the third high-level component and the first high-level component through configuration. File association, get the second higher-order component.

According to a second aspect of the embodiments of the present disclosure, there is provided an apparatus for managing components, the apparatus may include: an acquisition unit and an adjustment unit; an acquisition unit for acquiring a first high-level component corresponding to a first application scenario; wherein the first A high-level component is used to implement the first function in the first application scenario; the first high-level component includes one or more basic components having a hierarchical relationship. The adjustment unit is used to adjust the target explicit parameters of the first high-order component to generate a second high-order component; the second high-order component is used to implement the first function in the second application scenario, and the second high-order component includes The first high-level component after the target explicit parameter is adjusted has different target objects configured in the first application scenario and in the second application scenario.

Optionally, the target display parameter includes an explicit attribute parameter of the base component, and the adjustment unit is specifically used for; in response to the first adjustment parameter, adjust the attribute parameter of the explicit attribute parameter of the base component, and obtain the adjusted value of the base component. The explicit attribute parameters of ; determine the second higher-order component according to the adjusted explicit attribute parameters.

Optionally, the attribute parameters of the basic component include one or more of shape size, position, transparency, and visibility.

Optionally, the target display parameters include a hierarchical relationship and an adjustment unit, which are specifically used for: the arrangement order of one or more basic components, the basic component arranged at the front is used as the upper-level component of the second high-order component, and the basic component arranged at the back As a lower-level component of the second higher-order component, the upper-level component is located above the lower-level component; according to the adjusted arrangement order of one or more basic components, the hierarchical relationship between one or more components of the second higher-order component is determined, wherein , one or more basic components have an association relationship.

Optionally, the target explicit parameter includes a configuration file of the basic component, and the adjustment unit is specifically configured to: in response to the first selection operation, select one or more basic components of the first higher-order component from a plurality of preset configuration files. a configuration file; in response to the second adjustment operation, combining one or more configuration files with the configuration file of the basic component to obtain a configuration file corresponding to the basic component in the second higher-order component.

Optionally, the target explicit parameters include attribute parameters of the configuration file of the basic component, and the adjustment unit is specifically configured to: in response to the third adjustment operation, the management device adjusts the attribute parameters of the configuration file, and obtains the adjusted value of the configuration file. Attribute parameter; the management device determines the second high-order component according to the adjusted attribute parameter of the configuration file of the basic component.

Optionally, an adjustment unit, which is specifically used to: adjust the target explicit parameters of the first high-level component to obtain the first rendering data corresponding to the second high-order component; render the first rendering data to obtain the second high-level component. tier components.

Optionally, the device further includes a display unit; the display unit is used to respond to the first preview operation, and on the preset display interface, execute the first function according to the association relationship between the basic components of the second high-level component, and in the preset On the display interface, the explicit parameters displayed by the second high-order component correspond to the adjusted target explicit parameters.

Optionally, the apparatus further includes a notification unit; the notification unit is configured to, in the process of running the second higher-order component, in response to the operation of the first basic component in the second higher-order component, send a notification to the second higher-order component. The second basic component sends first notification information, the first basic component is associated with the second basic component through a configuration file, and the first notification information is used to trigger the second basic component to perform a corresponding action.

Optionally, the acquiring unit is further configured to acquire a third component, which is a basic component or a higher-order component; the adjusting unit is further configured to, in response to the first association operation, associate the third higher-order component with the first higher-order component. Components are associated through configuration files to get the second higher-order component.

According to a third aspect of the embodiments of the present disclosure, an electronic device is provided, which may include: a processor and a memory for storing instructions executable by the processor; wherein the processor is configured to execute the instructions to implement the above-mentioned first A method for managing any optional component of the aspect.

According to a fourth aspect of the embodiments of the present disclosure, there is provided a computer-readable storage medium, on which instructions are stored, and when the instructions in the computer-readable storage medium are executed by a processor of an electronic device, cause the The electronic device can execute any one of the optional component management methods in the first aspect.

According to a fifth aspect of the embodiments of the present disclosure, there is provided a computer program product, the computer program product comprising computer instructions, when the computer instructions are executed on an electronic device, the electronic device is caused to perform any one of the first aspects optionally The management method of the component described in the implementation manner.

It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure.

The technical solutions provided by the embodiments of the present disclosure bring at least the following beneficial effects:

Based on any one of the above aspects, in the present disclosure, the management device may adjust the explicit parameters of the first high-level component that executes the first function in the first application scenario to obtain the first high-level component that executes the first function in the second application scenario. Two higher order components. Compared with the way of manual independent development for different scenarios, in the present disclosure, the high-level components can perform the first function in different scenarios by adjusting the explicit parameters of the high-level components, so that the components can perform the first function in different scenarios. Interoperability in scenarios, and thus the development efficiency of components.

Description of drawings

The accompanying drawings, which are incorporated into and constitute a part of this specification, illustrate embodiments consistent with the present disclosure, and together with the description, serve to explain the principles of the present disclosure and do not unduly limit the present disclosure.

FIG. 1 shows a schematic diagram of a basic building block provided by an embodiment of the present disclosure;

FIG. 2 shows a schematic diagram of an advanced building block provided by an embodiment of the present disclosure;

FIG. 3 shows a schematic structural diagram of a communication system provided by an embodiment of the present disclosure;

FIG. 4 shows a schematic structural diagram of a component management apparatus provided by an embodiment of the present disclosure;

FIG. 5 shows a schematic interface diagram of a visual editor provided by an embodiment of the present disclosure;

FIG. 6 shows a schematic flowchart of a component management method provided by an embodiment of the present disclosure;

FIG. 7 shows a schematic flowchart of another component management method provided by an embodiment of the present disclosure;

FIG. 8 shows a schematic flowchart of another component management method provided by an embodiment of the present disclosure;

FIG. 9 shows a schematic flowchart of another component management method provided by an embodiment of the present disclosure;

FIG. 10 shows a schematic flowchart of another component management method provided by an embodiment of the present disclosure;

FIG. 11 shows a schematic flowchart of another component management method provided by an embodiment of the present disclosure;

FIG. 12 shows a schematic flowchart of another component management method provided by an embodiment of the present disclosure;

FIG. 13 shows a schematic flowchart of another component management method provided by an embodiment of the present disclosure;

FIG. 14 shows a schematic structural diagram of another component management apparatus provided by an embodiment of the present disclosure;

FIG. 15 shows a schematic structural diagram of another component management apparatus provided by an embodiment of the present disclosure.

Detailed ways

In order to make those skilled in the art better understand the technical solutions of the present disclosure, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.

It should be noted that the terms "first", "second" and the like in the description and claims of the present disclosure and the above drawings are used to distinguish similar objects, and are not necessarily used to describe a specific sequence or sequence. It is to be understood that the data so used may be interchanged under appropriate circumstances such that the embodiments of the disclosure described herein can be practiced in sequences other than those illustrated or described herein. The implementations described in the illustrative examples below are not intended to represent all implementations consistent with this disclosure. Rather, they are merely examples of apparatus and methods consistent with some aspects of the present disclosure as recited in the appended claims.

It should also be understood that the term "comprising" indicates the presence of the described features, integers, steps, operations, elements and/or components, but does not exclude one or more other features, integers, steps, operations, elements and/or The presence or addition of components.

The data involved in this disclosure may be data authorized by the user or fully authorized by all parties.

It should also be noted that the user information (including but not limited to user equipment information, user personal information, etc.) and data (including but not limited to display data, analysis data, etc.) Information and data authorized or fully authorized by the parties.

Before introducing the embodiments of the present application, some terms involved in the embodiments of the present application are explained:

Component: A component is an encapsulation of logic. Developers can encapsulate one or more functions into a component as needed, or encapsulate part of the logic in a function into a component. Components have the advantages of portability and reusability. That is, the user can adjust the components as required to obtain new components. For example, combining multiple components, or modifying components, etc.

Among them, components can be divided into basic components and higher-order components. Higher-order components may include one or more base components in a hierarchical relationship. Basic components include text components, picture components, video components, audio components, container components, erase components, etc. Higher-order components can also be called complex components. One or more basic components in higher-order components can be associated with each other through configuration files. A higher-order component may also include one or more base components, and/or one or more higher-order components.

Configuration file: It can also be called building blocks or building blocks, which refers to the rectangular block-like structure used to replace code fragments in visual programming. Applications created through profiles can be used in social tools or relatively stand-alone applications.

Among them, profiles can be divided into multiple types, for example, can be divided into image profiles, animation profiles, music profiles, control profiles, data profiles, appearance profiles, motion profiles, calculation profiles, detection profiles Profiles, Text Profiles, Video Profiles, etc. Users can describe logic, events, animations, etc. by combining configuration files.

Among them, logically, configuration files can be divided into basic configuration files (also called basic building blocks) and advanced configuration files (also called advanced building blocks). The base configuration file can be developed by the developer. High-level configuration files can include logic described in a programming language. The logic of advanced profiles can be composed of base profiles.

For example, as shown in FIG. 1 , it is a basic configuration file provided by this embodiment of the present application. The logic description of the basic configuration file is: when the erase component is clicked, the value on its own X coordinate is increased by 10.

For another example, as shown in FIG. 2 , an advanced configuration file is provided in this embodiment of the present application. The logic description of this advanced profile is: when the erasing behavior of the erasing component reaches (erasing 50% of the area), play the audio-13 component.

Based on the above components and configuration files, an embodiment of the present application provides a component management method, the method includes: acquiring a first high-level component corresponding to a first application scenario, where the first high-level component is used in the first application scenario to achieve the first function. The target explicit parameters of the first high-order component are adjusted to generate a second high-order component, and the second high-order component is used to implement the first function in the second application scenario. In this way, in this embodiment of the present application, by adjusting the target explicit parameters of the first high-level component that implements the first function in the first application scenario, the second high-level component that implements the first function in the second application scenario is obtained . Interoperability of components in different scenarios is provided. Compared with the need for independent development of components for different application scenarios, the technical solutions provided by the embodiments of the present application can improve the development efficiency of components.

The following is an exemplary description of the component management method provided by the embodiments of the present disclosure with reference to the accompanying drawings:

FIG. 3 is a schematic diagram of a communication system provided by an embodiment of the present application. The communication system may include a management device 100 and a visual editor 200 .

The management apparatus 100 can be used to control the working and display interface of the visual editor 200, and modify the rendering data of the component in response to the user's operation.

In some embodiments, the management apparatus 100 is a single server, or may be a server cluster composed of multiple servers. In some embodiments, the server cluster may also be a distributed cluster. The present disclosure also does not limit the specific implementation of the management apparatus 100 .

Among them, the visual editor 200 can be used to adjust the explicit parameters of the component in response to the user's operation.

A server computer, a desktop computer, a notebook computer, an ultra-mobile personal computer (UMPC) and other devices that can be installed and deliver multimedia data, the present disclosure does not limit the specific form of the management device. It can interact with the user in one or more ways, such as a keyboard, a touchpad, a touchscreen, a remote control, a voice interaction or a handwriting device.

In some embodiments, the management apparatus 100 and the visual editor 200 may be independent devices, or may be integrated together, which is not limited in this embodiment of the present disclosure.

In a possible implementation manner, as shown in FIG. 4 , which is a schematic diagram of a visual editor provided by an embodiment of the present disclosure, as shown in FIG. 4 , the visual editor may include: a component module, a hierarchical module, and a preview module , building block module, attribute parameter module, variable module, notification module.

The component module can be used to manage the acquired components. The component can be a basic component, a higher-order component, etc., which is not limited.

For example, as shown in FIG. 5 , a schematic interface diagram of a visual editor provided by an embodiment of the present application. The interface may include a component management area, which corresponds to the component model.

Hierarchical modules can be used to manage hierarchical relationships between components (also known as parent-child relationships, contextual relationships). For example, the hierarchical module can determine the hierarchical relationship between the components according to the arrangement order of the components. The components arranged at the front are the upper components, and the components arranged at the back are the lower components. On the display interface of the visual editor, the upper-level components are located above the lower-level components.

For example, in conjunction with the interface of FIG. 5 , the hierarchical module corresponds to the hierarchical management area in the interface.

The preview module can be used to run the component on the display interface of the visual editor in response to the user's click operation.

For example, in conjunction with the interface of FIG. 5 , the preview module corresponds to the local preview in the interface. That is, when the user clicks the "local preview", the visual editor can run the component in the component editing area.

Block components can be used to manage configuration files. For example, in response to a user's selection operation, the building block component can select a required configuration file from the configuration file list in FIG. 5 , and combine the selected configuration files in the building block area to obtain a new configuration file.

The property parameter module can be used to manage the property parameters of the component. The attribute parameters of the component can include general attribute parameters (such as name), basic attribute parameters (such as explicit and implicit, position, scale, anchor point, height, rotation angle, inclination, transparency, level, etc.), structural attribute parameters (such as shape of components), etc.

For example, in conjunction with the interface of FIG. 5 , the attribute parameter module corresponds to the attribute parameter area of the interface.

The variable module can be used to manage the property parameters of the component. For example, in the interface shown in FIG. 5, the variable module can be used to manage the data area in the interface. This data area can include global variables for the component, such as clicks, state data, and so on. The variable model can also generate new variables in response to a user clicking on the new variable.

Notification module, which can be used to implement interaction between associated components. For example, when a component runs, the running process of the component can be sent to the next component associated with the component through the notification module. The next component can determine whether to execute the configuration file corresponding to the component according to the running process of the component.

For example, in conjunction with the interface of FIG. 5 , the notification module corresponds to the notification area of the interface.

In conjunction with the high-level components in Figure 2 above, the high-level components may include an erase component and an audio component. The erasing component can send its own erasing situation to the audio component through the notification module. When the audio component determines that the erasing area of the erasing component reaches 50%, the audio component can be triggered to execute the audio profile.

For another example, for the progress bar component, the explicit property parameters of the progress bar component include basic property parameters, the foreground image of the progress bar, the background image of the progress bar, and the progress. The configuration file of the progress bar price is: when the progress bar reaches the preset length, get the progress of the current progress bar

It should be noted that, FIG. 4 is only exemplary, and the visual editor may further include other modules, such as setting modules, etc., which are not limited. The settings module can be used to set some property parameters and/or some configuration files of a component to be modifiable, or, to be non-modifiable.

The component management method provided by the embodiment of the present disclosure can be applied to the management apparatus shown in FIG. 4 .

It should be noted that the execution subject of the component management method provided by the present disclosure is a management device, and may also be a chip or a system-on-chip in the management device, which is not limited.

As shown in FIG. 6 , the component management method provided by the embodiment of the present disclosure may include:

S601. The management apparatus acquires a first high-level component corresponding to a first application scenario.

The management apparatus may be the management apparatus 100 in FIG. 3 , or may be a device in the management apparatus 100 in FIG. 3 , for example, may be a chip of the management apparatus. Wherein, the first higher-order component may include one or more basic components having a hierarchical relationship. The first higher-order component may perform the first function in the first application scenario. For example, the first application scenario may be an application scenario of sending a red envelope with a first amount, and the first high-level component may be used to perform the function of opening a red envelope and displaying the first amount of the red envelope. For another example, the first application scenario may be a lottery scenario in which items of the first type are drawn, and the first high-level component may be used to perform a function of randomly pointing to any one of the items of the first type. Of course, it can also be other scenarios. For example, the first application scenario can be a scenario in which the erase mask layer is displayed and the first information is displayed, and then the first high-level component can be used to perform a response to the user's erase mask layer area reaching a predetermined level. Set the condition to display the function of the first information.

In a possible implementation manner, the management apparatus may acquire the first high-level component corresponding to the first application scenario through a visual editor in response to the user's upload operation. The visual editor may be the visual editor in FIG. 3 or FIG. 4 . The visual editor may have the editing interface shown in FIG. 5 .

For example, in conjunction with the editing interface shown in FIG. 5 . In response to an operation of clicking "add component" by the user, the management apparatus may select the first high-order component from the pre-stored high-order components.

It should be noted that the loading scene, scene-1, and end page in FIG. 5 may be components constituting the higher-order component.

S602. The management apparatus adjusts the target explicit parameters of the first high-order component to generate a second high-order component.

Wherein, the second high-order component can perform the first function in the second application scenario. In combination with the example of S401 above, when the first application scenario is an application scenario of sending a red envelope of the first amount, the second application scenario may be an application scenario of sending a red envelope of the second amount, and the second high-level component can be used to execute the red envelope opening. And display the function of the second amount of the red envelope. When the first application scenario is a lottery scene in which items of the first type are drawn, the second application scenario may be a lottery scene in which items of the second type are drawn, and the second high-level component can be used to execute random execution of any item of the second type. a function. When the first application scenario is a scenario in which the mask is erased and the first information is displayed, the second application scenario is a scenario in which the mask is erased and the second information is displayed, and the second high-level component can be used to execute the wipe in response to the user. The scene where the second information is displayed when the area of the de-masked layer reaches the preset condition. The first information and the second information are different information.

The target explicit parameter of the first higher-order component may be an attribute parameter that can be modified in the first higher-order component. For example, target explicit parameters may include explicit attribute parameters of basic components (such as shape, size, position, transparency, explicit and implicit, etc.), hierarchical relationship between component prices, and configuration files of basic components (also known as explicit building blocks) and one or more of the attribute parameters of the configuration file. The adjustment methods of the different explicit parameters will be described later, and will not be repeated here.

In a possible implementation manner, the management apparatus may adjust the target explicit parameters of the first high-level component on the visual editor to obtain the first rendering data corresponding to the second high-level component. The management device renders the first rendering data through the visual editor to obtain the second high-level component. The first rendering data can be used to describe the logic of the second higher-order component. For example, the first rendering data may be data in JS object notation format, or may be data in other formats, which is not limited.

In an example, the visual editor may be preconfigured with a preset engine, and the management apparatus may use the preset engine to parse and process the first rendering data to obtain the second high-level component. For the method of the engine parsing and processing rendering data, reference may be made to the prior art, which will not be repeated.

The technical solutions provided by the above embodiments bring at least the following beneficial effects: it can be seen from S701 to S703 that the management device can adjust the explicit parameters of the first high-level component that performs the first function in the first application scenario, so as to obtain the following beneficial effects. 2. The second high-order component that performs the first function in the application scenario. Compared with the way of manual independent development for different scenarios, in the present disclosure, the high-level components can perform the first function in different scenarios by adjusting the explicit parameters of the high-level components, so that the components can perform the first function in different scenarios. Interoperability in scenarios, thereby improving the development efficiency of components.

In an embodiment, referring to FIG. 6 and as shown in FIG. 7 , if the target explicit parameter includes the explicit attribute parameter of the basic component, in the above S602, the management apparatus adjusts the target explicit parameter of the first high-level component , the method for generating the second higher-order component may specifically include S701 and S702.

S701. In response to the first adjustment operation, the management apparatus adjusts the explicit attribute parameter of the basic component to obtain the adjusted explicit attribute parameter.

The component may be a basic component with explicit attribute parameters in one or more basic components of the first higher-order component. Display attribute parameters may refer to parameters that allow modification, for example, may include size, color, position, and the like. For the first adjustment operation, you can click on the basic component and modify the property parameters in the property parameter area corresponding to the basic component in the visual editor.

For example, in conjunction with the interface shown in FIG. 5, in response to the user's operation of clicking the "download and receive" component, the visual editor may display the property parameters of the component in the property parameter area. The attribute parameter area may include data of explicit attribute parameters, such as general attribute parameters, basic attribute parameters, and may also include implicit attribute parameters, such as container attribute parameters.

S702. The management apparatus determines the second high-order component according to the adjusted explicit attribute parameter of the basic component.

The management device may use the adjusted explicit attribute parameter as the attribute parameter of the basic component in the second higher-order component.

The technical solutions provided by the above embodiments bring at least the following beneficial effects: it can be seen from S701 and S702 that the management device can respond to the modification operation on the explicit attribute parameter of the basic component of the first Explicit attribute parameters, generate the second high-level component, no further development is required, and it is simple and convenient.

In an embodiment, with reference to FIG. 6 and as shown in FIG. 8 , if the target explicit parameter includes the hierarchical relationship of the basic components, in the above S602, the management apparatus adjusts the target explicit parameter of the first high-level component, and generates a The method of the second high-level component may specifically include S801 and S802.

S801. The management apparatus adjusts the arrangement order of one or more basic components of the first high-level component.

The sorting order may be the sorting order of the one or more basic components in the visual editor. Wherein, the basic component arranged at the front is the upper component of the second high-order component, and the basic component arranged at the back is the lower component of the second high-order component.

In conjunction with the interface shown in Figure 5, in the hierarchical management area, the "download and receive" component (text component) is in front of the download button component (picture component), therefore, in the component editing area, "download and receive" is in the download button picture above.

S802. The management apparatus determines, according to the adjusted arrangement order of the one or more basic components, a hierarchical relationship between one or more basic components of the second high-level component.

The technical solutions provided by the above embodiments bring at least the following beneficial effects: it can be seen from the above S801 and S802 that the management device can adjust the arrangement order between the basic components of the first high-level component in response to the user's adjustment operation, and according to The adjusted sorting order of one or more components determines the hierarchical relationship of one or more components of the second higher-order component, which is simple and convenient.

In an embodiment, referring to FIG. 6 and as shown in FIG. 9 , if the target explicit parameter includes the configuration file of the basic component, in the above S602, the management apparatus adjusts the target explicit parameter of the first high-level component, and generates a The method of the second high-level component may specifically include S901 and S902.

S901. In response to the first selection operation, the management apparatus selects one or more configuration files for the basic component of the first higher-order component from a plurality of preset configuration files.

The first selection operation may be an operation for the user to select a configuration file for the basic component of the first higher-order component from one or more configuration file lists. For example, in conjunction with the interface shown in FIG. 5 , when a user clicks a building block type in the building block management area, the interface can display multiple preset configuration files under the building block type. In response to the user's operation of dragging one or more basic configuration files from the plurality of preset configuration files, one or more configuration files that can be selected are displayed in the building block management area.

S902. In response to the second adjustment operation, the management apparatus combines the configuration file of the basic component of the first higher-order component with the one or more basic configuration files to obtain the configuration file of the basic component in the second higher-order component.

The second adjustment operation may also be referred to as a second splicing operation, a second combining operation, or the like. With reference to the interface of FIG. 5 , in the building block management area, the management device may, in response to the adjustment operation, combine the building blocks in the building block management area to obtain a new building block of the basic component.

It should be noted that, the visual editor can display the configuration file of the basic configuration file in the building block management area in response to the operation of the user clicking the basic component in the first high-level component, and the configuration file is editable (that is, the configuration file is editable). Can be explicit blocks).

The technical solutions provided by the above embodiments bring at least the following beneficial effects: it can be seen from S901 to S902 that the management device can, in response to a user's selection operation, configure the corresponding configuration of the basic component of the first high-level component from a plurality of preset configuration files file, and in response to the user's adjustment operation, combine the configuration file of the basic component with the selected configuration file to obtain a new configuration file of the basic component, and use the new configuration file as the basic configuration file in the second Configuration files for higher-order components. Furthermore, the second high-order component can be determined, which is simple and convenient.

In an embodiment, referring to FIG. 6 and as shown in FIG. 10 , if the target explicit parameter includes the attribute parameter of the configuration file of the basic component, in the above S602, the management apparatus performs the target explicit parameter of the first high-level component. The method for adjusting and generating the second high-order component may specifically include S1001 and S1002.

S1001. In response to the third adjustment operation, the management device adjusts the attribute parameters of the configuration file of the basic component to obtain the adjusted attribute parameters of the configuration file;

S1002. The management apparatus determines a second high-level component according to the adjusted attribute parameter of the configuration file.

For the description of the above S1001 and S1002, reference may be made to the above S701 and S702, and details are not repeated.

The technical solutions provided by the above embodiments bring at least the following beneficial effects: it can be known from S1001 and S1002 that the management device can respond to the modification operation on the attribute parameters of the configuration file of the basic component of the first The modified attribute parameters of , generate the second high-level component, which is simple and convenient without further development.

In an embodiment, with reference to FIG. 6 , as shown in FIG. 11 , the method may further include S1101 .

S1101. In response to the first preview operation, the management apparatus executes the first function on the preset display interface according to the association relationship between the basic components of the second high-level component.

The preset display interface may refer to a display interface on visual editing. On the preset display interface, the display parameters displayed by the second high-level component correspond to the adjusted target explicit parameters.

Specifically, for this step, reference may be made to the description of the browsing module in FIG. 4 , which will not be repeated.

The technical solutions provided by the above embodiments bring at least the following beneficial effects: it can be seen from S1101 that when the management device responds to the operation for previewing the second high-level component price, the second high-level component can be run, which is convenient for the user to view the second high-level component. Whether the stage component meets the requirements.

In a possible embodiment, as shown in FIG. 12, in the process of running the second high-order component, the method may further include S1201.

S1201. In response to the operation on the first basic component of the second higher-order components, the management apparatus sends first notification information to the second basic component of the second higher-order components.

The first basic component is associated with the second basic component through a configuration file. The first notification information is used to trigger the second basic component to perform a corresponding action.

For example, the first basic component is the download and claim button component in FIG. 5 , and the second basic component is the end page component in FIG. 5 , and the two components can be associated through a challenge configuration file. When the user clicks on the component, the first notification information may be sent to the end page component. When the end page component receives the first notification information, the end page may be displayed.

For another example, the first basic component is an erasing component, and the second basic component is a masked overlay digital component, and the two components can be associated through the configuration file in FIG. 2 . When the user calls the erasing component to erase the masked component, notification information can be sent to the digital component. The notification information may include the progress of the erasing component erasing the mask. Such as can include 30%, 50%. When the notification information includes 50%, the digital component display can be triggered.

The technical solutions provided by the above embodiments bring at least the following beneficial effects: it can be known from S1201 that the management device can respond to the user's operation on the basic component in the high-level component, and send notification information to the component associated with the basic component, in order to Trigger the associated component to perform the corresponding action. In this way, each basic component in the higher-order component can be guaranteed to run in sequence.

In a possible embodiment, as shown in FIG. 13 , the method provided by this embodiment of the present application may further include S1401 , S1301 and S1302 .

S1301. The management apparatus acquires a third component.

The third component may be a basic component or a higher-order component.

This step may be described with reference to the above S601, which will not be repeated.

S1302. In response to the first association operation, the management apparatus associates the third component with the first high-level component through a configuration file to obtain a second high-level component.

For this step, reference may be made to the description of S902 above, which will not be repeated.

The technical solutions provided by the above embodiments bring at least the following beneficial effects: it can be seen from S1301 and S1302 that the management device can associate the new component with the first high-level component through the configuration file to obtain the second high-level component, which improves the high-level group. The scope of application of the price.

It can be understood that, in actual implementation, the mobile device described in the embodiments of the present disclosure may include one or more hardware structures and/or software modules for implementing the foregoing management methods for corresponding components, which execute the hardware structures and/or software modules. Modules can constitute an electronic device. Those skilled in the art should readily appreciate that the present disclosure can be implemented in hardware or a combination of hardware and computer software in conjunction with the algorithm steps of the examples described in the embodiments disclosed herein. Whether a function is performed by hardware or computer software driving hardware depends on the specific application and design constraints of the technical solution. Skilled artisans may implement the described functionality using different methods for each particular application, but such implementations should not be considered beyond the scope of this disclosure.

Based on this understanding, the embodiments of the present disclosure also provide a component management apparatus correspondingly. FIG. 14 shows a schematic structural diagram of an apparatus for managing components provided by an embodiment of the present disclosure. As shown in FIG. 14 , the management apparatus of this component may include: an acquisition unit 1401 and an adjustment unit 1402 .

The obtaining unit 1401 is configured to obtain the first high-level component corresponding to the first application scenario; wherein, the first high-level component is used to implement the first function in the first application scenario; the first high-level component includes a or multiple base components. The adjustment unit 1402 is configured to adjust the target explicit parameters of the first high-order component to generate a second high-order component; the second high-order component is used to implement the first function in the second application scenario, and the second high-order component The target object configured in the first application scenario is different from the target object configured in the second application scenario, including the first high-level component after adjustment of the target explicit parameter. For example, the obtaining unit 1401 can be used to perform S601 in FIG. 6 . The adjustment unit 1402 may be used to perform S602 in FIG. 6 .

Optionally, the target display parameter includes an explicit attribute parameter of the base component, and the adjustment unit 14102 is specifically configured to: in response to the first adjustment parameter, adjust the attribute parameter of the explicit attribute parameter of the base component to obtain the adjustment of the base component. After the explicit attribute parameter; according to the adjusted explicit attribute parameter, determine the second high-order component. For example, the adjustment unit 1402 may be used to perform S701 and S702 in FIG. 7 .

Optionally, the attribute parameters of the basic component include one or more of shape size, position, transparency, and visibility.

Optionally, the target display parameter includes a hierarchical relationship, and the adjustment unit 1402 is specifically used for: the arrangement order of one or more basic components, the basic component in the front is used as the upper-level component of the second high-level component, the basic component in the rear is arranged The component is a lower-level component of the second high-level component, and the upper-level component is located above the lower-level component; according to the adjusted arrangement order of one or more basic components, the hierarchical relationship between one or more components of the second high-level component is determined, Among them, there is an association relationship between one or more basic components. For example, the adjustment unit 1402 may be used to perform S801 and S802 in FIG. 8 .

Optionally, the target explicit parameter includes a configuration file of the basic component, and the adjustment unit 1402 is specifically configured to: in response to the first selection operation, select one or more preset configuration files for the basic component of the first higher-order component. a plurality of configuration files; in response to the second adjustment operation, combining one or more configuration files with the configuration files of the basic component to obtain a configuration file corresponding to the basic component in the second higher-order component. For example, the adjustment unit 1402 may be used to perform S901 and S902 in FIG. 9 .

Optionally, the target explicit parameters include attribute parameters of the configuration file of the basic component, and the adjustment unit 1402 is specifically configured to: in response to the third adjustment operation, the management device adjusts the attribute parameters of the configuration file to obtain the adjustment of the configuration file. The latter attribute parameter; the management device determines the second higher-order component according to the adjusted attribute parameter of the configuration file of the basic component. For example, the adjustment unit 1402 may be used to perform S1001 and S1002 in FIG. 10 .

Optionally, the adjustment unit 1402 is specifically configured to: adjust the target explicit parameters of the first high-level component to obtain the first rendering data corresponding to the second high-level component; render the first rendering data to obtain the second rendering data. Higher order components.

Optionally, the device further includes a display unit 1403; the display unit 1403 is used to respond to the first preview operation, and on the preset display interface, execute the first preview operation according to the association relationship between one or more basic components of the second high-level component. In one function, on the preset display interface, the explicit parameter displayed by the second high-level component corresponds to the adjusted target explicit parameter. For example, the display unit 1403 may be used to perform S1101 in FIG. 11 .

Optionally, the apparatus further includes a notification unit 1404; the notification unit 1404 is configured to, in the process of running the second higher-order component, in response to the operation of the first basic component in the second higher-order component, send a notification to the second higher-order component. The second basic component in the device sends first notification information, the first basic component is associated with the second basic component through a configuration file, and the first notification information is used to trigger the second basic component to perform a corresponding action. For example, the notification unit 1404 can be used to perform S1201 in FIG. 12 .

Optionally, the obtaining unit 1401 is further configured to obtain a third component, which is a basic component or a higher-order component; the adjusting unit 1402 is also configured to, in response to the first association operation, associate the third higher-order component with the first The higher-order components are associated through the configuration file to obtain the second higher-order component. For example, the obtaining unit 1401 can be used to perform S1301 in FIG. 13 . The adjustment unit 1402 may be used to perform S1302 in FIG. 13 .

As described above, the embodiment of the present disclosure can divide the function module of the component management apparatus according to the above method example. Wherein, the above-mentioned integrated modules may be implemented in the form of hardware, or may be implemented in the form of software function modules. In addition, it should also be noted that the division of modules in the embodiments of the present disclosure is schematic, and is only a logical function division, and there may be other division manners in actual implementation. For example, each function module may be divided corresponding to each function, or two or more functions may be integrated into one processing module.

Regarding the component management device in the foregoing embodiment, the specific manner in which each module performs operations and the beneficial effects it possesses have been described in detail in the foregoing method embodiments, and will not be repeated here.

An embodiment of the present disclosure further provides a component management apparatus. FIG. 15 shows a schematic structural diagram of an apparatus for managing components provided by an embodiment of the present disclosure. The means for managing this component may include at least one processor 151 , a communication bus 152 , a memory 153 and at least one communication interface 154 .

The processor 151 may be a central processing unit (CPU), a micro-processing unit, an ASIC, or one or more integrated circuits for controlling the execution of the programs of the present disclosure. As an example, with reference to FIG. 14 , the functions implemented by the adjustment unit 1402 in the component management apparatus are the same as those implemented by the processor 151 in FIG. 15 .

Communication bus 152 may include a path to communicate information between the above-described components.

Communication interface 154, using any transceiver-like device, for communicating with other devices or communication networks, such as servers, Ethernet, radio access networks (RAN), wireless local area networks (WLAN) Wait. As an example, with reference to FIG. 14 , the functions implemented by the acquiring unit 1401 in the component management apparatus are the same as the functions implemented by the communication interface 154 in FIG. 15 .

The memory 153 may be read-only memory (ROM) or other types of static storage devices that can store static information and instructions, random access memory (RAM), or other types of storage devices that can store information and instructions It can also be an electrically erasable programmable read-only memory (EEPROM), a compact disc read-only memory (CD-ROM), or other optical disk storage, optical disk storage ( including compact discs, laser discs, compact discs, digital versatile discs, Blu-ray discs, etc.), magnetic disk storage media or other magnetic storage devices, or capable of carrying or storing desired program code in the form of instructions or data structures and capable of being stored by a computer any other medium taken, but not limited to this. The memory may exist independently and be connected to the processing unit through a bus. The memory can also be integrated with the processing unit.

Wherein, the memory 153 is used to store the application code for executing the solution of the present disclosure, and the execution is controlled by the processor 151 . The processor 151 is used to execute the application program code stored in the memory 153, so as to realize the functions in the method of the present disclosure.

In a specific implementation, as an embodiment, the processor 151 may include one or more CPUs, such as CPU0 and CPU1 in FIG. 15 .

In a specific implementation, as an embodiment, the mobile device may include multiple processors, such as the processor 151 and the processor 155 in FIG. 15 . Each of these processors can be a single-core (single-CPU) processor or a multi-core (multi-CPU) processor. A processor herein may refer to one or more devices, circuits, and/or processing cores for processing data (eg, computer program instructions).

In a specific implementation, as an embodiment, the component management apparatus may further include an input device 156 and an output device 157 . Input device 156 communicates with output device 157 and can accept user input in a variety of ways. For example, the input device 156 may be a mouse, a keyboard, a touch screen device, a sensor device, or the like. The output device 157 is in communication with the processor 151 and can display information in a variety of ways. For example, the output device 151 may be a liquid crystal display (LCD), a light emitting diode (LED) display device, or the like.

Those skilled in the art can understand that the structure shown in FIG. 15 does not constitute a limitation on the component management device, and may include more or less components than the one shown, or combine some components, or adopt different component arrangements .

The present disclosure also provides a computer-readable storage medium comprising instructions, the computer-readable storage medium having instructions stored thereon, and when the instructions in the computer-readable storage medium are executed by a processor of a computer device, cause a computer to The component management methods provided by the above-described embodiments can be executed. For example, the computer-readable storage medium may be the memory 153 comprising instructions executable by the processor 151 of the management device of the components to perform the above-described method. For another example, the computer-readable storage medium may be the memory 152 including instructions, and the instructions may be executed by the processor 151 of the server to accomplish the above method. Alternatively, the computer-readable storage medium may be a non-transitory computer-readable storage medium, for example, the non-transitory computer-readable storage medium may be ROM, RAM, CD-ROM, magnetic tape, floppy disk, optical data storage device, and the like.

The present disclosure also provides a computer program product, the computer program product comprising computer instructions, when the computer instructions are executed on the processor of the component management apparatus, the component management apparatus causes the component management apparatus to execute the above-mentioned FIGS. 6-13 A method of managing components shown in any of the accompanying drawings.

Other embodiments of the present disclosure will readily occur to those skilled in the art upon consideration of the specification and practice of the invention disclosed herein. This disclosure is intended to cover any variations, uses, or adaptations of this disclosure that follow the general principles of this disclosure and include common general knowledge or techniques in the technical field not disclosed by this disclosure . The specification and examples are to be regarded as exemplary only, with the true scope and spirit of the disclosure being indicated by the following claims.

It is to be understood that the present disclosure is not limited to the precise structures described above and illustrated in the accompanying drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims (10)

1. A component management method, wherein the method comprises: Obtain a first high-level component corresponding to the first application scenario; wherein, the first high-level component is used to implement a first function in the first application scenario; the first high-level component includes a hierarchical relationship. or multiple base components; The target explicit parameters of the first high-order component are adjusted to generate a second high-order component; the second high-order component is used to implement the first function in the second application scenario, and the second high-order component is used to implement the first function. The first-order component includes a first high-order component adjusted by target explicit parameters, and the target objects configured in the first application scenario and the second application scenario are different. 2. The method according to claim 1, wherein the target explicit parameter comprises an explicit attribute parameter of the basic component, and the adjustment of the target explicit parameter of the first higher-order component, Generate second higher-order components, including: In response to the first adjustment operation, adjusting the explicit attribute parameter of the base component to obtain the adjusted explicit attribute parameter of the base component; The second higher-order component is determined according to the adjusted explicit attribute parameter. 3. The method according to claim 1, wherein the target explicit parameter comprises a hierarchical relationship, and the target explicit parameter of the first higher-order component is adjusted to generate a second higher-order component, include: Adjust the arrangement order of the one or more basic components, the basic components arranged at the front are used as the upper-level components of the second high-order components, and the basic components arranged at the back are used as the lower-level components of the second high-level components, so The upper layer assembly is located above the lower layer assembly; Determine a hierarchical relationship between one or more basic components of the second higher-order component according to the adjusted arrangement order of the one or more basic components, wherein the one or more basic components are associated with each other relation. 4. The method according to claim 1, wherein the target explicit parameter comprises a configuration file of the basic component, and the target explicit parameter of the first higher-order component is adjusted to generate the first Two higher-order components, including: In response to the first selection operation, selecting one or more configuration files for the base component of the first higher-order component from a plurality of preset configuration files; In response to the second adjustment operation, the one or more configuration files are combined with the configuration file of the base component to obtain the configuration file of the base component in the second higher-order component. 5 . The method according to claim 4 , wherein the target explicit parameterization comprises attribute parameters of the configuration file of the basic component, and the target explicit parameter of the first higher-order component is subjected to Adjusted to generate a second higher-order component, including: In response to the third adjustment operation, adjusting the attribute parameters of the configuration file to obtain the adjusted parameters of the configuration file; The second higher-order component is determined according to the adjusted property parameter of the configuration file of the basic component. 6. The method according to any one of claims 1-5, wherein the adjusting the target explicit parameter of the first high-order component to generate the second high-order component, comprising: Adjusting the target explicit parameter of the first high-order component to obtain first rendering data corresponding to the second high-order component; The first rendering data is rendered to obtain the second high-order component. 7. An apparatus for managing components, wherein the apparatus comprises an acquisition unit and an adjustment unit; The obtaining unit is configured to obtain a first high-order component corresponding to a first application scenario; wherein, the first high-order component is used to implement a first function in the first application scenario; the first high-order component A component includes one or more basic components in a hierarchical relationship; The adjustment unit is configured to adjust the target explicit parameters of the first high-order component to generate a second high-order component; the second high-order component is used to implement the first high-order component in a second application scenario function, the second high-level component includes a first high-level component whose target explicit parameter is adjusted, and the target objects configured in the first application scenario and the second application scenario are different. 8. An electronic device, characterized in that the electronic device comprises: processor; a memory for storing the processor-executable instructions; Wherein, the processor is configured to execute the instructions to implement the method for managing a component according to any one of claims 1-6. 9. A computer-readable storage medium on which instructions are stored, wherein when the instructions in the computer-readable storage medium are executed by an electronic device, the electronic device can be executed The management method of a component according to any one of claims 1-6. 10. A computer program product, comprising a computer program/instruction, characterized in that, when the computer program/instruction is executed by a processor, the method for managing a component according to any one of claims 1-6 is implemented.

Images