Ant Design Vue表单设计及代码生成器

简介

Form Generator Antdv，由form-generator搬运而来。form-generator是一个优秀的Element UI表单设计及代码生成器，此项目将其改为Ant Design Vue。

目前支持所有表单类组件(Data Entry)，支持布局类组件：Grid 栅格，通用类组件：Button 按钮。

可将生成的代码直接运行在基于Ant Design Vue的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。

• 预览：https://fga.setworld.net/

• form-generator：https://github.com/JakHuang/form-generator

• Ant Design Vue文档：https://1x.antdv.com/docs/vue/introduce-cn/

JSON解析器

将保存在数据库中的JSON表单，解析成真实的表单
在线示例: https://fga.setworld.net/#/parser

// 安装
npm i form-gen-antdv-parser

更多信息

开始使用

1. 环境准备

   • 安装node和git

2. 安装

   git clone [email protected]:fuzui/form-generator-antdv.git

   或

   git clone [email protected]:fuzui/form-generator-antdv.git

3. 本地开发

   进入项目根目录

   npm install

   若耗时太长可使用npm install --registry=https://registry.npm.taobao.org

   npm run serve

   打开浏览器访问 http://localhost:8080

4. 构建

   npm run build

文档

如需开发或想要了解，可以去查阅form-generator文档，其作者JakHuang描述的很全，向其表示由衷感谢。

致谢

• form-generator Element UI表单设计及代码生成器

• Ant Design Vue An enterprise-class UI components based on Ant Design and Vue

• Ant Design Vue Pro Use Ant Design Vue like a Pro

  参考了其图标选择器与国际化实现

联系

如果您发现了什么bug，或者有什么界面建议或意见，

欢迎 issue

界面展示