一周时间, React 仿一个钉钉审批流前端,相当于什么水平? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
idlewater
V2EX    程序员

一周时间, React 仿一个钉钉审批流前端,相当于什么水平?

  •  
  •   idlewater 2023-08-06 15:20:40 +08:00 5014 次点击
    这是一个创建于 797 天前的主题,其中的信息可能已经有所发展或是发生改变。
    只做到这种程度
    演示地址: https://dingflow.vercel.app/
    相关文章:
    用 React 仿钉钉审批流(掘金) https://juejin.cn/post/7263858443329191996
    用 React 仿钉钉审批流(知乎) https://zhuanlan.zhihu.com/p/648307778

    代码地址: https://github.com/codebdy/dingflow
    36 条回复    2023-08-07 16:51:40 +08:00
    guisheng
        1
    guisheng  
       2023-08-06 15:24:13 +08:00 via iPhone
    用手机打开基本无法正常使用。(仅用到分支条件-设置条件)
    idlewater
        2
    idlewater  
    OP
       2023-08-06 15:25:54 +08:00
    @guisheng 没考虑手机呢,这个没有手机的使用场景吧?
    exposir213
        3
    exposir213  
       2023-08-06 16:00:08 +08:00
    不错的
    beginor
        4
    beginor  
       2023-08-06 16:00:46 +08:00 via Android
    一周时间能实现这个,确实算是高手了。用 react 写控件, 使用 json 做组件配置,这组合确实是最佳的,没有之一。之前接触过 ng 和 vue , 这两者在这方面都没有 react 方便。
    idlewater
        5
    idlewater  
    OP
       2023-08-06 16:05:52 +08:00
    @exposir213 感谢
    idlewater
        6
    idlewater  
    OP
       2023-08-06 16:06:12 +08:00
    @beginor 感谢,刚刚发现 bug 了,嵌套多了就乱套了
    14
        7
    14  
       2023-08-06 16:09:03 +08:00
    很不错!之前用过这个 https://github.com/bytedance/flow-builder
    idlewater
        8
    idlewater  
    OP
       2023-08-06 16:20:06 +08:00
    @14 谢谢,研究一下
    murmur
        9
    murmur  
       2023-08-06 16:23:53 +08:00   1
    造轮子白造的水平,有个 element-form-editor ,还有个 easy-flow ,这俩东西加一起就可以拼个低代码审批

    尤其是前面那个,是个 vue 的低代码都是这套表单编辑器
    idlewater
        10
    idlewater  
    OP
       2023-08-06 16:27:29 +08:00
    @murmur 这是 react 的,帮朋友做的,他需要。开源纯粹是顺手的事,对这个没有什么维护计划。就当学习交流
    murmur
        11
    murmur  
       2023-08-06 16:29:08 +08:00
    https://gitee.com/li_cheng58/full_work_flow

    这玩意不是 2 年前就有人提交了样例了么
    idlewater
        12
    idlewater  
    OP
       2023-08-06 16:31:03 +08:00
    @murmur 朋友需要 react 的,请我做的,他之前也用的 vue 版
    idlewater
        13
    idlewater  
    OP
       2023-08-06 16:31:44 +08:00
    @murmur 大佬,我觉得我的文章输出的内容是有价值的。每个人做的思路是不一样的
    murmur
        14
    murmur  
       2023-08-06 16:33:33 +08:00
    @idlewater

    https://www.bilibili.com/video/BV13Y411d7g6/?vd_source=d85a1b56c87da2a60e7b6bf88f39094d

    react 的也有,flowable 都给你适配了,而且有完整的审批动作
    idlewater
        15
    idlewater  
    OP
       2023-08-06 16:37:27 +08:00
    @murmur 别人需要给他重做,每个人的思路是不一样的。不能说别人做了,我就不做了,我或许可以做的比他好呢
    murmur
        16
    murmur  
       2023-08-06 16:50:04 +08:00
    @idlewater 那只能祝你朋友好运了

    首先从你的作品来看,你完全不知道国企 zf 审批的花样,你以为难度只有界面么,界面是最简单的,需求部分才是最难得。

    我从毕业开始就做企业应用开发,我见识过各种奇葩的审批要求,尤其是和公文交换打通的时候,那是一个吐血。

    最后我的结论就是,按照 1500/人/天(这个价格其实很低了,估到 2500 的公司都有),大企业、gov 的审批,无脑购买,千万别自研。

    如果是小企业,开源的都满足不了,那就买,如果能满足,干脆就用钉钉、企微、泛微、蓝凌这些成熟产品,省心功能多,甚至别人还带了业务逻辑,什么采购库存项目管理人事都给你带其了,而且我可以告诉你,这一对东西加一起不如在线文档编辑组件贵。

    祝你好运。
    idlewater
        17
    idlewater  
    OP
       2023-08-06 17:02:49 +08:00
    @murmur 感谢大佬
    hikarugo
        18
    hikarugo  
       2023-08-06 17:44:03 +08:00   6
    emm...刚毕业的心态啊,问什么水平是一个几乎没有标准答案的疑问,各花入各眼,自己在项目过程学习到了东西有收获,帮助了朋友有成就感,还放了开源并有文章给别人参考借鉴,这本来就是一件有意义的事,不要强求别人的认同感,不可能所有人都认同你的。也许把最后一句“相当于什么水平?”抹去,发到“分享创造”节点,变成一个纯分享帖子可能更好,供参考
    FightPig
        19
    FightPig  
       2023-08-06 17:45:25 +08:00
    挺好的,自己写的东西更容易定制
    idlewater
        20
    idlewater  
    OP
       2023-08-06 17:55:55 +08:00
    @FightPig 谢谢大佬,学习到了
    idlewater
        21
    idlewater  
    OP
       2023-08-06 17:56:07 +08:00
    @FightPig 是的,感谢
    murmur
        22
    murmur  
       2023-08-06 18:31:54 +08:00   2
    @FightPig 你这就错了,工作流,尤其是国产的工作流,是典型的初始需求做的不完善后面全是屎坑的作品

    我举个简单的例子,某些流程是可以写两份审批意见的,别人看到的是“请修改”,你看到的就是“写的什么东西 xxx 我没教过你 xxxx”么

    然后打印的时候所有退回的意见都不打印

    看上去很简单,不就是权限、加字段么

    如果说设定哪些人可以写两份意见,哪些角色可以写意见,哪些人可以看到隐藏意见,这些意见在哪个节点删除,你又需要写多少判断条件,你能扛得住这么多改动么

    甚至是这个意见是富文本编辑器还是普通文本框都可以设定

    所以说学生作业可以鼓励,他这个是真的上生产的东西,最怕自我感动然后做一堆东西最后不如市面成熟产品甚至不如开源产品
    akira
        23
    akira  
       2023-08-06 19:40:23 +08:00
    @murmur 初始需求再完善,后面也会变成一拖四。 那些企事业单位的审批流,整天就是想起一出是一出。 到现在心理阴影面积都还是无限大。
    placeholder
        24
    placeholder  
       2023-08-06 23:02:41 +08:00
    你做这个收了多少钱?
    idlewater
        25
    idlewater  
    OP
       2023-08-07 08:28:38 +08:00
    @placeholder 看着给,没做完,还没给
    avalon8
        26
    avalon8  
       2023-08-07 09:07:29 +08:00
    respect
    AyaseEri
        27
    AyaseEri  
       2023-08-07 09:11:36 +08:00
    你这一缩放就炸了啊。
    如果我希望删除审批节点时,顺带删除后一个网关条件,节点物料里怎么做?
    YuuuuuuH
        28
    YuuuuuuH  
       2023-08-07 09:18:43 +08:00
    @murmur 这问题不是程序员的问题啊,这种需求没有 BA 或者 PM 去捕获,拿头想想得出来吗?
    idlewater
        29
    idlewater  
    OP
       2023-08-07 09:23:45 +08:00
    @avalon8 感谢
    idlewater
        30
    idlewater  
    OP
       2023-08-07 09:26:24 +08:00
    @AyaseEri 缩放用的 scale ,这边没发现会炸,抽时间再看看。
    删除节点顺便删除条件,这个需要修改代码。复杂的功能这个完成不了,用 bpmnjs 比较合适,我的方向也是 bpmn ,后面会在自己的低码项目里集成 bpmnjs 。
    这个项目只是朋友有需求,帮忙做的,简单需求,学习交流用
    SmiteChow
        31
    SmiteChow  
       2023-08-07 09:28:48 +08:00
    初级水平
    idlewater
        32
    idlewater  
    OP
       2023-08-07 09:37:31 +08:00
    @SmiteChow 感谢,继续努力
    0x7c000
        33
    0x7c000  
       2023-08-07 11:17:26 +08:00
    文章写的不错。
    idlewater
        34
    idlewater  
    OP
       2023-08-07 11:41:31 +08:00
    @0x7c000 谢谢
    wccode
        35
    wccode  
       2023-08-07 16:13:21 +08:00
    我直接膜拜,顺便看你大佬其他文章,水平
    idlewater
        36
    idlewater  
    OP
       2023-08-07 16:51:40 +08:00
    @wccode 感谢大佬认可
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     893 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 19:46 PVG 03:46 LAX 12:46 JFK 15:46
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86