Skip to content

fuzui/form-generator-antdv

Repository files navigation

Form Generator Antdv

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

Build Status  Build Status  Build Status


简介

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

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

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

JSON解析器

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

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

更多信息

开始使用

  1. 环境准备

  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描述的很全,向其表示由衷感谢。

致谢

联系

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

欢迎 issue

界面展示