Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/GavinZhuLei/vue-form-making

A visual form designer/generator base on Vue.js, make form development simple and efficient.（基于Vue的可视化表单设计器，让表单开发简单而高效。）
https://github.com/GavinZhuLei/vue-form-making

Last synced: 3 days ago
JSON representation

A visual form designer/generator base on Vue.js, make form development simple and efficient.（基于Vue的可视化表单设计器，让表单开发简单而高效。）

Lists

README 

        
# vue-form-making





  

    vue

  

  

  

    element-ui

  

  

  

    downloads

  

  

  

    license

  




[简体中文](./README.zh-CN.md) | English



The FormMaking developed base on [vue](https://github.com/vuejs/vue) and [element-ui](https://github.com/ElemeFE/element), equipts with the latest front-end technology stack, built-in i18n internationalization solution, all of those are aimed at making developmemt simpler, and more efficiently.



**This project is the base version, and if you need to experience the [Advanced](https://form.making.link/#/en-US/), you can go to the advanced version, which provides more components and functionality, add support Vue3.**



* [Preview](https://form.making.link/basic-version#/en-US/)

* [Development](https://form.making.link/docs/en/bv/guide.html)

* [Components](https://form.making.link/docs/en/bv/component.html)

  * [MakingForm](https://form.making.link/docs/en/bv/component.html#form-designer-makingform) (Quickly design the form page based on the visual operation.)

  * [GenerateForm](https://form.making.link/docs/en/bv/component.html#form-generator-generateform) (The generator will render a form page quickly base on the configuration json data captured in the designer.)

* [Secondary Development](https://form.making.link/docs/en/bv/develop.html)



## Feature



* Visual configuration page

* Provide grid layout and align with flex

* One-click preview of configuration effects

* One-click generation of configuration json data

* One-click generate code, ready to run

* Provide custom components to meet user's custom requirements

* Provides a remote data interface for users to asynchronously fetch data

* Provides powerful advanced components

* Support for form validation

* Get form data quickly

* Internationalization support



## Advanced version



The advanced version provides more functionality than the base version:



* More beautiful pages;



* Add fields quickly by clicking;



* More property Settings, including data source and form events;



* More control fields (subforms, custom components, etc.);



* More layout containers and can be nested with each other (grids, tables, tabs);



* More apis for more complex business needs;



* Add custom fields, you can quickly introduce your own components;



* Can quickly add custom styles;



* Support data source, convenient form data configuration;



* Support action events, which can make forms more flexible configuration;



* Multi-terminal adaptation display;



* Provides Ant Design-style components (modified by the introduction of ANTD Vue);



* Support Vue3.



[Click here](https://form.making.link/#/en-US/).



## Third-party plug-ins



* [vuedraggable](https://github.com/SortableJS/Vue.Draggable)

* [element-ui](https://github.com/ElemeFE/element)

* [ace](https://github.com/ajaxorg/ace)

* [vue2-editor](https://github.com/davidroyer/vue2-editor)



## Browsers support



Modern browsers and Internet Explorer 10+.



| [IE / Edge](https://godban.github.io/browsers-support-badges/)IE / Edge | [Firefox](https://godban.github.io/browsers-support-badges/)Firefox | [Chrome](https://godban.github.io/browsers-support-badges/)Chrome | [Safari](https://godban.github.io/browsers-support-badges/)Safari |

| --------- | --------- | --------- | --------- |

| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions



## Licenses



MIT