Introduction
FormCreate is a low-code form generation component that generates forms with dynamic rendering, data collection, validation, and submission capabilities through JSON. It supports 7 UI frameworks, is optimized for mobile devices, and can generate any Vue component. With 20+ built-in common form components and custom components, even the most complex forms are easy to handle.
This documentation is fully compatible with FormCreate 2.7.x (requires Vue version 2.7.16). You can safely use all new features according to the documentation.
Some examples in this documentation are written using Vue3 syntax. If your project still uses Vue2, you may need to adjust some code structures.
Source Code
You can view all source files of the entire project on GitHub. If FormCreate is helpful to you, please give it a 'Star' to show your support. Thank you!
Features
Multi-Platform and Framework Support
- Vue2 and Vue3 Support:
FormCreate is compatible with different versions of Vue projects, ensuring seamless integration.
- Support for 7 Mainstream UI Frameworks:
- Element Plus/Element UI
- Ant Design Vue
- Naive UI
- Iview/View Design
- Arco Design
- TDesign
- Vant UI (for mobile devices)
- Mobile Support:
Optimized for mobile devices, capable of generating dynamic forms that adapt to the Vant UI style.
Form Generation and Configuration
- Generate Forms via JSON
Dynamically generate forms based on JSON configuration without manually writing tedious form code.
- Custom Components
- Generate any Vue component and easily integrate it into forms.
- Built-in data validation ensures the correctness of form inputs.
- Quickly extend component functionality through simple configuration.
- Easily convert custom components into form components to meet complex business requirements.
- Form Multi-Language Support
Support adding multilingual text to form elements with one-click language switching.
- Global Configuration
Support global form configuration, component global configuration, and form events for unified management of form behavior and styles.
Feature Extension and Flexibility
- Custom Configuration Extension
Extend form functionality according to business needs, quickly adapting to different scenarios.
- Component Prefix and Suffix Support
Add prefixes and suffixes to form fields to enhance user experience.
- Component Linkage
Enable linkage and dynamic updates between form components, easily handling complex form logic.
- Powerful API
Quickly operate forms through APIs for data retrieval, setting, validation, and other operations.
- Two-Way Data Binding
Two-way binding between form data and the interface ensures real-time UI and data updates.
- Event Extension and Injection
Customize form event handling logic to enhance form interaction capabilities.
High Performance and Layout
- High Performance
Built-in optimization mechanisms ensure fast response and efficient rendering of forms.
- Data Validation
Support multiple complex validation rules to ensure the legality of input data.
- Grid Layout
Support complex grid layouts for easy responsive form design.
- Sub-forms and Grouping
Support sub-form and grouping management, suitable for handling complex data structures.
Built-in Components
FormCreate includes a large number of commonly used form components to meet various scenario requirements:
- hidden: Hidden field
- input: Text input box
- inputNumber: Number input box
- checkbox: Checkbox
- radio: Radio button
- switch: Switch
- select: Dropdown selection box
- autoComplete: Auto-complete input box
- cascader: Cascader selector
- colorPicker: Color picker
- datePicker: Date picker
- timePicker: Time picker
- rate: Rating component
- slider: Slider
- upload: File upload
- tree: Tree control
- frame: Frame component
- group (sub-form): Sub-form component
- subForm (grouping): Grouping component
With rich features and powerful extensibility, FormCreate helps developers quickly build complex form systems, whether for enterprise-level applications or small projects, all can be handled easily.