Giter VIP home page Giter VIP logo

form-generator-antdv's Introduction

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 [email protected]:fuzui/form-generator-antdv.git

    git clone [email protected]: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

界面展示

form-generator-antdv's People

Contributors

fuzui avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

form-generator-antdv's Issues

bug使用反馈集合

  1. 空组件下,无法拖动或者不容易拖动(不能拖到中间就生效,而必须拖到顶端),只能点击。

image

  1. 点击刷新、或开着多个窗口,会重复加载多次,可以点击刷新试试

image

  1. 预览JSON - 导出JSON,默认文件名后缀错误

image

  1. 多选框组件 :翻译错误,无法输入错误

image

Error with 'a-input' component

When I use upload component and trying to upload a file, it show that ' fieldXXX is required' , I tried to fix, but failed.
Uploading 1653014610681.png…

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.