不用写代码,不切换工具,Gitee 支持在线管理 Diagram 流程图

作为一名开发者,善用图表能够帮助我们将零散的思考梳理与总结起来,帮助我们更清晰地看到事件和项目的全貌。以前,开发者想要在 Gitee 的 Readme 里放流程图呈现项目逻辑,得用别的绘图工具画好,保存或截图以 图片 格式放进仓库里。然而当项目更新需要修改图片内容时,又得切换到绘图工具,更改上次保存的源文件,再生成新图片上传到 Gitee 上,如此流程往返重复,让人不胜其烦。

为了解决这个问题,今年 6 月底,Gitee 支持了 Mermaid 流程图渲染,我们可以通过代码块的方式添加 Mermaid 图表。最近,Gitee 已经支持 在线管理 Diagram 流程图,既不用写代码,又不用切换绘图软件,就能直接在线管理流程图。

这个功能是怎么实现的?

为了让新的图表功能与 Gitee 如今的工作流串联起来,完成流程闭环,Gitee 的产研同学研究一圈市面流行的图表绘制工具后,最终以开源绘制工具 draw.io 为基础进行开发。

Draw.io 想必很多开发者并不陌生。这是一个开源流程图绘制工具,支持多平台的功能,能在几乎所有的桌面平台上使用它。而且它还提供大量现成的模板,可以根据自己的需要进行选择,调整页面布局。

话不多说,让我们一起来看看实际效果吧。

如何在 Gitee 在线管理 Diagram 流程图

步骤一

在仓库根目录-文件菜单,找到 入口

或者

在仓库目录工具栏中找到

步骤二

进入操作页面,可添加现成的模板或根据需求自行制作、修改、调整页面布局

步骤三

完成后,点击 ,便可以轻松将 Diagram 文件提交到 Gitee 仓库了

步骤四

最后提交保存文件时,还可以根据提示填写

步骤五

生成后,支持流程图全貌

步骤六

演示 Demo

别等了,快上 Gitee 尝鲜新功能

关于 Gitee

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年9月8日
下一篇 2022年9月8日

相关推荐