实现流程图的过程总结

news/2024/5/18 23:23:04 标签: 流程图, 低代码

这次给的开发任务是架构流程图的实现,这边曲折比较多,在这里记录一下过程

我们使用前端低代码平台,所以很多功能都会有限制,这成为了这次开发的最大阻碍

最开始的时候,是考虑使用html去实现,但是发现我们需要很多的变量,还有很多的条件来指向不同的数据库,因此,这个方法就行不通,实现静态的图片是没有问题的,但是我们得根据具体的情况最后指向不同的数据库,也就是说图片是可变的,

然后就想到用平台是不是有对应的组件模板可以参考,问题支持人员,但是他们也说没有这样的模板,要想实现定制的效果,就得高开自己去写组件,

高开自己写组件的方向,我也去摸索了一下,我是纯后端,对于前端可以说是非常不熟悉,但是我还是咬着牙去看了下平台导入组件的方式,然后添加依赖啥的,然后我还去微信群,qq群问被人是不是实现过这种流程图的效果,有些说拓扑图,有些说用啥啥技术,然后我去看了该官网,但是还是不行,当时在这里的时候我想放弃了,因为放弃了没有啥成本,低代码平台实现不了的效果,我搞不出来领导也不会说什么,但是事情出现了转折,群里有一个人说他使用antv x6实现过,于是我就是x6的官网看了一下,确实是可以的,很符合效果。

但是怎么引入x6组件又成了问题,可能对于前端来说,这个就是一个简单的问题,前端大佬可以不再看下去了,但是对于不懂前端来说真是寸步难行,这个时候就需要找平台懂前台的支撑人员了,然后他们也不会,他们也不是纯粹的前端,甚至都没有用过这个x6组件技术,没办法,他们都不会,我去弄基本就是浪费时间,其实到现在位置,x6能不能实现,也是一个未知数,不过我去尝试过,,x6的依赖是可以被平台引入的,也就是说这个组件,x6可以用。当然这个方向被我放弃了,领导没有这么多时间让我去熟悉这整个前台的技术链。

然后我就去公司的平台群里发了我的问题,希望能有人给点思路,然后很意外,真的有人也刚好要做一个流程图方向的功能,他拉上我,然后又拉上了一个技术支撑人员,这个时候我才知道,编码通居然后技术链支撑人员,也就是说我们要自定义组件的时候,他们可以给我们指点一下,我们该怎么去做,用什么技术去做,感觉问道了对的人,做出来近在咫尺。

她问我我有啥技术栈,我说我不太会前端,她说没有前端知识,去搞组件这一块是很难搞出来的,得想其他的办法,他给我提供了一个思路,看看是不是可以在后台生成图片,然后返回给前台呢?

后台生成图片,我没有怎么玩过啊,但是python嘛,万能的,除了不能做饭洗衣服,python没有不能做的,然后我就去搜索了python回执流程图,不负所望,matplotlib可以做,这个模块我熟啊,以前就涉及到这个包,当时只是认识的熟,不是应用的熟,没关系,开干。然后我在claude和百度的加持下,终于绘制流程图的效果实现了,保存图片就ok

问题又出现了,由于前台是低代码平台,不是我们普通自己搭建的前后端分离框架,我们返回给平台的格式是有要求的,我们没有办法把生成的图片png格式的直接给前台,前台么有办法获取到,这下感觉这条路堵死了,不知道怎么办了,

平台只能手动将图片注册到ecs服务器,然后返回一个url,我们给前台这个url,他会找到这个图片然后显示,这个是平台的运行逻辑,但是他是没有办法识别png格式的文件的,流文件也不行啊,唯一的办法貌似只有我们后台去调用ecs的接口,看看他是不是提供了类似的接口给我们使用,我们把图片给他,他们返回给我们url,我觉得应该是可行的,不然这么多人需要使用到自定义的图片,或者实时更新的图片,难道还一个一个手动去前台传吗?对此我信心十足的去找负责人要接口

当然,接口是没有的,他们说这个是他们自己的ecs服务器,sk等秘钥是不可能暴露给我们使用的,这下貌似路真的堵死了,实现不了了。感觉可以放弃,然后对领导说,我已经经过研究和探索,平台不具备实现的能力。但是我不甘心就这么放弃了,我觉得可以反馈给领导,看看他是不是还有其他的把办法

于是我会议又拉了领导来看,这次我是求助来的,我觉得实现不了了,如果要实现还得需要我们自己去申请ecs服务器,申请ecs服务器是需要我们付费的,没有到万不得已,不会为了我们一个小小的功能去申请一台ecs服务器。

然后领导给出来的方案也比较明确,他是这么建议的,我们平台既然可以调用echart组件,而不需要导入echart的依赖包,那么我们在使用antv x6的时候,也不一定需要导包,自己做组件。可以往这个方向试试看,然后就是他也会去找找有没有小型的ecs服务器可以申请,我说可以的,最后如果实现搞不定了,我们再改成图表的形式来实现,只是图表没有那么效果好,属于一个没有办法的办法了,最后他还给我看了下被人做的一个流程图,他们是自己写的前端,没有用低代码平台,因此可以实现,让我也借鉴一下试试,领导还是领导,他的这几个解决方案还是比较中肯的可行的。然后就让我先往下走走看

最后我灵光一闪,html是不是可以画图呢?因为我不懂html前端知识,导致简单的方法给忽略了,然后我就去找了百度和csdn,果然,svg可以用来实现,我找到了方向,我们可以后台编写html,当做一个字符串文本的形式返回给前台,然后前台会自动将html渲染。至此我马上就写了一个小demo,成功的渲染了,得到了阶段性的胜利


http://www.niftyadmin.cn/n/439644.html

相关文章

知乎家居产品种草营销怎么做?

近年来,家居产品种草营销已经成为了一种新型营销方式。知乎作为全球最大的中文问答社区,拥有着海量的用户和优质内容,逐渐成为了家居产品种草营销中不可忽视的平台。那么,在这个平台上如何进行家居产品种草营销呢?接下…

阿里巴巴开源Chat2DB v1.0.11 初体验

阿里巴巴开源Chat2DB v1.0.11 初体验 前言什么是Chat2DB下载安装安装配置Chat2DB初体验配置数据源准备测试数据认识几个功能菜单开始测试自然语言转SQLSQL解释SQL优化 使用总结后续功能结语 前言 作为一名阿里巴巴开源项目的拥护者,从Chat2DB开源至今都有关注这个开…

VME总线芯片集

------------------VME------------------------------------------------ LS373 锁存器 74LS373。 LS244 总线驱动器 74LS244为3态8位缓冲器 ALS245 TS 八路总线收发器与3态输出。 MB3771 电压检测 富士通MB3771。 L5240 ADL5240 高性能数字控制可变…

科技云报道:大模型时代,SaaS元年才真的到来了?

科技云报道原创。 ChatGPT席卷全球后,如果有人问AI大模型影响最大的会是哪个行业?SaaS领域肯定是不二之选。 目前全球各大科技公司已宣称要用大模型触及、整合所有产品。 其中,微软率先为其办公家族装配上了各类copilot,开发者…

HHDESK批量重命名功能在工作中的实际运用

笔者自认为有个很好的习惯,每个完成的工作,都会新建一个文件夹,放在工作文件夹下面,并且分类很细,详细命名,方便查找,万一遗忘也没关系,关键字和时间一搜索即可。 所以在今天&…

【网络安全】成功上岸深信服,这套面试题你肯定需要!!!

时间过得很快,回想起去年的这个时候,我也正在准备秋招,今天的我刚刚结束培训。 我的个人情况就读于某双非大学,信息与计算科学(大数据方向,校企合作,一个介于数学与计算机之间的专业&#xff0…

Kafka中的producer拦截器

在Kafka中,拦截器一共有两种。分别是生产者端的和消费者端的。本文介绍生产者端的拦截器 Kafka Producer拦截器 Kafka Producer拦截器(Interceptor)主要用于实现clients端的定制化控制逻辑。对于Producer而言,Interceptor使得用户在消息发送前以及Producer回调逻辑前有机…

33、js - 面试 - 事件循环 微任务 宏任务

1、事件循环♻️(EventLoop) js是单线程语言,也就是某一刻只能执行一行代码,为了让耗时代码不阻塞其他代码运行,设计了事件循环模型。 事件循环是一个并发模型,负责执行代码、收集异步任务的模型&#xff0…