Component management method, device, electronic device and storage medium

Abstract

The present application provides a component management method, device, electronic device and storage medium, which relates to the field of Internet technology. In the present application, the management device obtains a first high-order component corresponding to a first application scenario; the first high-order component is used to implement a first function in the first application scenario, and the first high-order component includes one or more basic components with 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-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 the target explicit parameters are adjusted, and the target objects configured in the first application scenario and the second application scenario are different. In this way, by adjusting the explicit parameters of the high-order component, the high-order component can execute the first function in different scenarios, so that the components can be interoperable in different scenarios, thereby improving the development efficiency of the components.

Description

Technical Field

[0001] The present disclosure relates to the field of component technology, and in particular to a component management method, device, electronic device and storage medium. Background Art

[0002] In the face of the same application scenario, in order to improve the efficiency of component development, developers will develop built-in components for the application scenario, and display the built-in components to users through a visual editor, so that users can use the built-in components in the visual editor to design the corresponding application under the application scenario according to application requirements.

[0003] However, existing application scenarios are complex and diverse. For multiple application scenarios, developers need to independently develop multiple sets of built-in components corresponding to the multiple application scenarios, which has low development efficiency. In addition, there is no standardization of the open logic abstracted from the built-in components independently developed by humans, which affects the interoperability between the built-in components corresponding to different application scenarios. Summary of the invention

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

[0005] The technical solution of the embodiment of the present disclosure is as follows:

[0006] According to a first aspect of an embodiment of the present disclosure, a component management method is provided, which may include: a component management device (hereinafter referred to as a management device for the sake of convenience of description) obtains a first high-order component corresponding to a first application scenario; the first high-order component is used to implement a first function in the first application scenario, and the first high-order component includes one or more basic components with 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-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 the target explicit parameters are adjusted, and the target objects configured in the first application scenario and the second application scenario are different.

[0007] Optionally, the target explicit parameters include explicit attribute parameters of the basic component. The above-mentioned "adjusting the target explicit parameters of the first high-order component to generate a second high-order component" specifically includes: the management device adjusts the explicit attribute parameters of the basic component in response to the first adjustment operation to obtain the adjusted explicit attribute parameters of the basic component; the management device determines the second high-order component based on the adjusted explicit attribute parameters.

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

[0009] Optionally, the target explicit parameters include a hierarchical relationship. The above-mentioned "adjusting the target explicit parameters of the first high-order component to generate a second high-order component" specifically includes: the management device adjusts the arrangement order of one or more basic components, and the basic components arranged in the front are used as the upper components of the second high-order component, and the basic components arranged in the back are used as the lower components of the second high-order component, and the upper components are located above the lower components; the management device determines the hierarchical relationship between one or more components in the second high-order component according to the adjusted arrangement order of one or more basic components, wherein one or more basic components have an association relationship.

[0010] Optionally, the target explicit parameters include a configuration file of the basic component. The above-mentioned "adjusting the target explicit parameters of the first high-order component to generate a second high-order component" specifically includes: in response to a first selection operation, the management device selects one or more configuration files for the basic component of the first high-order component from multiple preset configuration files; in response to a second adjustment operation, the management device combines the 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 high-order component.

[0011] Optionally, the target explicit parameters include attribute parameters of the configuration file of the basic component. The above-mentioned "adjusting the target explicit parameters of the first high-order component to generate a second high-order component" specifically includes: in response to a 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 high-order component based on the adjusted attribute parameters of the configuration file of the basic component.

[0012] Optionally, the above-mentioned "adjusting the target explicit parameters of the first high-order component to generate a second high-order component" specifically includes: the management device adjusts the target explicit parameters of the first high-order component to obtain first rendering data corresponding to the second high-order component; the management device renders the first rendering data to obtain the second high-order component.

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

[0014] Optionally, the method also includes: during the process of running the second high-order component to perform the first function, in response to the operation of the first basic component of the second high-order component, the management device sends a first notification message to the second basic component of the second high-order component, the first basic component and the second basic component are associated through a configuration file, and the first notification message is used to trigger the second basic component to perform a corresponding action.

[0015] Optionally, the method also includes: the management device obtains a third component, the third component is a basic component or a high-order component; the management device responds to the first association operation, associates the third high-order component with the first high-order component through a configuration file, and obtains a second high-order component.

[0016] According to the second aspect of the embodiment of the present disclosure, a component management device is provided, which may include: an acquisition unit and an adjustment unit; the acquisition unit is used to acquire 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 includes one or more basic components with 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, the second high-order component includes the first high-order component after the target explicit parameters are adjusted, and the target objects configured in the first application scenario and the second application scenario are different.

[0017] Optionally, the target display parameters include explicit attribute parameters of the basic component, and the adjustment unit is specifically used to: adjust the attribute parameters of the explicit attribute parameters of the basic component in response to the first adjustment parameter to obtain the adjusted explicit attribute parameters of the basic component; and determine the second high-order component based on the adjusted explicit attribute parameters.

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

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

[0020] Optionally, the target explicit parameters include a configuration file of the basic component, and the adjustment unit is specifically used to: in response to a first selection operation, select one or more configuration files for the basic component of the first high-order component from multiple preset configuration files; in response to a second adjustment operation, combine the 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 high-order component.

[0021] Optionally, the target explicit parameters include attribute parameters of the configuration file of the basic component, and the adjustment unit is specifically used to: in response to a 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 high-order component based on the adjusted attribute parameters of the configuration file of the basic component.

[0022] Optionally, the adjustment unit is specifically used to: adjust the target explicit parameters of the first high-order component to obtain first rendering data corresponding to the second high-order component; render the first rendering data to obtain the second high-order component.

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

[0024] Optionally, the device also includes a notification unit; the notification unit is used to send a first notification message to a second basic component in the second high-order component in response to an operation on the first basic component in the second high-order component during the running of the second high-order component, the first basic component and the second basic component are associated through a configuration file, and the first notification message is used to trigger the second basic component to perform a corresponding action.

[0025] Optionally, the acquisition unit is further used to acquire a third component, where the third component is a basic component or a high-order component; the adjustment unit is further used to, in response to the first association operation, associate the third high-order component with the first high-order component through a configuration file to obtain a second high-order component.

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

[0027] According to a fourth aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided, on which instructions are stored. When the instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute any one of the optional component management methods in the above-mentioned first aspect.

[0028] According to a fifth aspect of an embodiment of the present disclosure, a computer program product is provided, which includes computer instructions. When the computer instructions are executed on an electronic device, the electronic device executes the component management method as described in any optional implementation of the first aspect.

[0029] 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.

[0030] The technical solution provided by the embodiments of the present disclosure brings at least the following beneficial effects:

[0031] Based on any of the above aspects, in the present disclosure, the management device can adjust the explicit parameters of the first high-order component that performs the first function in the first application scenario to obtain a second high-order component that performs the first function in the second application scenario. Compared with the manual independent development method for different scenarios, in the present disclosure, the high-order component can be adjusted by the explicit parameters of the high-order component to perform the first function in different scenarios, so that the components can be interoperable in different scenarios, thereby improving the development efficiency of the components. BRIEF DESCRIPTION OF THE DRAWINGS

[0032] The drawings herein are incorporated into and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the description are used to explain the principles of the present disclosure, and do not constitute improper limitations on the present disclosure.

[0033] Figure 1 A schematic diagram of a basic building block provided by an embodiment of the present disclosure is shown;

[0034] Figure 2 A schematic diagram of an advanced building block provided by an embodiment of the present disclosure is shown;

[0035] Figure 3 A schematic diagram of the structure of a communication system provided by an embodiment of the present disclosure is shown;

[0036] Figure 4 A schematic diagram of the structure of a component management device provided by an embodiment of the present disclosure is shown;

[0037] Figure 5 A schematic diagram of an interface of a visual editor provided by an embodiment of the present disclosure is shown;

[0038] Figure 6 A schematic diagram showing a flow chart of a component management method provided by an embodiment of the present disclosure;

[0039] Figure 7 A schematic diagram showing a flow chart of another component management method provided by an embodiment of the present disclosure;

[0040] Figure 8 A schematic diagram showing a flow chart of another component management method provided by an embodiment of the present disclosure;

[0041] Fig. 9 A schematic diagram showing a flow chart of another component management method provided by an embodiment of the present disclosure;

[0042] Fig.10 A schematic diagram showing a flow chart of another component management method provided by an embodiment of the present disclosure;

[0043] Fig.11 A schematic diagram showing a flow chart of another component management method provided by an embodiment of the present disclosure;

[0044] Fig.12 A schematic diagram showing a flow chart of another component management method provided by an embodiment of the present disclosure;

[0045] Fig.13 A schematic diagram showing a flow chart of another component management method provided by an embodiment of the present disclosure;

[0046] Fig.14 A schematic diagram showing the structure of another component management device provided by an embodiment of the present disclosure is shown;

[0047] Fig.15 A schematic diagram of the structure of another component management device provided by an embodiment of the present disclosure is shown. DETAILED DESCRIPTION

[0048] In order to enable ordinary persons in the art to 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 in conjunction with the accompanying drawings.

[0049] It should be noted that the terms "first", "second", etc. in the specification and claims of the present disclosure and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

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

[0051] The data involved in the present disclosure may be data authorized by the user or fully authorized by all parties.

[0052] It should also be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for display, data for analysis, etc.) involved in this disclosure are all information and data authorized by the user or fully authorized by all parties.

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

[0054] Component: A component is a package of logic. Developers can package one or more functions into a component as needed, or they can package part of the logic in a function into a component. Components have the advantages of portability and reusability. That is, users can adjust components as needed to obtain new components. For example, multiple components can be combined or components can be modified.

[0055] Among them, components can be divided into basic components and high-order components. High-order components can include one or more basic components with a hierarchical relationship. Basic components include text components, image components, video components, audio components, container components, erase components, etc. High-order components can also be called complex components. One or more basic components in a high-order component can be associated through a configuration file. A high-order component can also include one or more basic components, and / or one or more high-order components.

[0056] Configuration file: It can also be called a building block or a building block. It refers to a rectangular block structure used to replace code snippets in visual programming. Applications created through configuration files can be used in social tools or relatively independent applications.

[0057] The configuration files can be divided into multiple types, for example, image configuration files, animation configuration files, music configuration files, control configuration files, data configuration files, appearance configuration files, motion configuration files, calculation configuration files, detection configuration files, text configuration files, video configuration files, etc. Users can describe logic, events, animations, etc. by combining configuration files.

[0058] Among them, logically, the configuration file can be divided into a basic configuration file (also called a basic building block) and an advanced configuration file (also called an advanced building block). The basic configuration file can be developed by a developer. The advanced configuration file can include logic described in a programming language. The logic of the advanced configuration file can be composed of the basic configuration file.

[0059] For example, Figure 1 As shown, a basic configuration file provided by an embodiment of the present application is described in the following logic: when the eraser component is clicked, the value on its X coordinate is increased by 10.

[0060] For example, Figure 2 As shown, it is an advanced configuration file provided by the embodiment of the present application. The logic description of the advanced configuration file is: when the erasing behavior of the erasing component reaches (erasing 50% of the area), the audio-13 component is played.

[0061] Based on the above components and configuration files, an embodiment of the present application provides a component management method, the method comprising: obtaining a first high-order component corresponding to a first application scenario, the first high-order component being used to implement a first function in the first application scenario. Adjusting the target explicit parameters of the first high-order component to generate a second high-order component, the second high-order component being used to implement the first function in the second application scenario. Thus, in an embodiment of the present application, by adjusting the target explicit parameters of the first high-order component that implements the first function in the first application scenario, a second high-order component that implements the first function in the second application scenario is obtained. The interoperability of components in different scenarios is provided. Compared with the need to independently develop components for different application scenarios, the technical solution provided by the embodiment of the present application can improve the development efficiency of components.

[0062] The following is an exemplary description of the component management method provided by the embodiment of the present disclosure in conjunction with the accompanying drawings:

[0063] Figure 3 A schematic diagram of a communication system provided in an embodiment of the present application. The communication system may include a management device 100 and a visual editor 200.

[0064] The management device 100 may be used to control the operation and display interface of the visual editor 200 and modify the rendering data of the component in response to the user's operation.

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

[0066] The visual editor 200 may be used to adjust explicit parameters of a component in response to a user's operation.

[0067] The present disclosure does not impose any special restrictions on the specific form of the management device, such as server computers, desktop computers, notebook computers, ultra-mobile personal computers (UMPC), etc., which can be installed and perform multimedia data delivery. It can interact with the user through one or more methods such as keyboard, touch pad, touch screen, remote control, voice interaction or handwriting device.

[0068] In some embodiments, the management device 100 and the visual editor 200 may be independent devices or may be integrated together, which is not limited in the embodiments of the present disclosure.

[0069] In one possible implementation, Figure 4 As shown, it is a schematic diagram of a visual editor provided by an embodiment of the present disclosure, such as Figure 4 As shown, the visual editor may include: a component module, a hierarchy module, a preview module, a building block module, an attribute parameter module, a variable module, and a notification module.

[0070] The component module can be used to manage the acquired components, which can be basic components, high-level components, etc., without limitation.

[0071] For example, Figure 5 FIG. 1 is a schematic diagram of an interface of a visual editor provided in an embodiment of the present application. The interface may include a component management area, which corresponds to a component model.

[0072] The hierarchy module can be used to manage the hierarchical relationship between components (also called parent-child relationship, upper-lower relationship). For example, the hierarchy module can determine the hierarchical relationship between components based on the order in which the components are arranged. The components arranged in the front are the upper components, and the components arranged in the back are the lower components. In the display interface of the visual editor, the upper components are located above the lower components.

[0073] For example, combined with Figure 5 The hierarchy module corresponds to the hierarchy management area in the interface.

[0074] The preview module can be used to run the component on the display interface of the visual editor in response to a click operation of the user.

[0075] For example, combined with Figure 5 The preview module corresponds to the local preview in the interface. That is, when the user clicks "local preview", the visual editor can run the component in the component editing area.

[0076] The building block component can be used to manage configuration files. For example, the building block component can respond to the user's selection operation, from Figure 5 Select the required configuration file from the configuration file list in the , and combine the selected configuration files in the building block area to obtain a new configuration file.

[0077] The attribute parameter module can be used to manage the attribute parameters of components. The attribute parameters of components can include common attribute parameters (such as name), basic attribute parameters (such as visibility, position, scale, anchor point, height, rotation angle, inclination, transparency, level, etc.), structural attribute parameters (such as component shape), etc.

[0078] For example, combined with Figure 5 The attribute parameter module corresponds to the attribute parameter area of ​​the interface.

[0079] The variable module can be used to manage the property parameters of the component. For example, Figure 5 In the interface shown, the variable module can be used to manage the data area in the interface. The data area can include global variables of the component, such as the number of clicks, state data, etc. The variable model can also generate new variables in response to the user clicking the operation of creating a new variable.

[0080] The notification module can be used to implement the interaction between related components. For example, when a component is running, 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 based on the running process of the component.

[0081] For example, combined with Figure 5 The notification module corresponds to the notification area of ​​the interface.

[0082] Combined with the above Figure 2 The advanced component in the system may include an erasing component and an audio component. The erasing component may send its own erasing situation to the audio component through a notification module. When the audio component determines that the erasing area of ​​the erasing component reaches 50%, the audio component may be triggered to execute the audio profile.

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

[0084] It should be noted that Figure 4 The above is only exemplary, and the visual editor may also include other modules, such as a setting module, etc., which are not limited. The setting module may be used to set some attribute parameters and / or some configuration files of the component to be modifiable, or to set them to be unmodifiable.

[0085] The component management method provided in the embodiment of the present disclosure can be applied to the aforementioned Figure 4 The management device shown in .

[0086] It should be noted that the execution subject of the component management method provided in the present disclosure is a management device, and may also be a chip or system on chip in the management device, etc., without limitation.

[0087] like Figure 6 As shown, the component management method provided by the embodiment of the present disclosure may include:

[0088] S601. The management device obtains a first high-level component corresponding to a first application scenario.

[0089] The management device can be Figure 3 The management device 100 in Figure 3 The device in the management device 100, for example, can be a chip of the management device. Among them, the first high-order component can include one or more basic components with a hierarchical relationship. The first high-order component can perform a first function in a first application scenario. For example, the first application scenario can be an application scenario of sending a red envelope of a first amount, then the first high-order component can be used to execute the function of opening a red envelope and displaying the first amount of the red envelope. For another example, the first application scenario can be a lottery scenario for drawing a first type of item, then the first high-order component can be used to execute the function of randomly pointing to any one of the first type of items. Of course, it can also be other scenarios. For example, the first application scenario can be a scenario of erasing the mask and displaying the first information, then the first high-order component can be used to execute the function of displaying the first information in response to the area of ​​the user's erased mask reaching a preset condition.

[0090] In a possible implementation, the management device may obtain 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 Figure 3 or Figure 4 The visual editor can have Figure 5 The editing interface shown.

[0091] For example, combined with Figure 5 In response to the user clicking the "add component" operation, the management device may select a first high-order component from pre-stored high-order components.

[0092] It should be noted that Figure 5 The loading scene, scene-1, and end page in the scene may be components that constitute the high-order component.

[0093] S602: The management device adjusts the target explicit parameters of the first high-order component to generate a second high-order component.

[0094] Among them, the second high-level component can execute the first function in the second application scenario. Combined with the above-mentioned S401 example, when the first application scenario is an application scenario of sending a red envelope of a first amount, the second application scenario can be an application scenario of sending a red envelope of a second amount, and the second high-level component can be used to execute the function of opening the red envelope and displaying the second amount of the red envelope. When the first application scenario is a lottery scenario for drawing a first type of item, the second application scenario can be a lottery scenario for drawing a second type of item, and the second high-level component can be used to execute the function of randomly executing any one of the second type of items. When the first application scenario is a scenario of erasing the mask and displaying the first information, the second application scenario is a scenario of erasing the mask and displaying the second information, and the second high-level component can be used to execute a scenario of displaying the second information in response to the area of ​​the user's erased mask reaching a preset condition. The first information and the second information are different information.

[0095] Among them, the target explicit parameter of the first high-order component can be a property parameter that can be modified in the first high-order component. For example, the target explicit parameter can include one or more of the explicit property parameters of the basic component (such as shape, size, position, transparency, visibility, etc.), the hierarchical relationship between components, the configuration file of the basic component (also called explicit building blocks) and the property parameters of the configuration file. The adjustment method of the different explicit parameters will be described later and will not be repeated here.

[0096] In one possible implementation, the management device can adjust the target explicit parameters of the first high-order component on the visual editor to obtain the first rendering data corresponding to the second high-order component. The management device renders the first rendering data through the visual editor to obtain the second high-order component. The first rendering data can be used to describe the logic of the second high-order component. For example, the first rendering data can be data in the JS object notation format, or data in other formats, without limitation.

[0097] In one example, the visual editor may be pre-configured with a preset engine, and the management device may use the preset engine to parse and process the first rendering data to obtain a second high-order component. The method of parsing and processing the rendering data by the engine may refer to the prior art and will not be described in detail.

[0098] The technical solution provided by the above embodiment brings at least the following beneficial effects: As can be seen from S701 to S703, the management device can adjust the explicit parameters of the first high-order component that performs the first function in the first application scenario to obtain a second high-order component that performs the first function in the second application scenario. Compared with the manual independent development method for different scenarios, in the present disclosure, the high-order component can be adjusted by the explicit parameters of the high-order component to achieve the first function in different scenarios, so that the components can be interoperable in different scenarios, thereby improving the development efficiency of the components.

[0099] In one embodiment, in combination Figure 6 ,like Figure 7 As shown, if the target explicit parameters include explicit attribute parameters of the basic components, in the above S602, the management device adjusts the target explicit parameters of the first high-order component, and the method for generating the second high-order component may specifically include S701 and S702.

[0100] S701: In response to a first adjustment operation, the management device adjusts an explicit attribute parameter of a basic component to obtain an adjusted explicit attribute parameter.

[0101] The component may be a basic component with explicit attribute parameters in one or more basic components of the first high-order component. The displayed attribute parameters may refer to parameters that are allowed to be modified, for example, they may include size, color, position, etc. The first adjustment operation may be to click on the basic component and modify the attribute parameters in the attribute parameter area corresponding to the basic component in the visual editor.

[0102] For example, combined with Figure 5 In the interface shown, in response to the user clicking the "Download and Receive" component operation, the visual editor can display the attribute parameters of the component in the attribute parameter area. The attribute parameter area can include data of explicit attribute parameters, such as general attribute parameters and basic attribute parameters, and can also include invisible attribute parameters, such as container attribute parameters.

[0103] S702: The management device determines a second high-order component according to the adjusted explicit attribute parameters of the basic component.

[0104] The management device may use the adjusted explicit attribute parameters as attribute parameters of the basic component in the second high-order component.

[0105] The technical solution provided by the above embodiment brings at least the following beneficial effects: As can be seen from S701 and S702, the management device can respond to the modification operation of the explicit attribute parameters of the basic component of the first high-order component, and generate a second high-order component according to the modified explicit attribute parameters of the basic component, without the need for further development, which is simple and convenient.

[0106] In one embodiment, in combination Figure 6 ,like Figure 8 As shown, if the target explicit parameter includes the hierarchical relationship of the basic components, in the above S602, the management device adjusts the target explicit parameter of the first high-order component, and the method for generating the second high-order component may specifically include S801 and S802.

[0107] S801. The management device adjusts the arrangement order of one or more basic components of the first high-order component.

[0108] The sorting order may be the order in which the one or more basic components are arranged in the visual editor, wherein the basic components arranged in the front are the upper components of the second high-order component, and the basic components arranged in the back are the lower components of the second high-order component.

[0109] Combination Figure 5 In the interface shown, in the hierarchical management area, the "Download and Receive" component (text component) is in front of the download button component (image component). Therefore, in the component editing area, "Download and Receive" is above the download button image.

[0110] S802. The management device determines the hierarchical relationship between one or more basic components of the second high-order component according to the adjusted arrangement order of the one or more basic components.

[0111] The technical solution provided by the above embodiment brings 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-order component in response to the user's adjustment operation, and determine the hierarchical relationship of one or more components of the second high-order component according to the adjusted sorting order of one or more components, which is simple and convenient.

[0112] In one embodiment, in combination Figure 6 ,like Fig. 9 As shown, if the target explicit parameter includes a configuration file of the basic component, in the above S602, the management device adjusts the target explicit parameter of the first high-order component, and the method for generating the second high-order component may specifically include S901 and S902.

[0113] S901. In response to a first selection operation, the management device selects one or more configuration files for a base component of a first high-order component from a plurality of preset configuration files.

[0114] The first selection operation may be an operation in which the user selects a configuration file for the base component of the first high-order component from one or more configuration file lists. Figure 5 In the interface shown, when the user clicks on 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 dragging one or more basic configuration files from the multiple preset configuration files, the selectable one or more configuration files can be displayed in the building block management area.

[0115] S902. In response to the second adjustment operation, the management device combines the configuration file of the basic component of the first high-order component with the one or more basic configuration files to obtain the configuration file of the basic component in the second high-order component.

[0116] The second adjustment operation may also be referred to as a second splicing operation, a second combining operation, etc. Figure 5 In the interface of the building block management area, the management device can respond to the adjustment operation and combine the building blocks in the building block management area to obtain a new building block of the basic component.

[0117] It should be noted that the visual editor can respond to the user clicking the basic component in the first high-order component, and display the configuration file of the basic configuration file in the building block management area, and the configuration file is editable (that is, it can be an explicit building block).

[0118] The technical solution provided by the above embodiment brings at least the following beneficial effects: As can be seen from S901 to S902, the management device can respond to the user's selection operation, select a configuration file corresponding to the basic component of the first high-order component from multiple preset configuration files, and respond 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 configuration file of the basic configuration file in the second high-order component. In addition, the second high-order component can be determined, which is simple and convenient.

[0119] In one embodiment, in combination Figure 6 ,like Fig.10 As shown, if the target explicit parameters include attribute parameters of the configuration file of the basic component, in the above S602, the management device adjusts the target explicit parameters of the first high-order component, and the method for generating the second high-order component may specifically include S1001 and S1002.

[0120] S1001. In response to a 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;

[0121] S1002. The management device determines a second high-order component according to the adjusted attribute parameters of the configuration file.

[0122] The description of the above S1001 and S1002 may refer to the above S701 and S702 and will not be repeated here.

[0123] The technical solution provided by the above embodiments brings at least the following beneficial effects: As can be seen from S1001 and S1002, the management device can respond to the modification operation of the attribute parameters of the configuration file of the basic component of the first high-order component, and generate a second high-order component according to the modified attribute parameters of the configuration file of the basic component, without the need for further development, which is simple and convenient.

[0124] In one embodiment, in combination Figure 6 ,like Fig.11As shown, the method may further include S1101.

[0125] S1101. In response to a first preview operation, the management device executes a first function on a preset display interface according to an association relationship between basic components of a second high-order component.

[0126] The preset display interface may refer to a display interface on a visual editor. On the preset display interface, the display parameters displayed by the second high-order component correspond to the adjusted target explicit parameters.

[0127] Specifically, this step can refer to the above Figure 4 The description of the browsing module in is not repeated here.

[0128] The technical solution provided by the above embodiment brings at least the following beneficial effects: As can be seen from S1101, when the management device responds to the operation for previewing the second high-order component, the second high-order component can be run, so that the user can check whether the second high-order component meets the requirements.

[0129] In a possible embodiment, Fig.12 As shown, during the process of running the second high-order component, the method may further include S1201.

[0130] S1201. In response to an operation on a first basic component in a second high-order component, the management device sends a first notification message to a second basic component in the second high-order component.

[0131] 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.

[0132] For example, the first basic component is Figure 5 Download the button component, the second basic component is Figure 5 The end page component in the challenge configuration file can be associated with each other. When the user clicks the component, the first notification information can be sent to the end page component. When the end page component receives the first notification information, the end page can be displayed.

[0133] For another example, the first basic component is an erasing component, and the second basic component is a covering digital component of a mask. The two components can be Figure 2 When the user calls the erasing component to erase the mask component, a notification message may be sent to the digital component. The notification message may include the progress of the erasing component erasing the mask. For example, it may include 30%, 50%. When the notification message includes 50%, the digital component may be triggered to display.

[0134] The technical solution provided by the above embodiment brings at least the following beneficial effects: As can be seen from S1201, the management device can respond to the user's operation on the basic component in the high-order component and send notification information to the component associated with the basic component to trigger the associated component to perform a corresponding action. In this way, it can be ensured that the basic components in the high-order component can run in sequence.

[0135] In a possible embodiment, Fig.13 As shown, the method provided in the embodiment of the present application may also include S1401, S1301 and S1302.

[0136] S1301. The management device obtains the third component.

[0137] Among them, the third component can be a basic component or a high-order component.

[0138] This step may refer to the above description of S601 and will not be described in detail.

[0139] S1302. In response to the first association operation, the management device associates the third component with the first high-order component through a configuration file to obtain a second high-order component.

[0140] This step can refer to the description of S902 above and will not be described in detail.

[0141] The technical solution provided by the above embodiment brings at least the following beneficial effects: From S1301 and S1302, it can be seen that the management device can associate the new component with the first high-order component through the configuration file to obtain the second high-order component, thereby improving the scope of application of the high-order component.

[0142] It is understandable 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 management method of the aforementioned corresponding components, and these execution hardware structures and / or software modules may constitute an electronic device. Those skilled in the art should easily realize that, in combination with the algorithm steps of each example described in the embodiments disclosed herein, the present disclosure can be implemented in the form of hardware or a combination of hardware and computer software. Whether a function is executed in the form of hardware or computer software driving hardware depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of the present disclosure.

[0143] Based on such understanding, the embodiment of the present disclosure also provides a component management device. Fig.14 FIG. 1 is a schematic diagram showing the structure of a component management device provided by an embodiment of the present disclosure. Fig.14As shown, the management device of the component may include: an acquisition unit 1401 and an adjustment unit 1402.

[0144] The acquisition unit 1401 is used to acquire 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; and the first high-order component includes one or more basic components having a hierarchical relationship. The adjustment unit 1402 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-order component after the target explicit parameters are adjusted, and the target objects configured in the first application scenario and the second application scenario are different. For example, the acquisition unit 1401 can be used to execute Figure 6 The adjustment unit 1402 can be used to perform Figure 6 S602 in.

[0145] Optionally, the target display parameter includes an explicit attribute parameter of the basic component, and the adjustment unit 14102 is specifically used to: in response to the first adjustment parameter, adjust the attribute parameter of the explicit attribute parameter of the basic component to obtain the adjusted explicit attribute parameter of the basic component; and determine the second high-order component according to the adjusted explicit attribute parameter. For example, the adjustment unit 1402 can be used to perform Figure 7 S701 and S702 in.

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

[0147] Optionally, the target display parameter includes a hierarchical relationship, and the adjustment unit 1402 is specifically used to: arrange the order of one or more basic components, the basic components arranged in the front are used as the upper components of the second high-order component, and the basic components arranged in the back are used as the lower components of the second high-order component, and the upper components are located above the lower components; according to the adjusted arrangement order of the one or more basic components, determine the hierarchical relationship between one or more components of the second high-order component, wherein the one or more basic components have an association relationship. For example, the adjustment unit 1402 can be used to perform Figure 8 S801 and S802 in.

[0148] Optionally, the target explicit parameter includes a configuration file of the basic component, and the adjustment unit 1402 is specifically used to: in response to a first selection operation, select one or more configuration files for the basic component of the first high-order component from multiple preset configuration files; in response to a second adjustment operation, combine the 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 high-order component. For example, the adjustment unit 1402 can be used to perform Fig. 9S901 and S902 in.

[0149] Optionally, the target explicit parameter includes an attribute parameter of a configuration file of the basic component, and the adjustment unit 1402 is specifically used to: in response to the third adjustment operation, the management device adjusts the attribute parameter of the configuration file to obtain the adjusted attribute parameter of the configuration file; the management device determines the second high-order component according to the adjusted attribute parameter of the configuration file of the basic component. For example, the adjustment unit 1402 can be used to perform Fig.10 S1001 and S1002 in.

[0150] Optionally, the adjustment unit 1402 is specifically used to: adjust the target explicit parameters of the first high-order component to obtain first rendering data corresponding to the second high-order component; and render the first rendering data to obtain the second high-order component.

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

[0152] Optionally, the device further includes a notification unit 1404; the notification unit 1404 is used to send a first notification message to a second basic component in the second high-order component in response to an operation on the first basic component in the second high-order component during the operation of the second high-order component, the first basic component and the second basic component are associated through a configuration file, and the first notification message is used to trigger the second basic component to perform a corresponding action. For example, the notification unit 1404 can be used to perform Fig.12 S1201 in.

[0153] Optionally, the acquisition unit 1401 is further used to acquire a third component, where the third component is a basic component or a high-order component; the adjustment unit 1402 is further used to, in response to the first association operation, associate the third high-order component with the first high-order component through a configuration file to obtain a second high-order component. For example, the acquisition unit 1401 can be used to execute Fig.13 The adjustment unit 1402 can be used to perform Fig.13 S1302 in.

[0154] As described above, the embodiment of the present disclosure can divide the component management device into functional modules according to the above method example. Among them, the above integrated modules can be implemented in the form of hardware or in the form of software functional modules. In addition, it should be noted that the division of modules in the embodiment of the present disclosure is schematic and is only a logical function division. There may be other division methods in actual implementation. For example, each functional module can be divided according to each function, or two or more functions can be integrated into one processing module.

[0155] Regarding the component management device in the above embodiment, the specific manner in which each module performs operations and the beneficial effects possessed have been described in detail in the aforementioned method embodiment and will not be repeated here.

[0156] The embodiment of the present disclosure also provides a component management device. Fig.15 The schematic diagram of the structure of the component management device provided by the embodiment of the present disclosure is shown. The component management device may include at least one processor 151, a communication bus 152, a memory 153 and at least one communication interface 154.

[0157] Processor 151 may be a processor (central processing unit, CPU), microprocessor unit, ASIC, or one or more integrated circuits for controlling the execution of the program of the disclosed solution. Fig.14 The function implemented by the adjustment unit 1402 in the component management device is similar to Fig.15 The functions implemented by the processor 151 in are the same.

[0158] The communication bus 152 may include a pathway for transmitting information between the above-mentioned components.

[0159] The communication interface 154 uses any transceiver or other device for communicating with other devices or communication networks, such as servers, Ethernet, radio access networks (RAN), wireless local area networks (WLAN), etc. As an example, in combination with Fig.14 The functions implemented by the acquisition unit 1401 in the component management device are similar to Fig.15 The communication interface 154 in FIG.

[0160] The memory 153 may be a read-only memory (ROM) or other types of static storage devices that can store static information and instructions, a random access memory (RAM) or other types of dynamic storage devices that can store information and instructions, or an electrically erasable programmable read-only memory (EEPROM), a compact disc read-only memory (CD-ROM) or other optical disc storage, optical disc storage (including compressed optical disc, laser disc, optical disc, digital versatile disc, Blu-ray disc, etc.), a magnetic disk storage medium or other magnetic storage device, or any other medium that can be used to carry or store the desired program code in the form of instructions or data structures and can be accessed by a computer, but is not limited thereto. The memory may exist independently and be connected to the processing unit through a bus. The memory may also be integrated with the processing unit.

[0161] The memory 153 is used to store 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 code stored in the memory 153, so as to realize the functions in the method of the present disclosure.

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

[0163] In a specific implementation, as an embodiment, the mobile device may include multiple processors, such as Fig.15 1 and 155. Each of these processors may be a single-CPU processor or a multi-CPU processor. A processor herein may refer to one or more devices, circuits, and / or processing cores for processing data (e.g., computer program instructions).

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

[0165] Those skilled in the art will understand that Fig.15 The structure shown in the figure does not constitute a limitation on the component management device, and may include more or less components than shown in the figure, or combine certain components, or adopt a different component arrangement.

[0166] The present disclosure also provides a computer-readable storage medium including instructions, and the computer-readable storage medium stores instructions, and when the instructions in the computer-readable storage medium are executed by the processor of the computer device, the computer can execute the component management method provided by the above-mentioned embodiment. For example, the computer-readable storage medium can be a memory 153 including instructions, and the above instructions can be executed by the processor 151 of the component management device to complete the above method. For another example, the computer-readable storage medium can be a memory 152 including instructions, and the above instructions can be executed by the processor 151 of the server to complete the above method. Optionally, the computer-readable storage medium can be a non-temporary computer-readable storage medium, for example, the non-temporary computer-readable storage medium can be a ROM, RAM, CD-ROM, magnetic tape, floppy disk, optical data storage device, etc.

[0167] The present disclosure also provides a computer program product, which includes computer instructions. When the computer instructions are executed on a processor of a component management device, the component management device executes the above Figure 6-Figure 13 A method for managing a component as shown in any one of the accompanying drawings.

[0168] Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the invention disclosed herein. The present disclosure is intended to cover any variations, uses or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art that are not disclosed in the present disclosure. The description and examples are to be considered exemplary only, and the true scope and spirit of the present disclosure are indicated by the following claims.

[0169] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the 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

1. A component management method, characterized in that: The method comprises: Obtaining 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; and the first high-order component includes one or more basic components having a hierarchical relationship; Adjusting the target explicit parameter 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 a second application scenario, the second high-order component includes the first high-order component after the target explicit parameter is adjusted, and the target objects configured in the first application scenario and in the second application scenario are different; The target explicit parameter includes an explicit attribute parameter of the basic component, and the step of adjusting the target explicit parameter of the first high-order component to generate a second high-order component includes: In response to the first adjustment operation, the explicit attribute parameter of the basic component is adjusted to obtain the adjusted explicit attribute parameter of the basic component; Determining the second high-order component according to the adjusted explicit attribute parameter; The target explicit parameter includes a hierarchical relationship, and the step of adjusting the target explicit parameter of the first high-order component to generate a second high-order component includes: Adjust the arrangement order of the one or more basic components, so that the basic components arranged in the front are used as the upper components of the second high-order component, and the basic components arranged in the back are used as the lower components of the second high-order component, and the upper components are located above the lower components; According to the adjusted arrangement order of the one or more basic components, the hierarchical relationship between the one or more basic components of the second high-order component is determined, wherein the one or more basic components have an association relationship.

2. The method according to claim 1, characterized in that: The target explicit parameter includes a configuration file of the basic component, and the step of adjusting the target explicit parameter of the first high-order component to generate a second high-order component includes: In response to a first selection operation, selecting one or more configuration files for a base component of the first high-order component from a plurality of preset configuration files; In response to a second adjustment operation, the one or more configuration files are combined with a configuration file of the base component to obtain a configuration file of the base component in the second high-order component.

3. The method according to claim 2, characterized in that The target explicit parameter includes the attribute parameter of the configuration file of the basic component, and the target explicit parameter of the first high-order component is adjusted to generate a second high-order component, including: In response to a third adjustment operation, adjusting the attribute parameters of the configuration file to obtain adjusted parameters of the configuration file; The second high-order component is determined according to the adjusted property parameters of the configuration file of the basic component.

4. The method according to any one of claims 1 to 3, characterized in that: The step of adjusting the target explicit parameter of the first high-order component to generate a second high-order component includes: Adjusting the target explicit parameter of the first high-order component to obtain first rendering data corresponding to the second high-order component; Render the first rendering data to obtain the second high-order component.

5. The method according to claim 4, characterized in that The method further comprises: In response to the first preview operation, on a preset display interface, the first function is executed according to the association relationship between the basic components of the second high-order component, and on the preset display interface, the explicit parameters displayed by the second high-order component correspond to the adjusted target explicit parameters.

6. The method according to claim 5, characterized in that The method further comprises: During the process of the second high-order component executing the first function, in response to the operation on the first basic component in the second high-order component, a first notification message is sent to the second basic component in the second high-order component, the first basic component and the second basic component are associated through a configuration file, and the first notification message is used to trigger the second basic component to perform a corresponding action.

7. The method according to claim 1, characterized in that The method further comprises: Acquire a third component, where the third component is a basic component or a high-order component; In response to a first association operation, the third component is associated with the first high-order component through a configuration file to obtain the second high-order component.

8. A component management device, characterized in that: The device comprises an acquisition unit and an adjustment unit; The acquisition unit is used to acquire 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; and the first high-order 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 a second application scenario, the second high-order component includes the first high-order component after the target explicit parameters are adjusted, and the target objects configured in the first application scenario and in the second application scenario are different; the target explicit parameters include explicit attribute parameters of the basic component; The adjustment unit is specifically configured to adjust the explicit attribute parameter of the basic component in response to the first adjustment parameter to obtain the adjusted explicit attribute parameter of the basic component; and determine the second high-order component according to the adjusted explicit attribute parameter; The target explicit parameter includes a hierarchical relationship, and the adjustment unit is specifically used to: Adjust the arrangement order of the one or more basic components, so that the basic components arranged in the front are used as the upper components of the second high-order component, and the basic components arranged in the back are used as the lower components of the second high-order component, and the upper components are located above the lower components; According to the adjusted arrangement order of the one or more basic components, the hierarchical relationship between the one or more basic components of the second high-order component is determined, wherein the one or more basic components have an association relationship.

9. The device according to claim 8, characterized in that The target explicit parameters include the configuration file of the basic component, and the adjustment unit is specifically used to: In response to a first selection operation, selecting one or more configuration files for a base component of the first high-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 basic component to obtain a configuration file corresponding to the basic component in the second high-order component.

10. The device according to claim 9, characterized in that The target explicit parameter includes the attribute parameter of the configuration file of the basic component, and the adjustment unit is specifically used to: In response to a third adjustment operation, adjusting the attribute parameters of the configuration file to obtain adjusted attribute parameters of the configuration file; The second high-order component is determined according to the adjusted property parameters of the configuration file of the basic component.

11. The device according to any one of claims 8 to 10, characterized in that: The adjustment unit is specifically used for: Adjusting the target explicit parameter of the first high-order component to obtain first rendering data corresponding to the second high-order component; Render the first rendering data to obtain the second high-order component.

12. The device according to claim 11, characterized in that The device also includes a display device; The display device is used to respond to the first preview operation, and execute the first function on a preset display interface according to the association relationship between the basic components of the second high-order component. On the preset display interface, the explicit parameters displayed by the second high-order component correspond to the adjusted target explicit parameters.

13. The device according to claim 12, characterized in that The device also includes a notification unit; The notification unit is used to send a first notification message to a second basic component in the second high-order component in response to an operation on a first basic component in the second high-order component during the process of the second high-order component executing the first function, the first basic component and the second basic component being associated with each other through a configuration file, and the first notification message is used to trigger the second basic component to perform a corresponding action.

14. The device according to claim 8, characterized in that The acquisition unit is further used to acquire a third component, where the third component is a basic component or a high-order component; The adjustment unit is further configured to, in response to a first association operation, associate the third component with the first high-order component through a configuration file to obtain the second high-order component.

15. An electronic device, characterized in that: The electronic device comprises: processor; a memory for storing instructions executable by the processor; The processor is configured to execute the instructions to implement the component management method according to any one of claims 1 to 7.

16. A computer-readable storage medium having instructions stored thereon, characterized in that: When the instructions in the computer-readable storage medium are executed by an electronic device, the electronic device is enabled to execute the component management method according to any one of claims 1 to 7.

17. A computer program product comprising a computer program / instructions, characterized in that When the computer program / instructions are executed by a processor, a component management method according to any one of claims 1 to 7 is implemented.

Images