主页 > 程序员中山人才网

作为程序员,你一般用什么软件画流程图时序图和状态图等?

128 2025-05-10 10:37

一、作为程序员,你一般用什么软件画流程图时序图和状态图等?

作为一名合格的程序员,在需求整理及功能实现的时候,各种流程图是避免不了的,像用例图、时序图、状态图基本上是必备,辅助分析需求及梳理实现思路。

1. 时序图,又称为序列图、循序图,是一种UML交互图。时序图通过描述对象之间发送消息的时间顺序,显示多个对象之间的动态协作过程。

  • 时序图的使用场景非常广泛,几乎各行各业都可以使用。当然,作为一个软件工作者,我这边主要列举和软件开发有关的场景。
  • 时序图涉及到的角色主要包括
    • 角色(Actor) 系统角色,可以是人或者其他系统和子系统。以一个小人图标表示。
    • 对象(Object) 对象位于时序图的顶部,以一个矩形表示。
    • 生命线(LifeLine) 时序图中每个对象和底部中心都有一条垂直的虚线,这就是对象的生命线(对象的时间线)。以一条垂直的虚线表。
    • 控制焦点(Activation) 控制焦点代表时序图中在对象时间线上某段时期执行的操作。以一个很窄的矩形表示。
    • 消息(Message) 表示对象之间发送的信息。主要分同步消息、异步消息、返回消息
    • 自关联消息 表示方法的自身调用或者一个对象内的一个方法调用另外一个方法。以一个半闭合的长方形+下方实心剪头表示。
    • 组合片段 组合片段用来解决交互执行的条件和方式,它允许在序列图中直接表示逻辑组件,用于通过指定条件或子进程的应用区域,为任何生命线的任何部分定义特殊条件和子进程。

2. 状态图,是描述一个实体基于事件反应的动态行为,常常用于显示状态机、使对象达到这些状态的事件和条件、以及达到这些状态时所发生的操作。UML状态图可以研究类、角色、子系统、或组件的复杂行为。

    1. 用状态机对一个对象的生命周期建模,状态图用于显示状态机(State Machine Diagram),重点在与描述状态图的控制流。
    2. 状态图涉及到的角色主要包括
  • 状态(States)指在对象的生命周期中的某个条件或者状况,在此期间对象将满足某些条件、执行某些活动活活等待某些事件,状态用圆角矩形表示
  • 转移(Transitions)转移(Transitions)是两个状态之间的一种关系,表示对象将在源状态(Source State)中执行一定的动作,并在某个特定事件发生而且某个特定的警界条件满足时进入目标状态(Target State)
  • 动作(State Actions)动作(Actions)是一个可执行的原子操作,也就是说动作是不可中断的,其执行时间是可忽略不计的。
  • 自身转移(Self-Transitions)状态可以有返回自身状态的转移,称之为自身转移(Self-Transitions)
  • 组合状态(Compound States)嵌套在另外一个状态中的状态称之为子状态(sub-state),一个含有子状态的状态被称作组合状态(Compound States)
  • 进入节点(Entry Point)由于一些原因并不会执行初始化(initialization),而是直接通过一个节点进入状态【Ready】,则此节点称之为进入节点(Entry Point)
  • 历史状态(History States)历史状态是一个伪状态(Pseudostate),其目的是记住从组合状态中退出时所处的子状态,当再次进入组合状态,可直接进入这个子状态,而不是再次从组合状态的初态开始。
  • 并发区域(Concurrent Regions)状态图可以分为区域,而区域又包括退出或者当前执行的子状态。说明组合状态在某一时刻可以同时达到多个子状态。
  • 在介绍工具使用时主要以时序图为主,状态图只要明白了概念,设计的时候类似,主要是介绍工具的选择,供参考

常用工具

在工作中常用的工具有visio、Typora(最新版收费)、Drawio(免费)

(1)visio是office办公套件之一,也是普遍使用的流程图工具,程序员及非程序员都可以使用,产品做的也非常人性化,容易上手,如下时序图所示效果

绘图区域上半部分为示例图,下面为时序图各个组成部分的说明,几点可以查看每个时序图组成部分的用意及使用说明

visio左边为工具栏、右侧为绘画图,像生命线、参与者、消息 都提供了完整的支持,工具栏提供的工具如图所示:

(2)Typora应该是程序员的最爱,Typora容许随时随地开展无缝拼接浏览,因而您能够在检查显示信息实际效果的另外形象化地开展撰写。在Win,Mac和Linux上能用。它具备审校作用,能够检查拼读和英语的语法。全自动匹配Markdown标记,比如括弧。支持大概100种語言并支持英语的语法突显。丰富多彩的作用和键盘快捷键使您轻轻松松浏览需求的地区。与内联公式和显示信息公式适配,公式还可以即时浏览,能够轻轻松松插进图象(载入时显示信息图象)。以各种各样格式导出来,比如PDF,LaTeX,HTML 。您能够依据自身的喜好变更外型(主题),支持全自动储存和修复。有对焦模式,打印机方式和源码方式,能够依据本人喜好开展转换。标识符,行和英语单词的总数能够马上检查。能够建立简易的序列图。可以说一个写作的利器,目前应该是程序员的标配了,在做流程图这块也是佼佼者,但对非程序员不是太友好,效果显示如下:

显示的源文件

Title: Typora 时序图示例
对象A->对象B: 对象B你好吗?(请求)
对象B-->对象A: 我很好(响应)
对象B->小三: 你好吗
小三-->>对象A: 对象B找我了
对象A->对象B: 你真的好吗?
Note over 小三,对象B: 我们是朋友

typora设计流程图非常简洁,但没有提供直接的设计工具,对非开发人员中很少使用。

(3)Drawio是一款绘制流程图的利器。而且界面简洁清晰,最重要的是免费的,visio 不是免费的。还有其他很多好处,它跨平台,还提供了 Chrome 插件和 VScode 插件,而且支持多语言,很友好。这么多好处,那必须搞起来啊。我已经完成从 visio 转移到 http://draw.io,不过国内用的好像并不多,人性化设计的不错,可以跟visio又得一拼,效果如下

流程图非常的简洁漂亮,同事还提供大量的模板供参考,非常的方便

工作区也分工具区及绘画区,工具区如下所示,个人感觉比office的visio更全面

推荐总结

  • 如果已经安装office,建议使用visio,可以满足大部分需求,同时满足业务流程图设计,visio面向各个行业的人员使用
  • 如果是没有安装office,又有流程图设计要求,推荐使用drawio,设计的图也非常漂亮,觉得不让你失望
  • 如果是开发人员,强烈推荐Typora,有一种写代码的感觉,逼格绝对上升一个档次,同时跟写文档结合,非常流畅
本文分享自华为云社区《作为程序员,你一般用什么软件画流程图时序图和状态图等?》,作者: m神 。

点击关注,第一时间了解华为云新鲜技术~

二、画机械图先画什么?

画机械图先画对称的中心线再画图

三、win10画图怎么画网格图?

1、 在Windows10系统桌面,我们依次点击“开始/Windows附件/画图”菜单项。

2、 接下来我们在打开的画图应用窗口中,点击“文件/打开”菜单项。

3、 我们选择要编辑的图片,然后点击上面的“查看”菜单

4、 打开的查看工具栏上,我们点击勾选“网格线”前面的复选框。

四、怎么画动图?

先认真观察要画的动物,了解它的身体结构,外貌特征再进行绘画。

五、cie图怎么画?

方法/步骤

1,打开Excel办公软件,选择需要制作图表的表格,我们以某鞋厂2004年至2014年鞋子销售量为例子。

2,在表格中选中第二行及第三行,鼠标单击Excel中的(图表向导)工具,若在Excel中没有找到(图表向导)工具,可以选择菜单“插入-->图表”或者选择菜单“视图-->工具栏-->常用工具(打上勾)”,在弹出的图表向导框中选择柱形图,单击下一步。

3,在图表数据源中选择系列生产中的行,在选择系列,删除年份并在分类(x)轴标志(T)中输入=Sheet3!$B$2:$L$2,单击下一步,在图标选项中输入标题、分类X轴、数值Y轴的名称,单击下一步,在图标位置中选择第二个,单击完成。

4,绘图区很不美观,接下来的工作是美化绘图区。选中绘图区,单击右键,选中绘图区格式,在图案颜色中选择自己喜欢的颜色,这里选择黄色,单击填充效果,在填充效果中选择渐变、双色、水平,单击确定。

5,图表区的文字太大,要适当的调整大小,选中图表区,单击右键选择图表区格式,在图表区格式选择字体大小,这里选择10号字体,单击确定。对标题进行调整,修改字体大小,方法基本上一样。

6,数据与图表之间的链接,在制作图表的过程中,数据与图表的链接会自动生成,起到数据与图表的动态同步更新,但图表的标题是没有与数据建立链接,这就需要手动操作。单击选中标题,在公式栏中输入“=”号,在选中表格中标题所在的地方,按下回车,图表的标题与数据就建立了动态链接。

7,图表与图片的动态链接,选择需要生成图片的区域,然后必须按住shift键,选择菜单“编辑-->复制图片”,单击确定,选择图片在公式输入栏中输入=Sheet3!$A$2:$L$4,图片与数据建立了动态链接。

六、顶棚图怎么画?

顶棚装饰平面图通常采用“镜像”投影作图,其绘制步骤如下:①根据绘制对象尺寸与图纸规格确定比例;

②画出建筑平面及门窗洞口,门画出门洞边线即可,不画门扇及开启线;

③画出顶棚造型平面轮廓线、窗帘及窗帘盒平面轮廓线;

④画出与顶棚相接的家具、设备的位置及尺寸;

⑤画出灯具图例及其他设备图例;

⑥在顶棚平面图中选定适当剖切位置(能清楚表达顶棚装饰造型细节)并画出顶棚剖面图索引符号;

⑦在顶棚平面图中选定适当剖切位置(能清楚表达窗帘盒、灯槽做法、顶棚与墙面衔接处理细节、灯具与设备安装细节),画出相应剖面图索引符号;

⑧标注尺寸、标高、图纸名称、比例、材料名称规格与工艺做法等文字说明;

⑨描粗整理图线,建筑主体结构和隔墙轮廓线用粗实线表示,顶棚主要造型轮廓线用中实线表示,装饰线等次要轮廓用细实线表示。

七、旅游图怎么画?

标注旅游景点旅游线路公交?地铁的地图

八、专利图怎么画?

外观设计专利申请对图片的要求

(1)就立体产品的外观设计而言,产品设计要点涉及六个面的,应当提交六面正投影视图。产品设计要点仅涉及一个或几个面的,应当至少提交所涉及面的正投影视图和立体图,并应当在简要说明中写明省略视图的原因。就平面产品的外观设计而言,产品设计要点涉及一个面的,可以仅提交该面正投影视图。产品设计要点涉及两个面的,应当提交两面正投影视图。

(2)必要时,申请人还应当提交该外观设计产品的展开图、剖视图、剖面图、放大图以及变化状态图。此外,申请人可以提交参考图,参考图通常用于表明使用外观设计的产品的用途、使用方法或者使用场所等。

九、家谱图怎么画?

1、可以利用电脑中的Word文档完成家谱制作,首先打开word文档,点击工具栏中的“插入”选项并找到“smartart”图标。;

2、然后在打开的“smartart”页面选择“组织结构图”,点击确定。;

3、即可将标准的组织结构图插入页面中,点击文本处即可输入文字。;

4、点击空白处或者原本的文本框,并选择添加项目的按钮,选择需要添加的项目的位置。;

5、根据需要进行添加后即可生成一个家谱世系图的样式,在其中输入对应的姓名及内容即可。

十、如何画幻觉图?

步骤/方式1

首先,我们在格子纸上画一个大长方形。

步骤/方式2

然后,在大长方形里面分成9个小长方形。

步骤/方式3

在每个小长方形里面,右上角的小格子里,画一条对角线。

步骤/方式4

在每个小长方形里面的对角线的顶点开始,向下面的边画垂直线。

步骤/方式5

在对角线和垂直线的交点处,再向每个小长方形的左侧边画垂直线。

步骤/方式6

把每个小长方形里面形成的更小的长方形,图上黑色。

步骤/方式7

最后,把每个上方的梯形,用铅笔涂成铅笔灰色。

步骤/方式8

这样,一个简单的幻觉图就画好了。