2022.02.15 version update-custom components released
版本范围: Professional/Exclusive Edition
使用群体: need to have a certain Development Foundation, for developers/ISV service providers/senior business experts, etc.
1. Upgrade overview
YIDACustom ComponentsIt aims to solve the problems of low delivery/collaboration efficiency caused by YIDA existing components that cannot meet customer needs, long component development cycle, high O & M costs, and difficult component reuse. From the component level, the design idea is open and win-win, which reduces costs and increases efficiency for users to a greater extent. The last kilometer empowers vertical service providers, helps service provider components to be ecological, and empowers developers.
2. Function introduction
Based on YIDA platformCustom Components, developerCan apply official standard low code componentsAssemblyCreate Business components that suit you,Rebuild and customize your ownComponent logicAndStyle, and on demand within the applicationFree drag and drop use, and during the development processReal-time reuse, so as to better meet the rich business customization needs.
YIDA custom componentsThe types are common components and form components. The core areas of the two types are:
- 普通组件Generally used for makingDisplay typeDoes not have the ability to store data. Similar to the existing graphic display group component.
- 表单组件(Not open yet, please look forward to it)Can be used to makeData Submission, form components are more complex than common components in development, and you need to define additional metadata configurations.
Currently, custom components YIDA can be installed自定义页面Use.
3. How to develop
3.1 component production
3.1.1 Component Management
Go to YIDA applications> Application Settings> Component Management. You can see and manage the components created by me/created by the current organization. You can install the components in the list, to view the introduction of related components, click View document.
3.2 component Center
Click components center to go to the my components list. You can add, edit, and manage components that you create or that you have permission to operate.
3.2.1 component design
Under component Center> My components, add a component (currently only common components are supported) and fill in the basic component information.
After the component information is created, go to the component development designer. You can freely combine the components as needed based on the layout/Foundation/form/advanced components in the existing component library, and support binding data sources, configure js actions on the page to customize the event logic and interaction style of custom components.
You can also select low code business components in the component properties panel to select specific properties. If enabledDouble-end construction mode, customize the component effects of mobile and PC respectively.
3.2.2 Component preview and debugging
After the custom component is developed, click preview to preview the development effect of the component and perform simple debugging. For complex debugging, seeHow to debug.
3.2.3 Component release
After the component is developed, fill in the relevant release information and publish the component.
3.2.4 component details
Under component Center> My components, click details to view basic component information.
Component details | Schematic screenshot |
Basic component information |  |
Release record |  |
Administrator information |  |
3.3 Assembly shelving
After the component is released, it will be displayed in the application settings> Component Management> components I created/components of the current organization list of each application by default.
3.4 component usage
3.4.1 component installation
To install a component developed in an individual or organization to the current application, click install in the components I created/components of the current organization list and select the installation scope.
Component installation type
YIDAPage typeYesCommon form page,Flow sheet page,Report page,DataV large screen,Custom page,External link.
YIDA custom components currently support普通表单页面,流程表单页面,自定义页面These three types.
After you select the corresponding page type during installation, you will see the corresponding installed components in the corresponding page designer.
3.4.2 component usage
After the component is installed according to the installation scope, you can see the installed component in the component Library> custom component in the page designer, and drag and drop it directly. How to update the content of a custom component, go to the component designer and edit it again, then publish it again, and install the corresponding updated version.
4. Custom component development case
4.1 component Case 1: Avatar cutting
Code Encapsulation is implemented based on image components. After you upload images locally, you can crop images.
4.2 component Case 2: copy text
The text component adds the Copy function. After you click copy, the current text is successfully copied to the clipboard.
5. Feedback
If you are usingYIDA custom componentsIf you encounter problems or feedback, you can scan the QR code below to join the communication group for feedback.
-------------------- Get the latest information YIDA, welcome to follow US--------------------
