https://github.com/xaboy/form-create-designer

好用的Vue可视化表单设计器，可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率。
https://github.com/xaboy/form-create-designer

element-ui form form-create form-designer vue vue3

Last synced: 3 months ago
JSON representation

好用的Vue可视化表单设计器，可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率。

• Host: GitHub
• URL: https://github.com/xaboy/form-create-designer
• Owner: xaboy
• License: mit
• Created: 2021-04-05T05:47:33.000Z (over 3 years ago)
• Default Branch: next
• Last Pushed: 2024-07-30T12:39:49.000Z (3 months ago)
• Last Synced: 2024-07-31T06:44:30.237Z (3 months ago)
• Topics: element-ui, form, form-create, form-designer, vue, vue3
• Language: Vue
• Homepage: https://view.form-create.com/
• Size: 577 KB
• Stars: 1,469
• Watchers: 19
• Forks: 342
• Open Issues: 62
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - xaboy/form-create-designer - 好用的Vue低代码可视化表单设计器，可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率。支持PC端和移动端，目前在政务系统、OA系统、ERP系统、电商系统、流程管理等系统中已稳定应用。 (Vue)

README

        


    

        

    





    官网

     | 

    帮助文档

     | 

    在线演示





  

  



**FcDesigner 是基于 [@form-create/element-ui](https://github.com/xaboy/form-create) 实现的表单设计器组件。可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率，节省开发者的时间。**

[![FcDesigner](https://static.form-create.com/file/img/banner-m2.jpg)](https://pro.form-create.com/view)

## 特点

- 使用JSON数据生成表单

- 支持扩展自定义组件

- 内置36个常用的表单组件和布局组件

- 提供丰富的表单操作API

- 支持子表单和分组

- 支持事件配置

- 支持表格布局

- 支持表单验证

- 支持多语言

> 如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！本项目还在不断开发完善中,如有任何建议或问题[请在这里提出](https://github.com/xaboy/form-create-designer/issues/new)

> 本项目QQ讨论群[629709230](https://jq.qq.com/?_wv=1027&k=F1FlEFIV)

![demo1](https://static.form-create.com/file/img/open-designer.jpg)

## 引入

**CDN:**

```html

```

**NodeJs:**

```shell

npm install @form-create/designer@next

npm install @form-create/element-ui@next

```

请自行导入`ElementPlus`并挂载

```js

import FcDesigner from '@form-create/designer'

app.use(FcDesigner)

app.use(FcDesigner.formCreate)

```

## 使用

```html

```

## 联系

![http://static.form-create.com/file/img/support.jpg](http://static.form-create.com/file/img/support.jpg)

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2021-present xaboy