| 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 | </p>
|
| 20 |
|
| 21 | 简体中文 | [English](./README.md)
|
| 22 |
|
| 23 | 基于 [vue](https://github.com/vuejs/vue) 和 [element-ui](https://github.com/ElemeFE/element) 实现的可视化表单设计器，使用了最新的前端技术栈，内置了 i18n 国际化解决方案，可以让表单开发简单而高效。
|
| 24 |
|
| 25 | 
|
| 26 |
|
| 27 | * [在线预览](http://form.xiaoyaoji.cn/basic-version)
|
| 28 | * [开发指南](/docs/guide.zh-CN.md)
|
| 29 | * [组件](/docs/component.zh-CN.md)
|
| 30 | * [MakingForm](/docs/component.zh-CN.md#表单设计器makingform) 表单设计器（基于可视化操作快速设计出表单页面）。
|
| 31 | * [GenerateForm](/docs/component.zh-CN.md#表单生成器generateform) 表单生成器（根据设计器中获取的配置 json 数据，快速渲染出表单页面）。
|
| 32 | * [二次开发](/docs/develop.zh-CN.md)
|
| 33 |
|
| 34 | 该项目为基础版本，如果需要体验高级版本的功能，可以前往 [高级版本](http://form.making.link)，提供了更多的组件和功能。
|
| 35 |
|
| 36 | ## 特性
|
| 37 |
|
| 38 | * 可视化配置页面
|
| 39 | * 提供栅格布局，并采用flex实现对齐
|
| 40 | * 一键预览配置的效果
|
| 41 | * 一键生成配置json数据
|
| 42 | * 一键生成代码，立即可运行
|
| 43 | * 提供自定义组件满足用户自定义需求
|
| 44 | * 提供远端数据接口，方便用户需要异步获取数据加载
|
| 45 | * 提供功能强大的高级组件
|
| 46 | * 支持表单验证
|
| 47 | * 快速获取表单数据
|
| 48 | * 国际化支持
|
| 49 |
|
| 50 | ## 第三方插件
|
| 51 |
|
| 52 | * [vuedraggable](https://github.com/SortableJS/Vue.Draggable)
|
| 53 | * [element-ui](https://github.com/ElemeFE/element)
|
| 54 | * [ace](https://github.com/ajaxorg/ace)
|
| 55 | * [vue2-editor](https://github.com/davidroyer/vue2-editor)
|
| 56 |
|
| 57 | ## 捐赠
|
| 58 |
|
| 59 | 如果觉得还不错，请作者喝杯咖啡吧 ☺
|
| 60 |
|
| 61 | 
|
| 62 |
|
| 63 | [PayPal Me](https://paypal.me/gavinzhulei)
|
| 64 |
|
| 65 | ## Browsers support
|
| 66 |
|
| 67 | Modern browsers and Internet Explorer 10+.
|
| 68 |
|
| 69 | | [<img src="https://user-gold-cdn.xitu.io/2020/7/8/1732e40d01d856c3?w=48&h=48&f=png&s=3574" alt="IE / Edge" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://user-gold-cdn.xitu.io/2020/7/8/1732e40e774b0ae3?w=48&h=48&f=png&s=3943" alt="Firefox" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://user-gold-cdn.xitu.io/2020/7/8/1732e40d043ea030?w=48&h=48&f=png&s=3678" alt="Chrome" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://user-gold-cdn.xitu.io/2020/7/8/1732e40d044e39d2?w=48&h=48&f=png&s=5240" alt="Safari" width="24px" height="24px" />](https://godban.github.io/browsers-support-badges/)</br>Safari |
|
| 70 | | --------- | --------- | --------- | --------- |
|
| 71 | | IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
|
| 72 |
|
| 73 | ## 开源协议
|
| 74 |
|
| 75 | [LGPL-3.0](https://opensource.org/licenses/LGPL-3.0)
|
| 76 |
|
| 77 | 您可以将 vue-form-making 源码用于 LGPL 协议的开源项目中，并保留版权信息（Powered by <a target="_blank" href="https://github.com/GavinZhuLei/vue-form-making">vue-form-making</a>）。
|
| 78 |
|
| 79 | ## 商业许可
|
| 80 |
|
| 81 | 如果要将 vue-form-making 源码使用在非开源站点，项目和应用程序中，为保障您的合法权益，需购买[商业授权](http://form.xiaoyaoji.cn/pricing)。
|