form-generator-antdv表单设计及代码生成器
Form Generator Antdv,由form-generator搬运而来。form-generator是一个优秀的Element UI表单设计及代码生成器,此项目将其改为Ant Design Vue。
目前支持所有表单类组件(Data Entry),支持布局类组件:Grid 栅格,通用类组件:Button 按钮。
可将生成的代码直接运行在基于Ant Design Vue的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。
-
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
开始使用
-
环境准备
-
安装
git clone git@gitee.com:fuzui/form-generator-antdv.git
或
git clone git@github.com:fuzui/form-generator-antdv.git
-
本地开发
进入项目根目录
npm install
若耗时太长可使用
npm install --registry=https://registry.npm.taobao.org
npm run serve
打开浏览器访问 http://localhost:8080
-
构建
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
界面展示
评论
Vuetify Form Generator表单设计器&代码生成器
VuetifyFormGenerator是基于Vuetify的Vue表单设计器及代码生成器,基于JSONSchema,全组件化工程,所见即所得。预览1.总览2.ICON和COLOR设置展示3.RULE
Vuetify Form Generator表单设计器&代码生成器
0
Vuetify Form Generator表单设计器&代码生成器
Vuetify Form Generator是基于Vuetify的Vue表单设计器及代码生成器,基于
Vuetify Form Generator表单设计器&代码生成器
0
form-builderPHP 表单生成器
form-builderFormBuilder是一个开源的php表单生成插件,可以快速生成现代化的form表单。还可以配合开源项目 xaboy/form-create 生成任何Vue组件FormBui
form-builderPHP 表单生成器
0
Supler表单生成器
Supler可以帮你轻松实现用代码生成复杂的表单,包括JavaScript实现的客户端组件和Scala实现的服务器端组件。在线演示:https://supler.softwaremill.com/si
Supler表单生成器
0
xaboy form-createJS 表单生成器
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生
xaboy form-createJS 表单生成器
0
xaboy form-createJS 表单生成器
form-create是一个可以通过JSON生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何Vue组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。功能
xaboy form-createJS 表单生成器
0