当前位置:首页 > draw.io教程

如何创建 Gitflow 图

drawio6年前 (2020-02-07)draw.io教程8

向新开发团队成员展示 Git 仓库中的项目分支结构,比用文字描述要容易得多。有些平台会使用内置工具来展示分支结构。如果您使用的平台没有便捷的可视化工具,也很容易创建自己的 Git 流程图。

形状库中形状的默认大小无法更改,因此克隆和连接功能非常节省时间:它可以同时复制形状的样式和文本内容。

请访问app.diagrams.net上的在线 draw.io 编辑器来创建您的图表。您只需要基本形状库中的形状即可创建 Git 工作流程。

下面的示例向您展示如何创建和设置 Gitflow 图的样式,以及如何使用默认样式更快地绘制图表。

请查看 draw.io 中的完整示例。

添加主分支或主分支

  1. 在绘图画布上添加一个圆。点击并拖动圆的边界框周围的控制柄来调整其大小。如果需要,可以在格式面板的 “样式”选项卡中设置颜色和样式。

  2. 如果要添加标签,请双击圆圈或开始输入标签文本。您可以在右侧格式面板的“ 文本”选项卡中重新定位此文本。
    提示:现在,单击格式面板“样式”选项卡中的“设置为默认样式”。这意味着,下次您从形状库向图表添加形状时,相同的样式将应用于新形状及其标签。

  3. 将鼠标悬停在绘图画布上已设置样式和调整大小的圆形上,然后单击蓝色箭头,再单击弹出窗口中的第一个条目以克隆并连接它。

  4. 选择两个形状之间的连接线,然后在格式面板的 “样式”选项卡中设置其样式。

    • “线条”下拉列表中选择“圆角”。

    • 在“图案”下拉列表中选择虚线或点线

    • 由于您可能不需要箭头,请确保“线段起点”“线段终点”的下拉列表中均设置为“无” 。

    • 设置连接器的颜色或样式。

  5. 点击“设置为默认样式”。现在,下次克隆并连接形状时,它将使用您新设置的默认连接器样式。

  6. 克隆并连接几个版本,以表明软件至少有一个主版本号的提升和一个增量版本。双击每个圆圈即可更改其标签文本。

  7. 克隆并连接一个比所需数量更多的图形。然后从形状库中拖动一个矩形,并将鼠标悬停在其上方,直到出现黑色替换箭头。放下该形状,它将自动调整大小并设置样式,使其与原圆形相似。

  8. 调整矩形的大小,并更改标签文本,以指示此“行”版本是主分支。

添加功能或项目分支

由于主分支通常只用于存放软件的已发布版本,您很可能需要在功能分支或项目分支上进行开发。可能存在多个功能分支,不同的开发团队会在这些分支上进行工作。

  1. 使用键盘快捷键Ctrl+CCmd+CmacOS 系统)复制一个现有的圆形,并将其拖到 Master 分支下方。如有需要,可以编辑形状标签。由于大多数功能构建版本都没有版本号,因此您可能甚至不需要标签。

  2. 使用不同的颜色区分不同类别的分支,以便开发人员清楚地了解他们将要处理的分支。重新设置圆圈的样式,然后单击“设置为默认样式”将新样式设为默认样式。

  3. 将鼠标悬停在形状上,然后单击蓝色箭头以克隆并将其连接到新形状。重新设置连接器的样式以匹配新分支的颜色,然后单击“设置为默认样式”

连接你的分支

  1. 将鼠标悬停在某个形状上,然后单击并从其中一个蓝色箭头拖动连接线,将其放到另一个形状上即可将它们连接起来。

    • 你可以将它放置在形状轮廓为蓝色时(浮动连接器),或者放置在其中一个绿色小十字上(固定连接器)。

    • 你也可以从这些绿色小十字处拖出连接线。

  2. 根据分支结构,将分支连接到合适的版本。例如,在创建新分支或合并到新分支时。

添加开发分支

如果多个开发人员同时开发某个功能,他们很可能会在各自的私有开发分支上进行工作。重复上述步骤,添加示例开发分支,并通过适当的连接方式展示这些分支如何与功能分支交互。

一个 Gitflow 流程图示例

这里展示了一个主分支的示例,以及如何直接将热修复应用到该分支。此结构包含一个用于自动每日构建的分支、用于在开发人员各自的私有分支上并行开发的功能分支,以及发布候选版本创建后的操作流程。

如您所见,分支开发方案可能变得相当复杂。将它们可视化后,就更容易理解了。

一个 Gitflow 流程图示例

在我们的在线查看器中打开此示例

Gitflow模板

  1. 点击“排列”>“插入”>“模板”或创建新图表以打开模板库。

  2. 选择左侧的“软件”类别。点击右上角的放大镜图标,即可查看模板的放大预览

  3. 选择其中一个 Gitflow 图模板,然后单击“插入”“创建”将此模板复制到图表画布。