Self built component development

1、 New self built component

To create a new component, you can use & ldquo; How to create a self built component; Create a new component as described in.

Click & ldquo; under new component; Computer side components & rdquo;, Create a new component and select the component package to which the component belongs, as shown in the following figure. If & ldquo; Cancel & rdquo; No component will be created. Select the package and click & ldquo; Create & rdquo; The component is created successfully and enters the self built component editing page.

2、 Self built component development interface

1. The & ldquo; to which the component belongs is displayed next to the top home page; Component package name & rdquo;.

2. The component name is displayed in the menu bar, and the small pen next to the component name can be clicked again to edit the basic information of the component.

3. In the self built component development area, you can drag the basic component on the left for development, or insert the code development component yourself.

4. The self built component attribute setting area is used to set the input and output values of the current development component. After development, it is shared with others for use. It is the data that needs to be input.

3、 Edit basic information of self built components

Click the self built component name to open the self built component basic information editing pop-up box, where you can modify the component name, description information, help information and version number.

•Component name:It will be displayed at the small pen head in the editing area and in the component list in the component package. It is also used to distinguish the field names of self built components.

•Component description information:After the component is developed, published locally and loaded into the project, you can develop the process application using the self-developed component. The description displayed when the component is dragged to the editing area is the component description designed here. You can use $plus a number to introduce the actual variable value and display it in the component description ($0 represents the first variable, and so on).

•Help information:The components are displayed in the left menu bar, and the help information description displayed by the mouse hover can help users quickly understand the components and complete their use.

•Component version:It is used to manage the component version. When creating a new component, the default version number is 0.0. The version format is limited to v.v.v. the version number can only be increased, not decreased; After each release, the version number needs to rise during editing.

•Component package:The component management of the home page is managed in the form of component package. Multiple components can be stored in a component package to facilitate user management. Therefore, when creating a new component, you need to set the component package for the component. If the current component is newly developed, the component package can be modified. If the current component is not newly developed but edited, the component package cannot be modified.

Create a self built component and edit the basic information of the component. The component package can be modified by clicking the drop-down button.

4、 Set self built component properties

The development of self built components can be the same as that of development process applications. You can drag the basic components and extension components on the left to the development area for editing. In addition, you can set the & ldquo; Attribute parameter & rdquo;. Every time the user clicks & ldquo; Add attribute & rdquo;, You can add one more line of attributes in the component attributes. You can click attribute preview to view the externally displayed attributes added by the current self built component. The attributes can set input and output parameters, which are divided into required attributes and optional attributes. The description is as follows:

•Attribute Variable:Variables of self built components (variables used in internal processes) are d by default_ variable

•Attribute name:The attribute description displayed in the attribute bar is & ldquo; by default; Properties & rdquo;

•Attribute type:Four types are available

     ·Single parameter, variable can be selected through FX

     ·List parameter with multiple option values

     ·File selection, provide key selection to upload files

     ·Element selection: provide keys for element selection

•Property defaults:

     · Single parameter: none by default; modifiable

     · List parameter: the default value is & ldquo; Yes, no & rdquo;, The user fills in multiple values plus & ldquo& rdquo; Split, the drop-down box defaults to the first value.

     · File selection: defaults to & ldquo& rdquo;， Modifiable

• Attribute direction:Select from the drop-down box, including input and output. (only one output can be set)

• Operation:Provide deletion function

• Other properties:General optional attributes, which can be selected by checking and generated under other attributes

• Property Preview:After adding self built component properties, click & ldquo; Attribute preview & rdquo; View component property settings.

The self built components after development can be shared or used in the development process application. When using, you need to set the preview content of the above properties.