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 |
|
27 | 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.
|
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 |
|
38 | 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.
|
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 |
|
63 | Modern 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 |
|
75 | Support 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)
|