# vue-form-making **Repository Path**: wanshengyijiu_admin/vue-form-making ## Basic Information - **Project Name**: vue-form-making - **Description**: 基于Vue的可视化表单设计器,让表单开发简单而高效;高级版本目前已支持 Vue3。 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: http://form.making.link - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1121 - **Created**: 2024-11-07 - **Last Updated**: 2024-11-07 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # vue-form-making

vue element-ui downloads license

简体中文 | [English](./README.md) 基于 [vue](https://github.com/vuejs/vue) 和 [element-ui](https://github.com/ElemeFE/element) 实现的可视化表单设计器,使用了最新的前端技术栈,内置了 i18n 国际化解决方案,可以让表单开发简单而高效。 * [在线预览](https://form.making.link/basic-version) * [开发指南](https://form.making.link/docs/bv/guide.html) * [组件](https://form.making.link/docs/bv/component.html) * [MakingForm](https://form.making.link/docs/bv/component.html#%E8%A1%A8%E5%8D%95%E8%AE%BE%E8%AE%A1%E5%99%A8-makingform) 表单设计器(基于可视化操作快速设计出表单页面)。 * [GenerateForm](https://form.making.link/docs/bv/component.html#%E8%A1%A8%E5%8D%95%E7%94%9F%E6%88%90%E5%99%A8-generateform) 表单生成器(根据设计器中获取的配置 json 数据,快速渲染出表单页面)。 * [二次开发](https://form.making.link/docs/bv/develop.html) **该项目为基础版本,如果需要体验高级版本的功能,可以前往 [高级版本](http://form.making.link),提供了更多的组件和功能,并且支持 Vue3 。** ## 特性 * 可视化配置页面 * 提供栅格布局,并采用flex实现对齐 * 一键预览配置的效果 * 一键生成配置json数据 * 一键生成代码,立即可运行 * 提供自定义组件满足用户自定义需求 * 提供远端数据接口,方便用户需要异步获取数据加载 * 提供功能强大的高级组件 * 支持表单验证 * 快速获取表单数据 * 国际化支持 ## 高级版本 相较于基础版本,高级版本提供了更丰富的功能: * 页面更加美观; * 通过点击即可快速添加字段; * 更多的属性设置,包括数据源与表单事件; * 更多的控件字段(子表单、自定义组件等); * 更多的布局容器,并且可以相互嵌套(栅格、表格、标签页); * 更多的API,满足更复杂的业务需求; * 加入自定义字段,可以快速将自己开发的组件引入; * 可快速添加自定义样式; * 支持数据源,方便表单数据配置; * 支持动作事件,可以让表单更加灵活配置; * 多终端适配展示; * 提供了 Ant Design 风格的组件(通过引入 antd vue 修改); * 支持 Vue3; [点击前往](https://form.making.link) ## 第三方插件 * [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+. | [IE / Edge](https://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](https://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](https://godban.github.io/browsers-support-badges/)
Chrome | [Safari](https://godban.github.io/browsers-support-badges/)
Safari | | --------- | --------- | --------- | --------- | | IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions ## 开源协议 MIT