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

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

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

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

这个功能是怎么实现的?

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

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

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

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

步骤一

在仓库根目录-文件菜单,找到 「新建 Diagram 文件」 入口

或者

在仓库目录工具栏中找到 「新建 Diagram 文件」

步骤二

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

步骤三

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

步骤四

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

步骤五

生成后,支持「在线浏览」流程图全貌

步骤六

若内容有待完善,可点击「编辑」回到编辑界面,继续修改

演示 Demo

点击此处,可查看视频演示

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

分类:
开发工具
标签:
收藏成功!
已添加到「」, 点击更改