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

分享个半成品 lazyform 懒人表单生成组件(vue)

  •  
  •   xianqin · 2022-01-03 17:58:25 +08:00 · 894 次点击
    这是一个创建于 815 天前的主题,其中的信息可能已经有所发展或是发生改变。

    半成品也献丑?

    • 不少贴子说:核心功能完成就可以丢出来献丑,收集反馈了。(这算是白__?*_^)
    • 自己在项目中使用已经接近终级目标:粘贴 API 文档请求参数样例就即可生成符合项目惯例的表单。

    lazyform 懒人表单--使用字段描述对象快速生成复杂表单的 VUE 组件

    作为前端一枚,不可避免的用到 form 表单。 而随着各种 UI 框架 /组件的流行,表单也不再是简单的在 html 写一行 input 就能搞定。 如果再加上输入验证等,则可能一个简单的 input 就需要写上十几二十行代码。 例如:

    • 部份 UI 组表单的编写散落在代码各处。
    • 同一个字段在不同场景中需要不同的验证规规则
    • 同一个字段需要不同的 UI 展现出现 N 个变种(如:是否 XX:UI 可以是 Radio/Checkbox/Select/Switch 等)
    • 相同的字段代码分散在项目各个角落,难以统一维护(如:是否 XX 可选值从[0,1]变成[0,1,2,...,n])
    • 不同 UI 框架间,表单代码难以通用。

    故写了 lazyform-懒人表单表生成组件,尝试解决以上问题。

    特点

    lazyform-懒人表单表生成组件,具有以下特点:

    • 支持任何 UI 组件。(ps:暂时也是缺点你需要自己适配)
    • 使用配置项集中管理字段,所有编写都在 script 中完成。
    • 统一 Radio/Checkbox/Select/Switch 等数据格式,以快速切换 UI 展现样式。
    • 通过参考值反向识别字段。
    • 理想状态下,粘贴 API 文档请求参数样例就即可生成项目惯例的表单。

    README.md 中似乎有 v2 不让发的敏感词?贴上 CF 就不让过 感兴趣的同学可以自行移步 https://github.com/lazyform/lazyform

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1103 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 18:50 · PVG 02:50 · LAX 11:50 · JFK 14:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.