3

form-generator-antdv

 2 years ago
source link: https://www.oschina.net/p/form-generator-antdv
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
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. git clone [email protected]:fuzui/form-generator-antdv.git
    git clone [email protected]:fuzui/form-generator-antdv.git
  2. 进入项目根目录

    npm install

    若耗时太长可使用npm install --registry=https://registry.npm.taobao.org

    npm run serve

    打开浏览器访问 http://localhost:8080

  3. 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


Recommend

  • 54
    • www.tuicool.com 5 years ago
    • Cache

    Laravel Form Builder

    Laravel Form Builder is a package by Kristijan Husak that incorporates an API similar to Symfony’s form builder for Laravel 5 applications. Form builder for Laravel 5 inspired by Symfony’s form builder. With t...

  • 33
    • www.tuicool.com 5 years ago
    • Cache

    Creating a simple form with CSS Grid

    17th Oct 2018 You learned to create a simple form with Flexbox in theprevious article. Today, you’ll understand how to create the same thing with CSS Grid. Here’s what we’re building:

  • 75
    • www.tuicool.com 5 years ago
    • Cache

    Build a Contact Form with React and PHP

    There are many ways to create contact forms, from using HTML and jQuery or HTML and Javascript to choosing more modern frameworks like React. Today we’ll try to do something a little different, in a modern way.

  • 59
    • www.tuicool.com 5 years ago
    • Cache

    Smart Node.js Form Validation

    One of the fundamental tasks to perform in an API is data validation. In this article, I’d like to show you how to add bulletproof validation for your data in a way that also returns it nicely formatted. Doing c...

  • 60

    While messing with dictionaries to create form data for FormUrlEncodedContent so I can send data to server using HTTP client, I started thinking about easier and cleaner way to do it. I was writing integration tests and I...

  • 30
    • www.tuicool.com 5 years ago
    • Cache

    Create a PHP Login Form

    A user login and registration system is super helpful when we want to store information about users of our website. This applies to everything from educational websites which might store course progress and marks to e-com...

  • 22

    New form generator is in the hood! Welcome Jafar :star2: ...

  • 10
    • blog.csdn.net 3 years ago
    • Cache

    如何在vue3.0中友好的使用antdv

    如何在vue3.0中友好的使用antdv 随着我们vue3.0的出现,我们的ui组件库也有了一些变化,像我们的旧版的element-ui已经不能在vue3.0中使用了,如果要使用element的话需要使用最新版的element-plus,由于发现它并不太好用,因此我选择了...

  • 7
    • www.codeproject.com 2 years ago
    • Cache

    A JavaScript Form Generator - CodeProject

    Introduction This article is about a JavaScript object (FormGen) for creating and managing Forms

  • 2

    antdv Modal(对话框)全屏时被覆盖问题解决最近遇到了个问题:表格全屏时,调用弹窗显示不出来,退出全屏时,弹窗其实是在的。网上查了下,还是有相关资料的。原因如下:全屏的元素是没法被其它元素覆盖的...

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK