A method for a low-code designer to adapt external components

Abstract

The present invention discloses a method for a low-code designer to adapt external components, which includes the following steps: Step 1, set an adapter analysis component to obtain the ability information of the component's attributes, events, methods, and slots; Step 2, use the adapter to assemble and adapt the ability information obtained in Step 1 to obtain a prototype; Step 3, input the prototype into the designer; wherein, the prototype in Step 2 is a common abstraction of the technical sources of the three product features in the low-code designer, namely raw materials, instances after raw material instantiation, and configurations after instantiation. The method for a low-code designer to adapt external components of the present invention can effectively use the adapter to achieve the adaptation between the external component and the designer through the settings of Steps 1 to 3.

Description

Technical Field

[0001] The present invention relates to a low-code designer, and more particularly to a method for a low-code designer to adapt to external components. Background Art

[0002] When developing a low-code product, we usually regard the low-code designer itself as a tool, while the resources used in low-code design are external. For example, the most common low-code designer for front-end component orchestration regards components as external resources.

[0003] Between the external resources and the low-code designer, they are independent both in product design and technical implementation. Product design independence means taking the low-code designer as a tool and the external components as resources, and they can be independently upgraded and maintained, and can implement free use of the tool and restricted or charged use of resources in business strategies. Technical implementation independence means developing, upgrading, and maintaining the low-code designer and external components as different software engineering, but there will be very strong technical requirements for mutual compatibility between the two currently or in the future. Therefore, how to connect external components to the low-code designer is a problem to be solved. Summary of the Invention

[0004] In view of the above technical requirements, the purpose of the present invention is to provide an effective method for a low-code designer to adapt to external components by connecting external components to the low-code designer.

[0005] To achieve the above object, the present invention provides the following technical solution: A method for a low-code designer to adapt to external components, comprising the following steps:

[0006] Step 1, set an adapter analysis component to obtain the ability information of the component's attributes, events, methods, and slots;

[0007] Step 2, use the adapter to assemble and adapt the ability information obtained in Step 1 to obtain a prototype;

[0008] Step 3, input the prototype into the designer;

[0009] Among them, the prototype in Step 2 is a common abstraction of the technical sources of the three product features in the low-code designer, namely raw materials, instantiated instances of raw materials, and configurations after instantiation.

[0010] As a further improvement of the present invention, the prototype in Step 2 has the following modules:

[0011] An identifiable module for displaying the characteristic information of the prototype;

[0012] An instantiable module for converting an abstract prototype into concrete data;

[0013] A configurable module for describing the configurable information of a prototype instance.

[0014] As a further improvement of the present invention, the specific steps of the adaptation ability information in step 2 are as follows:

[0015] Step 2-1, the step of adapting the component attribute ability;

[0016] Step 2-2, the step of adapting the component event ability;

[0017] Step 2-3, the step of adapting the component method ability;

[0018] Step 2-4, the step of adapting the component slot ability.

[0019] As a further improvement of the present invention, the way of adapting the component attribute ability in step 2-1 is that the adapter assembles a configuration item together according to the type, default value, optionality and verification rules of the attribute, as well as the attribute supplementary information provided by the component;

[0020] Among them, the attribute supplementary information includes whether the attribute is configurable and the information on which controls are required to render the attribute.

[0021] As a further improvement of the present invention, the way of adapting the component event ability in step 2-2 is that the adapter assembles a configuration item together according to the event name, event parameters and the event supplementary information provided by the component;

[0022] Among them, the event supplementary information includes the description of the event and the information on the type of parameter values.

[0023] As a further improvement of the present invention, the way of adapting the component method ability in step 2-3 is that the adapter assembles a configuration item together according to the method name, method input parameters and method output parameters, as well as the method supplementary information provided by the component;

[0024] Among them, the method supplementary information includes the description of the method, the type of input parameter values, the type of output parameter values, and the information on whether it is asynchronous.

[0025] As a further improvement of the present invention, the way of adapting the component slot ability in step 2-4 is that the adapter assembles a configuration item together according to the slot name, slot scope, and the slot supplementary information provided by the component; among them, the slot supplementary information includes the description of the slot and the information on the type of scope values.

[0026] The beneficial effects of the present invention are as follows. Through the setting in Step 1, the ability information of the component can be effectively obtained. However, through the setting in Step 2, the ability information can be effectively assembled and adapted by the adapter to obtain a prototype. Finally, through the setting in Step 3, the prototype is input into the designer, and the designer can recognize the prototype, thus achieving the effect of connecting the component into the designer. BRIEF DESCRIPTION OF THE DRAWINGS

[0027] Figure 1 It is a schematic flowchart of the method for a low-code designer to adapt an external component of the present invention;

[0028] Figure 2 It is a schematic block diagram of a prototype;

[0029] Figure 3 It is a schematic block diagram for adapting the property capabilities of a component;

[0030] Figure 4 It is a schematic block diagram for adapting the event capabilities of a component;

[0031] Figure 5 It is a schematic block diagram for adapting the method capabilities of a component;

[0032] Figure 6 It is a schematic block diagram for adapting the slot capabilities of a component. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0033] The present invention will be further described in detail below with reference to the embodiments shown in the drawings.

[0034] Refer to Figure 1 As shown, a method for a low-code designer to adapt an external component in this embodiment includes the following steps:

[0035] Step 1: Set an adapter to analyze the component to obtain the ability information of the properties, events, methods, and slots of the component;

[0036] Step 2: Use the adapter to assemble and adapt the ability information obtained in Step 1 to obtain a prototype;

[0037] Step 3: Input the prototype into the designer;

[0038] Among them, the prototype in step two is a common abstraction of the technical sources of the three product features in the low-code designer, namely the raw materials, the instances after raw material instantiation, and the configurations after instantiation. Through the settings in steps one to three, it is possible to analyze the components through the adapter and then assemble and adapt the prototype for the designer to recognize. In this way, the effect of component access to the designer can be effectively achieved, and the product perspective between the designer and the components can be separated. Taking the designer as the perspective, the designer is positioned as a tool and the components are positioned as raw materials. This is a product thinking method. To connect thousands of components to the designer, it is necessary to summarize the rules of the components (the four-element capabilities of the components) and also abstract the entrance of the designer (the prototype of the designer). To connect the four-element capabilities and the prototype, an adapter is required. The adapter is decoupled from both the designer and the components.

[0039] As a specific implementation of the improvement, as Figure 2 shown, the prototype in step two has the following modules:

[0040] The recognizable module is used to display the feature information of the prototype;

[0041] The instantiable module is used to convert the abstract prototype into concrete data;

[0042] The configurable module is used to describe the configurable information of the prototype instance. The prototype is a common abstraction of the technical sources of the three typical product features in the low-code designer, namely the raw materials, the instances after raw material instantiation, and the configurations after instantiation. The prototype mainly achieves the following capabilities:

[0043] The recognizable ability: The feature information of the prototype, such as identification information like name, icon, classification, author, version, etc., is mainly used for the display of raw materials

[0044] The instantiable ability: The process from the abstract prototype to concrete data, that is, the process of generating entity data, which usually includes the name, unique identifier, initial configuration, etc. of the component;

[0045] The configurable ability: The description of the configurable information of the prototype instance, usually expressed in the form of a JSON object. For example, the configuration of a data table prototype has basic attribute configurations such as data source, whether there is a border, whether there is a selection area, etc., and also the listening for the data loading success event sent by the table instance and the call of the method to reload the data, and even the filling of the content slot displayed when the table has no data.

[0046] As a specific implementation of the improvement, the specific steps of the adaptation ability information in step two are as follows: Step 2-1, the step of adapting the component attribute ability;

[0047] Step 2-2, the step of adapting the component event ability;

[0048] Step 2-3, the step of adapting the component method capabilities;

[0049] Step 2-4, the step of adapting the component slot capabilities. Through the above steps, the adapter can effectively assemble and adapt the properties, events, methods, and slot capabilities of the component, and then adapt the four-element capabilities of the component to the prototype.

[0050] As a specific implementation of the improvement, as Figure 3 shown, the way to adapt the component property capabilities in Step 2-1 is that the adapter assembles the configuration items together according to the type, default value, optionality, and verification rules of the property, as well as the property supplementary information provided by the component;

[0051] Among them, the property supplementary information includes whether the property is configurable, the information on which controls are required to render the property. A component contains any number of properties, and each property has the following attributes:

[0052] Type: string, number, object, array, etc.

[0053] Default value: the default value of the corresponding type

[0054] Optionality: whether the property is required

[0055] Verification rule: the verification function for the property input parameter.

[0056] The adapter needs to assemble the configuration items together according to the type, default value, optionality, and verification rules of the property, as well as the property supplementary information provided by the component, and is usually expressed in structured JSON. This supplementary information is optional and is usually expressed in ways such as code comments, code implementation, and structured configuration. The supplementary information usually includes whether the property is configurable, which controls are required to render the property, etc., and is specifically determined by the low-code designer. If there is no supplementary information, the adapter needs to make intelligent inferences based on the existing information of the property. For example, a string type is rendered using an input box, etc. The property configuration items are usually used to express the characteristics of the component during operation, such as appearance styles and interaction behaviors.

[0057] As a specific implementation of the improvement, as Figure 4 shown, the way to adapt the component event capabilities in Step 2-2 is that the adapter assembles the configuration items together according to the event name, event parameters, and event supplementary information provided by the component;

[0058] Among them, the event supplementary information includes the description of the event and the information on the parameter value type. A component contains any number of events, and each event consists of the following two parts:

[0059] Event Name: The name of the event, which is unique within the component. Event Parameters: The parameters of the event, there can be any number of them. The adapter needs to assemble them into a configuration item together with the event name, event parameters, and the event supplementary information provided by the component. This supplementary information is optional and is usually expressed in ways such as code comments, code implementation, and structured configuration. Supplementary information usually includes the description of the event, the types of parameter values, etc., which is specifically determined by the low-code designer. If there is no supplementary information, the adapter needs to make intelligent inferences based on the existing information of the event.

[0060] Event configuration items are usually combined with method configuration items and are applicable to scenarios such as interaction and linkage between multiple components and work processes.

[0061] As a specific implementation of the improvement, as Figure 5 shown, the way to adapt the method capabilities of the component in Step 23 is that the adapter assembles them into a configuration item according to the method name, method input parameters, method output parameters, and the method supplementary information provided by the component;

[0062] Among them, the method supplementary information includes the description of the method, the types of input parameter values, the types of output parameter values, and the information about whether it is asynchronous. A component contains any number of methods, and each method consists of the following three parts:

[0063] Method Name: The name of the method, which is unique within the component

[0064] Method Input Parameters: The input parameters of the method, there can be any number of them. Method Output Parameter: The output parameter of the method, there is only one. The adapter needs to assemble them into a configuration item according to the method name, method input parameters, method output parameters, and the method supplementary information provided by the component. This supplementary information is optional and is usually expressed in ways such as code comments, code implementation, and structured configuration. Supplementary information usually includes the description of the method, the types of input parameter values, the types of output parameter values, and whether it is asynchronous, etc., which is specifically determined by the low-code designer. If there is no supplementary information, the adapter needs to make intelligent inferences based on the existing information of the method.

[0065] Method configuration items are usually combined with event configuration items and are applicable to scenarios such as interaction and linkage between multiple components and work processes.

[0066] As a specific implementation of the improvement, as Figure 6 shown, the way to adapt the slot capabilities of the component in Step 24 is that the adapter assembles them into a configuration item according to the slot name, slot scope, and the slot supplementary information provided by the component;

[0067] Among them, the slot supplementary information includes the description of the slot and the information about the type of scope value. A component contains any number of slots, and each slot consists of the following two parts:

[0068] Slot Name: The name of the slot, unique within the component

[0069] Slot Scope: The input parameters of the slot, there can be any number of them. The adapter needs to assemble them into configuration items together with the slot name, slot scope, and the supplementary information provided by the component for the slot. This supplementary information is optional and is usually expressed in ways such as code comments, code implementation, and structured configuration. The supplementary information usually includes the description of the slot, the type of scope values, etc., which is specifically determined by the low-code designer. If there is no supplementary information, the adapter needs to make intelligent inferences based on the existing information of the slot.

[0070] Slot configuration items are usually used in scenarios such as filling sub-components, nesting, and component combination.

[0071] Therefore, in the method of this embodiment, the component, the adapter, and the designer are separated and decoupled; but they are also flowing and associated.

[0072] The above is only the preferred embodiment of the present invention, and the protection scope of the present invention is not limited to the above embodiments. All technical solutions falling within the idea of the present invention belong to the protection scope of the present invention. It should be noted that for those of ordinary skill in the art, without departing from the principle of the present invention, several improvements and refinements should also be regarded as the protection scope of the present invention.

Claims

1. A method for a low-code designer to adapt external components, characterized in that: It includes the following steps: Step 1, set up an adapter analysis component to obtain the ability information of the component's attributes, events, methods, and slots; Step 2, use the adapter to assemble and adapt the ability information obtained in Step 1 to obtain a prototype. The prototype in Step 2 is a common abstraction of the technical sources of the three product features in the low-code designer, namely raw materials, instances after raw material instantiation, and configurations after instantiation. The prototype has the following modules: An identifiable module, used to display the feature information of the prototype for raw material display, including name, icon, classification, author, and version; An instantiable module, used to convert the abstract prototype into concrete data. The process from the abstract prototype to the concrete data is the process of generating entity data, which contains the name, unique identifier, and initial configuration of the component; A configurable module, used to describe the configurable information of the prototype instance in the form of a JSON object, including the configuration of the data table prototype. The configuration of the data table prototype includes basic attribute configurations such as data source, whether there is a border, and whether there is a selection area. It also includes the listening for the data loading success event sent by the instance of the data table prototype and the invocation of the method to reload the data, as well as the filling of the content slot displayed when the table has no data; Step 3, input the prototype into the designer; Through the settings in Step 1 to Step 3, it is realized to analyze the component through the adapter, and then assemble and adapt the prototype for the designer to recognize, achieving the effect of connecting the component to the designer. The product perspectives between the designer and the component are separated. From the perspective of the designer, the designer is positioned as a tool, the component is positioned as a raw material, various components are connected to the designer, the four-element capabilities of the component are summarized, the prototype of the designer is abstracted, and the four-element capabilities and the prototype are connected through the adapter; The adapter is decoupled from both the designer and the component.

2. The method for a low-code designer to adapt external components according to claim 1, characterized in that: The specific steps of using the adapter in Step 2 to assemble and adapt the ability information obtained in Step 1 are as follows: Step 2-1, the step of adapting the component attribute ability; Step 2-2, the step of adapting the component event ability; Step 2-3, the step of adapting the component method ability; Step 2-4, the step of adapting the component slot ability.

3. The method for a low-code designer to adapt external components according to claim 2, characterized in that: The way to adapt the component attribute ability in Step 2-1 is that the adapter assembles the configuration items together according to the type, default value, optionality, and verification rules of the attribute, as well as the attribute supplementary information provided by the component; Among them, the attribute supplementary information includes: whether the attribute is configurable, and the information on which controls are required to render the attribute.

4. The method for a low-code designer to adapt external components according to claim 3, characterized in that: The way to adapt the component event ability in Step 2-2 is that the adapter assembles the configuration items together according to the event name, event parameters, and event supplementary information provided by the component; Among them, the event supplementary information includes the description of the event and the information on the parameter value type.

5. The method for a low-code designer to adapt external components according to claim 4, characterized in that: The way to adapt the component method ability in Step 2-3 is that the adapter assembles the configuration items together according to the method name, method input parameters, method output parameters, and method supplementary information provided by the component; Among them, the method supplementary information includes: the description of the method, the input parameter value type, the output parameter value type, and the information on whether it is asynchronous.

6. The method for a low-code designer to adapt external components according to claim 5, characterized in that: The method of adapting the component slot capabilities in Step 24 is that the adapter assembles the configuration items together according to the slot name, slot scope, and the slot supplementary information provided by the component; Among them, the slot supplementary information includes: the description of the slot and the information of the scope value type.

Images