felixpy
V2EX  ›  Vue.js

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

  •  1
     
  •   felixpy ·
    codetrial · Jun 7, 2020 · 5696 views
    This topic created in 2339 days ago, the information mentioned may be changed or developed.

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

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

    楼主加油
    felixpy
    felixpy
    OP
    Jun 9, 2020
    20
    @agdhole @xuxuzhaozhao Vuetify 可以支持的~
    felixpy
    felixpy
    OP
    Jun 9, 2020
    21
    @Exin 谢谢支持,目前这个版本确实只实现了表单生成器这部分,可视化配置确实很有必要~
    fenyu
    fenyu
    Jun 30, 2020
    22
    我想给您提个建议或者加入您的项目,
    我之前做公司后台时候,用 element-ui 的 table 封装了一个滚动到底部自动加载下一页的框架,里面还有常用的新建、编辑、删除的封装,和可扩展插槽,还差一个生成配置用的 UI ( :
    toomlo
    toomlo
    Aug 22, 2020
    23
    请问 demo 里面左边的菜单栏如何做到固定大小的啊?萌新刚学:-)
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4545 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 60ms · UTC 03:51 · PVG 11:51 · LAX 19:51 · JFK 22:51
    ♥ Do have faith in what you're doing.