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 | ![](http://cdn.form.xiaoyaoji.cn/Jietu20200708-202415-HD.gif)
|
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 | ![](http://docs.form.xiaoyaoji.cn/donation.jpeg)
|
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)。
|