{Date: '2020-03-04'	, Author: Palapple , tag: ['Vue'.'JS'.'React'.'Ant Design Pro'.'Formmaking']}
Copy the code

About FormMarking survey

Basic situation

Forms designer based on VUE and Element-UI implementation, using the latest front-end technology stack and built-in I18N internationalization solution, can make forms development simple and efficient.

component

features

  • Visual Configuration page
  • Grid layout is provided with flex alignment
  • One-click preview of the configuration
  • One-click generation of configuration JSON data
  • One key generation code, ready to run
  • Provide customized components to meet customized requirements
  • Provides a remote data interface for users to load data asynchronously
  • Provides powerful advanced components
  • Support for form validation
  • Get form data quickly
  • Internationalization support

advantages

  • Quickly build forms and provide a grid layout;
  • Reduce repetitive tasks and efficiently complete two-way conversion between forms and JSON;
  • For personalized customization, you can add a custom class to cover the original style to meet the actual needs of the business.
  • Support for Element-UI and Ant Design-UI;
  • Provides a variety of API interfaces, data and field operations;

disadvantages

  • Not enough advanced components; Native ANTD of Vue contains 57 components, and there are many advanced components, such as card, list, etc.
  • For the middle platform application, Table, Card, Search and other frequently used components are not available for the moment, and will be updated later.

Application scenarios

Element-ui version (actual usage diagram)

  • Form Generator

www.v2ex.com/t/642079

  • Form Designer (MakingForm)

Antd version (implemented using Vue CLI3)

PS

  1. Antd component versions are currently only available in advanced versions; The product is further compatible with ANTD advanced components to increase capacity;
  2. By cooperating with Ant Design Pro and Element-UI perfectly, Antd component compatibility is to be measured;
  3. It is recommended to use it with third-party components: