form-generator-antdv表单设计及代码生成器

目前支持所有表单类组件(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://www.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 git@gitee.com:fuzui/form-generator-antdv.git

   
   

   
    
   

   
   

   
   

   或

   
   
   
   

   
   

   git clone git@github.com: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

界面展示