README.md · blog.lysdad.cn/vue-form-making

# vue-form-making

[简体中文](./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.

![](http://cdn.form.xiaoyaoji.cn/Jietu20200708-202415-HD.gif)

* [Preview](http://form.xiaoyaoji.cn/basic-version)
* [Development](/docs/guide.md)
* [Components](/docs/component.md)
  * [MakingForm](/docs/component.md#makingform) (Quickly design the form page based on the visual operation.)
  * [GenerateForm](/docs/component.md#generateform) (The generator will render a form page quickly base on the configuration json data captured in the designer.)
* [Secondary Development](/docs/develop.md)

This project is the base version, and if you need to experience the [Advanced](http://form.making.link), you can go to the advanced version, which provides more components and functionality.

## 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

## 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+.

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)Safari |
| --------- | --------- | --------- | --------- |
| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions

## Licenses

[LGPL](https://opensource.org/licenses/LGPL-3.0)

You can use the vue-form-making source code in an open source project under the LGPL license and retain the copyright information.

If you want to use vue-form-making source code in non-open source sites, projects and applications, you need to purchase [Commercial License](http://form.xiaoyaoji.cn/pricing).

blog.lysdad.cn/vue-form-making

简介

发行版

贡献者

近期动态

blog.lysdad.cn/vue-form-making .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

blog.lysdad.cn/vue-form-making