Vue Form Design

Overview:

Starfish Visual Dynamic Form Platform is a powerful and ready-to-use drag-and-drop low-code designer. It is developed based on Vue3, allowing developers to extend and customize components according to their needs. Using JSON configuration, vue-form-design helps developers generate pages quickly and improve development efficiency. It offers two main components: starfish-editor for designing and starfish-form for generating forms.

Features:

• Drag-and-drop Design: Easily drag and drop components to design forms.
• Customizable actionBar: Customize the actionBar to suit specific needs.
• Layout Component Extensions: Extend layout components for advanced customization.
• Custom Component Extensions: Add custom components to the designer.
• Event Extensions: Extend events to add functionality.
• Dynamic Validation: Implement dynamic validation for forms.
• Form Display Conditions: Set conditions for displaying forms.
• Keyboard Shortcuts Design: Support design using keyboard shortcuts.

Installation:

To install the Starfish Visual Dynamic Form Platform, follow these steps:

1. Make sure you have Node.js version 16 or higher installed.
2. Install pnpm by running the command: npm install -g pnpm.
3. Install dependencies by running: pnpm install.
4. Run the project using the command: pnpm start.
5. Open http://localhost:1100/vue-form-design/playground/#/ in your browser to access the dynamic form project.

Summary:

Starfish Visual Dynamic Form Platform is a feature-rich low-code designer built on Vue3. With its drag-and-drop functionality, customizable components, and dynamic validation support, developers can quickly create dynamic forms. By utilizing JSON configuration, developers can efficiently generate and customize pages. The platform offers tools like starfish-editor for designing forms visually and starfish-form for rendering and binding form data. Overall, Starfish simplifies form development and customization with its user-friendly interface and powerful features.