form-generator-antdv 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
form-generator-antdv 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
form-generator-antdv 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开源组织
地区 国产
投 递 者 极客时代
适用人群 未知
收录时间 2022-02-15

软件简介

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

致谢

  • 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

界面展示

 

 

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击引领话题📣
暂无内容
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
0 评论
8 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部
返回顶部
顶部