V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
coolpace
V2EX  ›  问与答

如何实现一个表单流程设计器?

  •  
  •   coolpace · 2021-10-18 23:29:01 +08:00 · 2456 次点击
    这是一个创建于 1133 天前的主题,其中的信息可能已经有所发展或是发生改变。

    公司安排了一项任务,需要用 React 开发一个流程设计器,打算仿照宜搭的来,请问有开源的组件库可用吗?

    Snipaste_2021-10-18_23-18-01

    16 条回复    2023-06-26 17:48:01 +08:00
    masterclock
        1
    masterclock  
       2021-10-18 23:56:00 +08:00
    这种不少吧,AntV X6 ?
    FightPig
        2
    FightPig  
       2021-10-19 02:40:21 +08:00
    这个 github.com/go-workflow/workflow-ui 只看过,没用过
    murmur
        3
    murmur  
       2021-10-19 07:52:04 +08:00   ❤️ 1
    这个我刚做过,前端问题不大,找几个开源组件弄一下就行
    但是后端就恶心了
    我用的是 jsplumb 改的,你可以买付费版,改改 css 就能用
    coolpace
        4
    coolpace  
    OP
       2021-10-19 08:09:54 +08:00
    @murmur
    好的!我去看看
    coolpace
        5
    coolpace  
    OP
       2021-10-19 08:10:28 +08:00
    @FightPig
    这个好像挺符合我们的需求,mark 了
    coolpace
        6
    coolpace  
    OP
       2021-10-19 08:12:52 +08:00   ❤️ 1
    @masterclock
    我现在就在用 antv x6 开发的,但是里面节点的定制化不太行,想找个基于 DOM 实现的
    37Y37
        7
    37Y37  
       2021-10-19 09:14:46 +08:00
    bpmn,比较成熟,有 demo 有源码有文档,不过是 vue 的,找找有没有 react 适配,https://bpmn.ops-coffee.cn/
    moxxun
        8
    moxxun  
       2021-10-19 09:53:49 +08:00 via iPhone
    coolpace
        9
    coolpace  
    OP
       2021-10-19 12:48:13 +08:00
    @moxxun
    太好了,是我需要的!
    JerryCha
        10
    JerryCha  
       2021-10-20 12:45:33 +08:00
    这东西难度不大,不行就自己造一个。
    我们自己是用 antd 组件抄了一个出来。
    coolpace
        11
    coolpace  
    OP
       2021-10-20 12:50:53 +08:00
    @JerryCha
    我们业务要求需要流程节点可以拖动,这个你们有实现吗?
    JerryCha
        12
    JerryCha  
       2021-10-20 17:18:04 +08:00
    @coolpace 没实现,我们默认从上往下布局。宜搭能拖动么?
    coolpace
        13
    coolpace  
    OP
       2021-10-20 19:49:50 +08:00
    @JerryCha
    宜搭的也没办法拖动..
    JerryCha
        14
    JerryCha  
       2021-10-20 22:05:02 +08:00
    @coolpace 那让你们的产品再想想。
    CrushMiss
        15
    CrushMiss  
       2023-06-26 17:10:45 +08:00
    老哥,我现在公司也需要做一个流程设计器,也是需要 react 版本的,请问老哥当时的实现可以分享一下吗
    coolpace
        16
    coolpace  
    OP
       2023-06-26 17:48:01 +08:00
    @CrushMiss 我目前用 react-flow 实现的,是公司的项目所以就不方便分享代码了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   881 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 21:48 · PVG 05:48 · LAX 13:48 · JFK 16:48
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.