# formDesigner

**Repository Path**: sync-github/formDesigner

## Basic Information

- **Project Name**: formDesigner
- **Description**: 基于vue+ElementUI的表单设计器。让表单拖拽更加简单方便
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://github.com/wison-wu/formDesigner
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2021-11-16
- **Last Updated**: 2022-01-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 简介
基于vue+ElementUI的表单设计器。让表单拖拽更加简单方便
![Image text](https://gitee.com/wurong19870715/formDesigner/raw/master/public/img/designer.png)
![Image text](https://gitee.com/wurong19870715/formDesigner/raw/master/public/img/preview.png)
![Image text](https://gitee.com/wurong19870715/formDesigner/raw/master/public/img/edit-form.png)
![Image text](https://gitee.com/wurong19870715/formDesigner/raw/master/public/img/config-json.png)
![Image text](https://gitee.com/wurong19870715/formDesigner/raw/master/public/img/val-json.png)
![Image text](https://gitee.com/wurong19870715/formDesigner/raw/master/public/img/dialogList.png)
![dunamic_table](https://gitee.com/wurong19870715/formDesigner/raw/master/public/img/dynamic_table.png)

# GitHub地址
[formDesigner](https://github.com/wison-wu/formDesigner)

# 开发日志
- 2020-12-15: 增加button组件
- 2020-12-25: 增加分割线组件
- 2020-12-28: 增加Alert 警告组件
- 2021-01-01: 增加文本组件
- 2021-01-01: 增加html组件
- 2021-01-01: 增加编辑器
- 2021-01-07: 增加json查看
- 2021-01-09: 增加icon选择组件，增加button选择按钮的支持
- 2021-01-12: 增加编辑器字数限制的校验、增加input输入框前后图标的配置
- 2021-01-18: 增加form-builder组件，增加渲染，查看配置统一界面，查看渲染界面
- 2021-02-01: 增加颜色选择器
- 2021-02-08: 增加级联选择器（包含省市区联动）
- 2021-02-14: 增加附件组件
- 2021-03-23: 增加dialogList,支持更多信息展示的列表
- 2021-06-28: 更新文本组件，增加字体颜色，字体大小，居中布局
- 2021-07-11: 增加自定义验证功能,增加时间范围。
- 2021-08-29: 增加动态表格。

## 后期规划
- 简单的数据联动
- vue3.0版本筹备

## 文档
[hello world](https://my.oschina.net/wison/blog/5276173)

[项目结构](https://my.oschina.net/wison/blog/5276165)

[如何扩展一个自定义组件](https://my.oschina.net/wison/blog/5276172)

## 友情链接
- [高性能 vue3 表格组件 vma-grid](https://gitee.com/sleiphur/vma-grid)

## 交流一下

QQ群：816204482

## 预览地址
[formdesigner](http://wurong19870715.gitee.io/formdesigner)

## 感谢作者
[form-generator](https://gitee.com/mrhj/form-generator)

如果这个项目对您有帮助，麻烦给个star，谢谢！

## 开源协议
[MIT]