V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
felixpy
V2EX  ›  Vue.js

支持 Element UI, View UI, Ant Design Vue 的 JSON 表单构建器

  •  1
     
  •   felixpy ·
    codetrial · 2020-06-07 20:48:09 +08:00 · 4064 次点击
    这是一个创建于 1412 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Vue Form Builder 是一个基于 JSON Schema 和 Vue Composition API 的动态表单构建器。任意自定义表单组件及主流 UI 框架例如 Element UI,View UI,Ant Design Vue 等都能够轻松支持。

    源码仓库 - 欢迎 Star

    参考文档 - 快速指南

    在线预览 - https://openfext.github.io/vue-admin-next/#/form/form-builder

    Screen Capture

    主要特性

    • 强大 - 通过 Vue Composition API 管理表单状态,再也不用野路子了

    • 灵活 - 支持任意、任意、任意自定义表单组件,重要的事情说三遍

    • 兼容 - 多种主流 UI 框架开箱即配,就等你来

    • 可靠 - 多个生产环境的应用已在使用,还在等什么呢

    23 条回复    2020-08-22 02:06:11 +08:00
    veike
        1
    veike  
       2020-06-07 20:55:29 +08:00
    果断 start 了,希望能维护下去
    felixpy
        2
    felixpy  
    OP
       2020-06-07 21:15:22 +08:00
    @veike 感谢,会长期维护的!
    justin2018
        3
    justin2018  
       2020-06-07 21:28:54 +08:00
    太棒了了 😁
    lovesky
        4
    lovesky  
       2020-06-07 21:30:51 +08:00 via Android
    简单看了一下,超赞,正为后台大量的表单页发愁。
    JaguarJack
        5
    JaguarJack  
       2020-06-07 21:34:59 +08:00 via iPhone
    已 star 希望继续维护下去
    ElmerZhang
        6
    ElmerZhang  
       2020-06-07 21:35:08 +08:00
    看起来不错,Star 了
    felixpy
        7
    felixpy  
    OP
       2020-06-07 21:44:09 +08:00
    @justin2018 谢谢支持~
    felixpy
        8
    felixpy  
    OP
       2020-06-07 21:46:05 +08:00
    @lovesky 可以试用下~
    w292614191
        9
    w292614191  
       2020-06-07 22:46:04 +08:00
    好卡啊,根本打不开。
    felixpy
        10
    felixpy  
    OP
       2020-06-07 22:49:53 +08:00
    @w292614191 在线预览还是哪个地址啊?
    iEverX
        11
    iEverX  
       2020-06-07 23:16:47 +08:00
    支持一波
    kylix
        12
    kylix  
       2020-06-07 23:27:58 +08:00
    感觉想法很不错,收藏了!
    revalue
        13
    revalue  
       2020-06-07 23:34:54 +08:00
    从哪里 copy 这个工具所产生的代码?我还想粘贴到编辑器上
    felixpy
        14
    felixpy  
    OP
       2020-06-07 23:41:00 +08:00
    @revalue 目前需要手工编写配置🤣。后续打算做个配置生成器~
    felixpy
        15
    felixpy  
    OP
       2020-06-07 23:41:36 +08:00
    @iEverX 艾玛
    red2dog
        16
    red2dog  
       2020-06-07 23:58:27 +08:00 via iPhone
    标记一下
    agdhole
        17
    agdhole  
       2020-06-08 08:02:48 +08:00 via iPhone
    能支持下 vuetify 吗?
    xuxuzhaozhao
        18
    xuxuzhaozhao  
       2020-06-08 11:07:08 +08:00
    不错不错,同求一波 vuetify
    Exin
        19
    Exin  
       2020-06-08 14:49:55 +08:00
    有一点没看明白,控制表单有哪些字段是不是要手动改写配置(即 LZ 在 14 楼回复的意思)?

    我自己也做了一套(配置也是表单生成的,也就是表单可以生成表单,有了“自举”的能力),也看到其他团队也有做,感觉开发这么一个生成器是几乎每个业务具有一定规模的前端团队的必经之路了

    楼主加油
    felixpy
        20
    felixpy  
    OP
       2020-06-09 00:09:35 +08:00
    @agdhole @xuxuzhaozhao Vuetify 可以支持的~
    felixpy
        21
    felixpy  
    OP
       2020-06-09 00:12:17 +08:00
    @Exin 谢谢支持,目前这个版本确实只实现了表单生成器这部分,可视化配置确实很有必要~
    fenyu
        22
    fenyu  
       2020-06-30 13:23:18 +08:00
    我想给您提个建议或者加入您的项目,
    我之前做公司后台时候,用 element-ui 的 table 封装了一个滚动到底部自动加载下一页的框架,里面还有常用的新建、编辑、删除的封装,和可扩展插槽,还差一个生成配置用的 UI ( :
    toomlo
        23
    toomlo  
       2020-08-22 02:06:11 +08:00
    请问 demo 里面左边的菜单栏如何做到固定大小的啊?萌新刚学:-)
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2840 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 39ms · UTC 04:03 · PVG 12:03 · LAX 21:03 · JFK 00:03
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.