form-generator-antdv

表单设计及代码生成器
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 国产
投 递 者 方浩旷
操作系统 跨平台
开源组织
适用人群 未知
 软件概览
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

界面展示

 

 

 相关资料
  • 问题内容: 我正在尝试构建一种表单生成器,该表单生成器将允许我以灵活的方式定义,显示和存储“测试”。即,允许用户通过网络界面创建一种新型的测试/表单(“分组”)并定义一组将在表单上显示的字段(任何类型的字段,包括日期,文本,广播,复选框等)。我还需要一个结果表,该表将存储保存在每个表单/测试中的值。 作为一个不足的示例,到目前为止,我有以下3个表: 上面的问题-如果没有其他问题-我不确定如何动态显

  • 本文向大家介绍如何使用mybatis-generator自动生成代码,包括了如何使用mybatis-generator自动生成代码的使用技巧和注意事项,需要的朋友参考一下 这篇文章主要介绍了如何使用mybatis-generator自动生成代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1、在pom文件中添加mybatis-generator

  • generator 也就是生成器的英文拼写,它的主要作用是生成大批量的数据 方法一 (x for x in ['a', 'v']) 其实也就是把上一章迭代方法中的[]换成了(),那么返回的对象就不同了,前者是生成了一个list后者是生成了一个生成器。 其实跟js中的generator是一样的,打印出来这个生成器的内容只需要使用next()方法就OK了 l = ( x for x in ['1','

  • 生成器根据处理后的原始文件建立路由。 概要 hexo.extend.generator.register(name, function(locals){ }); 在函数中会传入一个 locals 参数,等同于 网站变量,请尽量利用此参数取得网站数据,避免直接存取资料库。 更新路由 hexo.extend.generator.register('test', function(locals){

  • 本文向大家介绍iOS 二维码生成及扫码详解及实例代码,包括了iOS 二维码生成及扫码详解及实例代码的使用技巧和注意事项,需要的朋友参考一下 iOS二维码生成及扫码      现在越来越多的应用加入二维码相关的业务,在iOS开发市场上很多开发人员都在使用第三方的扫码与生成二维码的控件,个人认为此类的第三方控件识别度不高。最近正好整理新框架的事情,研究了一下。具体代码如下  生成二维码代码  扫描二维

  • Vuetify Form Generator是基于Vuetify的Vue表单设计器及代码生成器,基于JSON Schema,全组件化工程,所见即所得。 预览 1. 总览 2. ICON 和 COLOR 设置展示 3. RULE 设置展示 简介 Vuetify Form Generator表单设计及代码生成器,可将生成的代码直接运行在基于Vuetify的vue项目中;也可导出JSON表单,使用配套的