实现流程图的过程总结

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

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

最开始的时候，是考虑使用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，成功的渲染了，得到了阶段性的胜利