UNPKG

4.8 kBMarkdownView Raw
1# vue-form-making
2
3<p>
4 <a href="https://github.com/vuejs/vue">
5 <img src="https://img.shields.io/badge/vue-2.6.5-brightgreen.svg" alt="vue">
6 </a>
7
8 <a href="https://github.com/ElemeFE/element">
9 <img src="https://img.shields.io/badge/element--ui-2.9.1-brightgreen.svg" alt="element-ui">
10 </a>
11
12 <a href="https://www.npmjs.com/package/form-making">
13 <img src="https://img.shields.io/npm/dt/form-making" alt="downloads">
14 </a>
15
16 <a href="https://github.com/GavinZhuLei/vue-form-making/blob/master/LICENSE">
17 <img src="https://img.shields.io/github/license/GavinZhulei/vue-form-making" alt="license">
18 </a>
19
20 <a href="https://xscode.com/gavinzhulei/vue-form-making">
21 <img src="https://img.shields.io/badge/Available%20on-xs%3Acode-blue?style=?style=plastic&logo=appveyor&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////////VXz1bAAAAAJ0Uk5T/wDltzBKAAAAlUlEQVR42uzXSwqAMAwE0Mn9L+3Ggtgkk35QwcnSJo9S+yGwM9DCooCbgn4YrJ4CIPUcQF7/XSBbx2TEz4sAZ2q1RAECBAiYBlCtvwN+KiYAlG7UDGj59MViT9hOwEqAhYCtAsUZvL6I6W8c2wcbd+LIWSCHSTeSAAECngN4xxIDSK9f4B9t377Wd7H5Nt7/Xz8eAgwAvesLRjYYPuUAAAAASUVORK5CYII=" alt="xscode">
22 </a>
23</p>
24
25[简体中文](./README.zh-CN.md) | English
26
27The 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.
28
29![](http://cdn.form.xiaoyaoji.cn/Jietu20200708-202415-HD.gif)
30
31* [Preview](http://form.xiaoyaoji.cn/basic-version)
32* [Development](/docs/guide.md)
33* [Components](/docs/component.md)
34 * [MakingForm](/docs/component.md#makingform) (Quickly design the form page based on the visual operation.)
35 * [GenerateForm](/docs/component.md#generateform) (The generator will render a form page quickly base on the configuration json data captured in the designer.)
36* [Secondary Development](/docs/develop.md)
37
38This 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.
39
40## Feature
41
42* Visual configuration page
43* Provide grid layout and align with flex
44* One-click preview of configuration effects
45* One-click generation of configuration json data
46* One-click generate code, ready to run
47* Provide custom components to meet user's custom requirements
48* Provides a remote data interface for users to asynchronously fetch data
49* Provides powerful advanced components
50* Support for form validation
51* Get form data quickly
52* Internationalization support
53
54## Third-party plug-ins
55
56* [vuedraggable](https://github.com/SortableJS/Vue.Draggable)
57* [element-ui](https://github.com/ElemeFE/element)
58* [ace](https://github.com/ajaxorg/ace)
59* [vue2-editor](https://github.com/davidroyer/vue2-editor)
60
61## Browsers support
62
63Modern browsers and Internet Explorer 10+.
64
65| [<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/)</br>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/)</br>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/)</br>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/)</br>Safari |
66| --------- | --------- | --------- | --------- |
67| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
68
69## Licenses
70
71[LGPL-3.0](https://opensource.org/licenses/LGPL-3.0)
72
73[![xscode](https://img.shields.io/badge/Available%20on-xs%3Acode-blue?style=?style=plastic&logo=appveyor&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////////VXz1bAAAAAJ0Uk5T/wDltzBKAAAAlUlEQVR42uzXSwqAMAwE0Mn9L+3Ggtgkk35QwcnSJo9S+yGwM9DCooCbgn4YrJ4CIPUcQF7/XSBbx2TEz4sAZ2q1RAECBAiYBlCtvwN+KiYAlG7UDGj59MViT9hOwEqAhYCtAsUZvL6I6W8c2wcbd+LIWSCHSTeSAAECngN4xxIDSK9f4B9t377Wd7H5Nt7/Xz8eAgwAvesLRjYYPuUAAAAASUVORK5CYII=)](https://xscode.com/gavinzhulei/vue-form-making)
74
75Support and additional versions are available on xs:code
76
77[![xscode](http://cdn.form.xiaoyaoji.cn/vue-form-making-banner.png)](https://xscode.com/gavinzhulei/vue-form-making)