1d10d468077c4131b09a947a0b3e8550.png

一、什么是系统架构图?

系统架构图是为了抽象的表示软件系统的整体系统框架、各个组件之间的相互关系,以及软件系统的演进方向的视图。

通常来说,我们绘制架构图的目的就是为了解决团队之间的沟通障碍,通过架构图很便捷的其他成员进行沟通,减少歧义,最终让整个团队成员能够达成共识。

aa30f90ddb9bbb98ab97e517650967f6.png

二、系统架构图有哪些分类?

系统架构图最经典的是4+1视图,分别为场景视图、逻辑视图、物理视图、处理流程视图和开发视图。

场景视图一般用于描述系统的参与者与功能用例间的关系,反映系统的最终需求和交互设计,通常由用例图表示。

18f47c7697e96fc18410fb4072a79fd2.png

逻辑视图用于描述系统软件功能拆解后的组件关系,组件约束和边界,反映系统整体组成与系统如何构建的过程,通常由UML的组件图和类图来表示。

cdeb1397485d13c5aa65b8b704bf4897.png

物理视图用于描述系统软件到物理硬件的映射关系,反映出系统的组件是如何部署到一组可计算机器节点上,用于指导软件系统的部署实施过程。

处理流程视图用于描述系统软件组件之间的通信时序,数据的输入输出,反映系统的功能流程与数据流程,通常由时序图和流程图表示。

bff5e72859f3d22b9aa9c908fc10d200.png

开发视图用于描述系统的模块划分和组成,以及细化到内部包的组成设计,服务于开发人员,反映系统开发实施过程。

三、什么是好的系统架构图?

一个好的系统架构图应该从受众出发,明确自己的图型要传递的信息是什么,并且要注意查看图型的一致性和足够的准确性,是否能够与代码相呼应。

四、系统架构图怎么画?

要画好系统架构图,首先明白系统架构图都有哪些,你要画的系统架构图属于哪一类?其中的关键信息是什么?

确定好之后打开浏览器搜索作图软件『 gitmind 』,通过搜索结果进入GitMind官网。

26ed7afd0cf91230089836096cd97854.png

作图步骤:

1、进入软件官网,点击【免费创作】后进入热门模版,在这里,你可以看到很多软件自带的思维导图、流程图模版。

2、根据自己确定好的架构图类型,选择合适的架构图模版,如果你绘制的是场景视图,那么你可以选择用例图模版,如果你绘制的是逻辑视图,那么你可以选择UML图或者类图模版。

26e68c7136dd01f68429c7ef3486f801.png

3、选择好对应的模版后,鼠标单击打开,在右上角点击 『 使用模版 』 就可以以此模版为基础进行架构图绘制。

a96b7efe2fe676d6af8cce539f0fb2f0.png

4、根据自己的架构图草稿修改对应的架构图组件,如果需要另外添加组件,打开左侧组件库,挑选合适的图形后用鼠标拖到画布即可。

0aa3a3e057cd5516e83ad10a60ae24d7.png

5、最后,系统架构图做好之后,还可以通过上侧工具栏的分享、保存和导出等按钮一键分享架构图。

cb0f8b6109f68c6d290fa6bce2f35d10.png

总结

以上就是系统架构图的详细绘制步骤,对于架构图的绘制,关键在于把握好从架构图的正确构建、明确架构图的类型、将架构正确的应用到系统,使用工具将架构图进行可视化输出这几点,这样,我们就能容易的绘制出直观、清晰的架构图。

Logo

开源、云原生的融合云平台

更多推荐