vue-form-design: 基于 Vue3 的可视化低代码form表单设计器；使用基于 Vue 3.0 的桌面端组件库 Elemnet-Plus ，使用广泛，扩展方便；通过可视化的操作，快速完成表单页面的创建；提供功能强大的各种组件，可适用在各种复杂的场景中；丰富的API接口，方便快速的生成表单，验证和获取表单数据；利于二次开发

# AK-Form 可视化低代码表单设计器

使用基于 Vue 3.0 的桌面端组件库 Elemnet-Plus ，使用广泛，扩展方便

通过可视化的操作，快速完成表单页面、表格列表、列表筛选页面的创建

表格列表页集成常用的时间格式化、字典匹配、Tag标签显示等等

提供功能强大的各类组件，可适用在各种复杂的场景中

丰富的API接口，方便快速的生成表单，验证和获取表单数据

代码简洁、易于二次开发

用于学习研究，欢迎交流，微信:337547038

如果项目对你有所帮助，请留个赞，以表支持

如果你对该项目感兴趣，欢迎加入项目建设中来

如果你有任何建议，请联系我或在评论区留言

### 演示地址

https://337547038.github.io/vue-form-design/

### 别家没有的功能

> 支持完整设计表单增删查改功能； 
> 支持完整的表单内容增删查改功能； 
> 支持完整的列表条件筛选、列表内容功能； 
> 支持表单复杂交互控制； 
> 支持常见表单校验功能； 
> 支持开发自定义组件； 
> ...

### 微信交流群

### 目录结构

```text
public
 ├─mock // 模拟数据
src
 ├─api // 数据请求接口
 ├─docs // 使用说明文档
 └─views // 页面
   ├─designForm // 表单设计主程序组件
     ├─components // 核心组件
     ├─form.vue // 通用表单新增/编辑页
     ├─formList.vue // 已设计表单列表页
     ├─index.vue // 表单设计主页面
     ├─list.vue // 通用表单内容列表页
     └─table.vue // 列表页设计主页面
   └─export
     ├─form.vue // 添加编辑表单文件，在表单设计处导出的vue文件，用作测试
     └─list.vue // 表单列表文件，在表单设计处导出的vue文件，用作测试
```
### 贡献者

lucas2015/vue-form-design

简介

发行版

贡献者

近期动态

lucas2015/vue-form-design .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

lucas2015/vue-form-design